ブラウザに100*100pxの四角を表示して、クリックする度に色がランダムに変わるサンプル。こうやってJS/CSSを組み合わせるとフロントエンド感ある。

ブラウザに100*100pxの四角を表示して、クリックする度に色がランダムに変わるサンプル。こうやってJS/CSSを組み合わせるとフロントエンド感ある。

webpack-dev-serverとwebpack.config.jsを使って、ローカルWebサーバでソース修正をブラウザに即時反映させる。

webpack-dev-serverとwebpack.config.jsを使って、ローカルWebサーバでソース修正をブラウザに即時反映させる。 前回の続き webpack4(複数のjs/css/imgファイルを1ファイル 続きを読む webpack-dev-serverとwebpack.config.jsを使って、ローカルWebサーバでソース修正をブラウザに即時反映させる。

webpack4(複数のjs/css/imgファイルを1ファイルにまとめてくれる)で2個のjsファイルをmain.jsにまとめてみた。hello,world的なやつ。

webpack4(複数のjs/css/imgファイルを1ファイルにまとめてくれる)で2個のjsファイルをmain.jsにまとめてみた。hello,world的なやつ。 参考URL https://ics.media/en 続きを読む webpack4(複数のjs/css/imgファイルを1ファイルにまとめてくれる)で2個のjsファイルをmain.jsにまとめてみた。hello,world的なやつ。

gulpとbrowser-syncを使って、pugファイルを修正したら、自動的にブラウザリロードするようにしてみた。

gulpとbrowser-syncを使って、pugファイルを修正したら、自動的にブラウザリロードするようにしてみた。 参考URL pugで爆速HTMLコーディング!【WEBデザイナーのためのMac強化計画 #6】 ブラウ 続きを読む gulpとbrowser-syncを使って、pugファイルを修正したら、自動的にブラウザリロードするようにしてみた。