これまでのfloatレイアウトで複雑なレイアウトを作成する場合には、divタグを多用するなどトリッキーな作業が必要でした。CSS3ではFlexレイアウトが開発され、フレキシブルなレイアウトが柔軟に作成できるようになりました。グリッドレイアウトでコーディングするならFirefoxを使おう〜display:griddisplay:gridでレイアウトするのが標準になる日も近いと思います。開発する際の検証はChromeを使う場合が多いと思いますが、グリッドレイアウトに限ってはFirefoxが強力です。一度試してみると良いでしょう。Firefoxの検証画面を開いて、レイアウト項目を選択します。flex〜チートシートFlexBoxのプロパティと値をまとめたものです。FlexBoxもfloatに代わってコンポーネントなどのレイアウトの中心的な存在になってきたと思われます。ネット上にも団子の串刺しのようなイラストが乱立しているようです。プロパティの動きを覚えましょう。>>続きを読む簡単にローカルなSASS環境構築SASSを毎日使用するような人は自分にあった環境を作り込んでいると思います。時々使いたい場合、Gulpで環境作るのは面倒だし、エディタに設定していたはずのものがなぜかうまく動かないなどと困った場合に、手軽にローカルな環境構築をする方法です。statementで定義します。functionキーワードと、関数の名前、引数は丸括弧でくくり、カンマで区切ります。>>続きを読むループ文〜モダンなJavaScriptループ文は繰り返し何かを実行するために必須のアルゴリズムです。JavaScriptで利用可能なループ処理を学習します。for文によるループは、指定された条件が「false」と評価されるまで繰り返されます。日付のためのデータ型がありません。オブジェクト」を使います。オブジェクト」は日付の設定、取得、操作を行うメソッドがありますので、その使い方を覚えましょう。オブジェクトリテラルを作成するには{}で囲みます。値の記述方法は配列に似ていますが、インデックス番号の代わりにプロパティ名を明示する必要があります。他のプログラミング言語では連想配列と呼ばれる方法です。>>続きを読むAnacondaのインストール〜Macでバージョン管理付きMac環境でAnacondaをバージョン管理付きでインストールする方法です。Homebrewがインストールされていることが条件です。