Blog

Sublimetext2 のプラグイン「Hayaku」が便利すぎてびっくりしました

最近コーディングをする時はすっかりSublimetextを使用するようになりました。

軽さ、機能、プラグインが良くて多用している日々でございます。

Sublimetextの魅力は、いろいろあるのですが、ここでは割愛させていただきます。
代わりに記事を紹介しますので、そちらをご覧下さい。

新しい年に、テキストエディタをsublimeに変えた | スターフィールド株式会社

”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド! | 株式会社LIG

Sublime Text 2入門 (全14回) – プログラミングならドットインストール

オススメのプラグイン

僕が今回オススメしたいのが「Hayaku」というプラグインです!
こちらはその名の通り、cssを早く書けちゃうという代物でございます!

hayaku/hayaku · GitHub

sublimetextを使っている人であれば、プラグインの「emmet」を入れて使用していると思います。
emmetでもcssを簡略化して書けるじゃないか、とお思いの方もいると思いますが、
emmetでは、簡略化の型が決まっているので、その型を覚えないといけないですよね・・・
それってやっぱり面倒な人には面倒なことだと思います。

その型を覚える必要がないのが「Hayaku」なんです!

どういうことかと言いますと、
cssを書く際に、適当に

これすごくないですか??笑

それっぽかったらある程度、思い通りに変換してくれちゃうんですよ!

だから型なんかを覚えることなく、頭に思い浮かべたスタイルの頭文字を適当に並べるだけでOKぐらいのレベルで、
cssが書けちゃうわけです。

一部ですが以下のような形です。

感覚で書いてる感じになりますねこれは。

ホントおすすめです!!

sublimetext、emmet共々、使いこなせば、コーディングがグッと早くなるかも!?
いや、少しぐらいは早くなると思います。

プラグインのインストール

プラグインの入れ方は、通常のプラグインと同様、
「command + shift + p」でinstall packageを開き、「hayaku」と記入すれば出てくるので、
選択してインストール完了です。

ぜひぜひ活用してよいコーディングライフをお送りください!笑

Author Profile

Y.A

アベと申します。
ディレクター兼デザイナー兼コーダーです。
まだまだ未熟者ですが、日々頑張っています。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ