Category Archives: フロントエンド開発

JavaScriptやCSSの開発工程を自動化するGruntとは何か?

スクリーンショット 2014-04-06 18.48.48

フロントエンドのWEB開発はここ数年で、とても高度になった代わりに、かなり工程が増えました。 昔は単純でした。 CSSを書く。 CSSをアップロードする。 最近は、こうです。 LESSやSassを書く。 CSSにプリコンパイルする プリコンパイルしたCSSをminifyする。 minifyしたCSS ... Read More »

CSSのMedia Queriesで画面解像度によるスタイルの出し分け

スクリーンショット 2013-11-18 19.10.56

最近のCSSは画面解像度によってスタイルを適用しわけることができます。 この技術をメディアクエリといいます。少し試してみたので記録しておきます。 (ドヤ顔で書いていますが、もうすっかり浸透しきった技術です。) 書いてみる。 なんの変哲もないHTMLを書きます。 <!DOCTYPE html&g ... Read More »

JavaScriptの時刻の扱いが3倍くらい楽になるMoment.js

スクリーンショット 2013-08-26 23.56.20

JavaScriptの時刻オブジェクトといえばDateですが、扱いが少し面倒くさい場合があります。Moment.jsというライブラリを使うと、かなり楽になります。 Moment.js JavaScriptのDateオブジェクトと即変換できる Momentのオブジェクトは、いつでもJavaScript ... Read More »

Scroll To Top