クモのようにコツコツと 〜別館〜

イイダリョウのメタ言語実験室!!!!!

メタ言語同時コンパイル(EJS、Sass(SCSS)、TypeScript)

HTMLテンプレートエンジンとAltCSSとALtJSを同時にコンパイルする!!

EJSでJSONデータを読み込む

コンテンツ部分を外部のJSONデータから読み込むことができる。
gulpfile.jsでfsモジュールを使って設定している。

Sass(SCSS)のネスト(階層化)

SCSSもdivのネストの階層化ができる。この段落はネストでスタイルを当てている。
ん?この書き方はLESSとほぼまったく同じだ。
インデントについても厳密でじゃでなくても解釈してくれるようだ(?)

Sass(SCSS)の親セレクタ参照

おそらくLESSにはないSCSS専用の機能。ネストして「&」に擬似要素を付けると親セレクタを参照できる
この尾行欄につけている「※」印は「.bikou:before」ではなく「&:before」だけで済んでいる。

TypeScriptで作ったおみくじ

別ページへ