pug

gulp+webpack+jQuery+pug+sassで開発環境構築

長いこといつか更新しないとと思っていた開発環境を時間があったので作り直しました! あれもこれもと機能充実させていったら、トータル3日ぐらい使ったかもしれません。。 しかし、良い開発環境があれば大きな工数削減・ストレス軽減につながります。 LP~数ページレベルの案件だと使い勝手が良いかなと思います。 大型案件向きではありません。 だいぶオレオレ開発環境なのですが、GitHubに置いておきますので、使 […]

pugを使って配列、オブジェクトをhtmlに出力する方法

リストなど大量の情報をまとめてhtmlファイルに出力する方法について書きます。 エクセルで企業リストに企業名、リンク先などの情報が記載された原稿を渡されたときなど、 エクセルからのコピペでは疲弊してしまうので、pugを使って一気にhtml化してしまおうという話です。 データの用意 まずは、エクセルから以下のような形に成型します。 [ {name:"google",url:"http://www.g […]