さわって覚えるJade

さわって覚えるJade

イメージ

GTA5が楽しくて寝不足気味なminamiです。
前回、前々回とさわってきたJadeですが、さわって覚えられるサイトが幾つかあったのでご紹介します。

前回までの記事はこちら

Html2Jade

01.jpg

リアルタイムでHTML→Jade、Jade→HTMLをおこなってくれるサービスです。HTMLを突っ込んで文法を勉強するのにもいいですし、スニペット化したいHTMLを手っ取り早くJadeにするのにもよさそうですね。

Jade Syntax Documentation

02.jpg

基本的な文法を左Jade、右HTMLで教えてくれるサイト。パラメータをいじくるだけでもどこが変わったかが一目瞭然なので、文法を覚えるのにはとても便利です。また、基本的な機能の備忘にもいいですね。

jadeサンプル集

03.jpg

右のJadeリファレンスは左側にJadeで書かれています。複雑な処理の部分は参考になります。

まとめ

意外と日本語のサンプルも多かったです。もう少し突っ込んで機能を試していきたいです!

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ