CodingもといEmmetを使いこなすとまでいかなくとも、それなりに使ってはいるが、実はCSSではあんまり活用していなかった。いうもCSSに関しては、多少Emmetや他のコード補完プラグイン(パッケージ)の支援はあるものの、HTMLよりも手グセというか、自然とプロパティなり値なりをさっさと書いてしまうし、それほどありがたい、と思えるほどでもない。Codingにせよ、Emmetにせよ、短縮形のルールが決まっているし、それらを覚えないといけないので少し大変だ。Emmetでも若干ファジーに書ける様子。Text2のパッケージ。Emmetと違い、対象になるのはCSS(とCSSプリプロセッサ)であり、前述の通りCSSの記述に関してはこれといったツールを使っていない自分でも感動した。Text2を布教しているエライ人によって簡潔にまとめられているが、とりあえずひと通りやってみた、ってことで書いていく。これをEmmetで書く場合はこう。hidden;}ov:hとタイプするのはEmmetパッケージにある、snippet.jsonというファイルで定義されていて、この書き方じゃないと展開しない(はず)。hidden;}これはHayai。Hayakuがすごいのは実はこれじゃない。hidden;}これはHidoi。なんかもうノリでタイプすれば、それが出る。これでもうHayakuが気になった人は、次へ進んでください。Hayakuのインストール多くは語るまい。Packageから“Hayaku”と叩けばOK。Emmetとの共用この手のパッケージはキーバインドがぶつかりやすいので気をつけること。Tabキーでの展開がHayakuでもEmmetでもデフォルトとなっているので、あらかじめそれを回避しておく。これはEmmetの方のパッケージ設定でおこなう。User何も手を入れてなければ、おそらくこの中は空っぽであるはずなので、ここに下記のような設定をいれておく。"css,less,sass,scss,stylus"}ちなみにこれを見て、もしかして、思ったかもしれないが、CSSを書くときだけでなく、SassやLESSなどのCSSプリプロセッサで書く場合にもHayakuは使える。Text2の設定についての補足をしておくと、前述の設定までのパスを追っていくと、Usersではなく、Defaultというのも参照できるが、設定を変える場合にはDefaultを書き換えるのではなく、Usersの方に書くようにする。することでDefaultの設定を上書きすることができる。Hayakuの機能をいくつか紹介ではHayakuでの書き方をいくつか紹介する。100%;}それっぽい二文字くらいで大体展開。1.5em;}数字をいれるとこんな感じ。Emmetに近いけど、少しだけ違う。Emmetだとショートハンドで書きたいときに、w10-8みたいな書き方で展開できる。Hayakuでは今のところそれができないのでちょっと不便。rgba(0,0,0,.5);}色の指定を加えるならこんな感じ。rgbaの書き方はちょっと感動。!important;}!をつければ、!importantを追加。入れてて損はない設定を変えないとEmmetなどとぶつかるというのはあるとして、基本的には邪魔をするものでもないし、ミスタイプをしたときも勢いでカバーできるっていうイメージで導入してみるとどうでしょうか。SpeakerBY-NC-SA。