発行
今回は、ECSSにおけるMixinの考え方と、postcss-mixinsの使い方を解説しつつ、ECSSのビルド環境を作っていきます。
この回では、Vue.js2.0の特徴的な機能を使って、簡単なアプリケーションを作るために、特に使用頻度の高い機能を中心に基本を解説します。合わせてVue.jsの開発環境を整えておきましょう。
Service WorkerとCache APIを組み合わせ、Service Worker内でのキャッシュの構築とそれをService Worker内からレスポンスとして返す方法を解説します。
発行
今回は、ECSSにおけるディレクトリ構成の考え方と、@import文でglobを利用可能にするpostcss-easy-importを解説しつつ、ECSSのビルド環境を作っていきます。
まずはVue.jsとは何かを解説します。併せて、Vue.jsでの開発をサポートするツールにはどんなものがあるが一通り紹介します。このシリーズではVue.js 2.0の情報を元にしています。
今回から、Service Workerを実際にどのように使っていくかを解説します。まずは登録とインストールの方法を見てみましょう。
発行
今回は、前回紹介したpostcss-nestedで可能になる括弧の入れ子と、postcss-simple-varsで可能になる変数の機能を、ECSSではどのように考えているのかを解説します。
Service Workerは、Webページの裏側で働く独立したJavaScript環境です。今回はその概要と、どのようなライフサイクルを持っているのかを解説します。全体像が把握しやすくなるはずです。
このシリーズではStage 3の仕様を取り上げてきました。今回は、比較的近い未来に使えることになるStage 4にある仕様を解説します。ES2017で登場しそうな機能や書式をチェックしておきましょう。
発行
名前空間によりモジュールを分類することで、コードの複雑化を防ぐアプローチを取るECSSの、PostCSSを用いたビルド環境の構築例を紹介します。今回は、PostCSSの基本について触れます。
今回はform要素を拡張したformディレクティブを解説します。作成されたFormControllerインスタンスではさまざまなプロパティが使用でき、フォーム制御を行えます。
2016年9月にアップデートし、バージョン10となったSafariが新たに対応したCSS関連技術を解説します。ブラウザのメジャーアップデートの際は、自分の知識も併せてアップデートすることをお忘れなく。