次世代のビルドツール「Fly」についてLTしてきました！

昨日、JSオジサン #6というイベントでLTしてきたのでその報告を書こうと思います。

GulpでアイコンフォントとCSSとHTMLを作成する方法

特定のフォルダにSVGファイルを放り込んで、gulp Iconfontを実行するとアイコンフォントとCSSとアイコンフォント一覧のHTMLを作成するgulpタスクを作ってみました。割りと簡単です。

静的な多言語Webサイトを1ソースから作る方法

Webサイトの多言語対応をしないといけないことは最近だと珍しくありません。
この多言語化、色々方法はあります。
JSで切り替える方法、HTMLを二つ用意して文言のみ変える方法。

前者ですとSEO的によろしくないです。(Prerenderを使うという手もありますが。)
でも後者ですとデザインの変更が合った時、二つのファイルを修正しないといけないのでめんどくさいです。

そこでJadeとGulpを使って、1つのソースから日英二つのHTMLファイルを生成する方法を紹介します。
GulpでJadeをHTMLに変換する際に、文言を定義しているJSONファイルを流し込んで2つのHTMLを生成するという方法です。