dev.kokushinスマートフォン用の表示で見るdev.kokushinHTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。この広告は、90日以上更新していないブログに表示しています。jade突然ですが「Jade」はじめました。いままで「EJS」を使っていたのですが、「両方使えたほうが状況によって使い分けれるから便利だよ☆」と教えていただいたので勉強することにしました。「EJS」と「Jade」の違いまあ見れば分かるんですけど、書き方が全然違います。EJS「EJS」はHTMLにそのままタグを埋め込んだりして使います。PHPに近い書き方ができるので、僕は簡単に使いはじめることが出来ました。</p></div>普通のHTMLでも動くので、初心者でも取っ付き易いです。HTML内に変数とか書きまくるとぐっちゃぐちゃになってスパゲティコードになりやすいです。Jade一方Jadeはめっちゃ綺麗にかけます。私の名前は#{name}です。閉じタグがいらないんですね。マークダウン記法並みにめちゃめちゃ早く書くことが出来ます。今の段階では触れてないんですが、分割ファイルのインクルードやブロックの継承などが行えるみたいです。弱点は記法を覚えないと使えないこと。いってもインデントの使い方さえわかればあとは直感でなんとかなるでしょう。Gulpでコンパイル環境を作るJadeを使うにはコンパイル環境が必要になりますので、gulp-jadeを利用します。gulp-jadeしてモジュールをインストールします。gulpfileはこんな感じにしました。_base.scssコンパイルされたindex.htmlはappと同階層のdistデレクトリへ吐き出されます。true指定しとくと整形して出力してくれるみたい。サンプルをGithubにあげときました。CSS好きなエンジニア。月別アーカイブはてなブログをはじめよう!kokushinさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。