開発環境
フロントエンド開発環境の続きです。前回はESLintでコードチェックをしてみました。今回はコードフォーマッター「Prettier」でコードの整形をしてみます。JSだけでなくHTML、CSSなどもできるみたい。それでは息まっしょい！
以前、フロントエンドの開発環境についていろいろ調べた記事を書きました。その後、Gulp、Babel、Webpackのフロント開発三兄弟を体験しました。今回はESLintを使った構文チェックをやってTRY！それではいきませう。
webpackの続きです。これまでフロント開発3銃士のうちGulpとBabelを触ってみたので、今回は最後の一つ、webpackを触ってみる。以前のJSモジュールの記事のjsファイルをバンドルしてみました。それでは行きましょう！
JSコンパイル系の続きで今回はBabelです。前回はAltJSのTypeScriptをGulpでコンパイルしました。今回のBabelはESの新しい書式を従来の書式（ES5）に変換します。AltJSではなく正規なJSでちょっと書き方が新しいだけだし、Babel自体にコンパイル機能があるた…
Gulpの続きです。前回はAltCSSのSass(SCSS)をコンパイルしました。今回はAltJSのTypeScriptをコンパイルします。それでは行きまっしょい！
Gulpの続きです。前回はHTMLテンプレートエンジンのEJSをコンパイルしました。今回はAltCSSのSass（SCSS）をコンパイルします。それでは行きましょう！
Gulpの続きです。前回はHTMLテンプレートエンジンのPugをGulpでコンパイルしました。今回はEJSのコンパイルにトライ。それではいきましょう！
Gulpの続きです。前回はローカルにインストールができました。今回はHTMLテンプレートエンジン「Pug」のコンパイルをやってみたいと思います。メタ言語全体としても自分の中での初コンパイルになります。それではいきましょう！
メタ言語のコンパイル環境を作る！続きです。前回、Gulpのインストールを試みて、うまくいかず苦戦中です。インストールに至るまでの実録！後編ですw
メタ言語のコンパイル環境を作る！続きです。前回はコンパイル方法を検討しました。Gulpとnpm scriptsが候補となりましたが、まずはGulpから体験してみようぞホトトギス。それではいきましょう！*1 *1:と、ハイテンションで始めたが今回は悪戦苦闘な展開にな…
メタ言語のコンパイル環境を作る！続きです。前回はメタ言語を選定しました。今回は言語をコンパイルするタスクランナーを選定します。
Webサイトのデザインや設計を行うとき、昔は工程によっていろんなツールを使い分けていました。今はそれを（私の愛してやまない）Figma一つでブラウザ上だけで完結できます！
以前、CodePenで体験できるフロントエンド のメタ言語（HTMLテンプレートエンジン、AltCSS、AltJS）をやってみた。その後、CodePenでは体験できないEJSなどの存在も知り、そろそろローカル環境にメタ言語のコンパイル環境を作りくなった。言語によって方法が…
以前書いたGoogleアナリティクス（GA）の続きです。前回はGoogleアナリティクスの基本であるユーザー、セッション、PVの関係について書きました。GAは膨大な情報量でもっといろいろな分析できますが、主だったメニューをざっと見るだけでもサイトを見ている…
前回に引き続き、AWSについて調べていきます。前回調べたWebサイトホスティングに該当する実際のAWSのサービス「EC2」「RDB」「ELB」「S3」などについて。それではいきましょう！
AWS（アマゾンウェブサービス）について詳しくなりたくいろいろ調べています。当面の目標はステージング環境を作ること。AWSの「いろは」的なスライドがあったのでその中に出てくるわからない単語を調べながら読み進める。今回はWebサイトホスティングの一般…
開発環境を「モダン環境」にしたいなーと思いつつ知識がなさすぎて足踏みしていました。「ないならば、つけてしまおう知識ギス」というこでとにもかくにも調べ始めています。はい。
Webデザイナーとフロントエンドエンジニアを分かつキーワードがいくつかありますが、その中の一つ「webpack」について急速に知りたくなり、調べてみた記録。たぶんこれはWebデザイナーが「その次（フロントエンドエンジニア）」に進むための重要なキーワード…
令和からアクティブに行こう！ということで初めて勉強会に参加してみた。「PWA Beginners 勉強会 #5」、PWAは前から記事などで気にはしていたけど実際にどんなものなのか知っておきたく。当日、「Glide」を使ってスプレッドシートから5分でアプリを作る実演…
全国一千万人（?）の黒い画面に不慣れの皆さん、こんばんは。ここ最近、Webデザイナーがより気軽にサーバサイド言語に触れる方法を模索しておりましたが、ようやくキタコレ的な方法にたどり着けました。クラウドサービス「Heroku」です。一般的にHerokuの利…
最近いろいろなWebサービスが公開されているのに刺激を受けて、自分もPHPのフレームワークlaravelで何かを作ってみようと思いましたが、なんと自分が契約しているレンタルサーバの仕様だとlaravelを公開することができないことがわかりました！ここ数日、サ…
GitHubシリーズの続きです。前回、ブラウザ上だけでリポジトリを作ってWebページを作成しました。今回はローカル環境（SourceTree）にリポジトリをクローン（複製）し、そこで行ったコミット（更新）をGitHubにプッシュ（反映）します。さらにGitHubの静的サ…
ソフトウェア開発プラットフォーム「GitHub」。バージョン管理システム（Git）によって複数人数での開発ができます。「黒い画面」を叩いて開発するイメージがありますが「SourceTree」というGUIツールもありますよ。さらになんと！GitHubはローカル環境と連…
「前編」の続きです。前編ではフォルダ作成（mkdir）、ファイル作成（touch）・複製（cp）・移動（mv）・削除（rm）を行いました。後編ではいよいよテキストエディタを使わず、黒い画面だけでコーディングを行います。ターミナルの中に内蔵されているviエデ…
「初めての黒い画面」以降、ちょいちょい黒い画面（ターミナル）に触れてきましてだんだんと慣れてきています。ここらで新たな試みをしてみます。そう、私は感じたのです。もしかしてだけど、もしかしてだけど、黒い画面だけで、テキストエディタ使わずにWeb…
このところ、データサイエンティストによるデータ分析記事が様々な切り口で興味深々です。どうやら皆さんPythonでプログラミングをしているようです。私もやってみたくなってきました。そこで、PythonのインストールからHello worldまでやってみました。なお…
Webサイトは作って終わりじゃない！作ったあとの分析も大事。アクセス解析＝Googleアナリティクス（GA）といっても過言ではない必須ツールですが、最初は膨大な数字の山に戸惑いますよね。 今回はWebサイトの目的、GAの導入、そして大事な3つの数字「ユーザ…
Webサイト制作で欠かせないChrome「デベロッパーツール」 。でも、なんだか英語メニューがたくさんで、一体どこをどう触ればいいの？ まずはHTML、CSS、JSのリアルタイム修正から入るのがおすすめ。ブラウザ上で直接修正が反映されて、大変直感的ですよ！
前回、タブレットだけで技術ブログが書けるのか検証した結果、もしかしてだけどこれならスマホだけでも技術ブログが書けるんじゃないの？という気になってきたので、実際にやってみる。実録です。
お絵描きしたくて購入したiPad。触っているうちに、お、もしかしてこれで「What’s a Computer?」れるんじゃない？という気がしてきて文字入力についていろいろ検証した。本当いうとソフトウェアキーボードだけで完結して「What’s a Keyboard?」る野望があっ…
