1ページ目zukucode主にWEB関連の情報を技術メモとして発信しています。1ページ目gulpをES2015で実装するgulpをES2015で実装するための手順です。(ES6)などで書かれたソースコードを一般的なブラウザがサポートしているECMAScript5の形式に変換できます。front-matterの内容をdataとして使用するブログの記事を作成するにあたって、titleやdescriptionのメタ情報やカテゴリー、タグなど、ファイルごとに管理する情報はfront-matterの形式で管理すると便利です。markdownの内容をhtmlに変換するgulpでmarkdownの形式で記載したデータをhtmlに変換します。markdownを変換してnunjucksで扱う実際に公開するhtmlファイルの中身はmarkdownから変換したhtmlの内容だけではなく、titleやdescriptionなどのmetaタグやヘッダ、フッタなどの情報が必要です。nunjucksをコンパイルしてhtmlに変換するnunjucksで記載されたテンプレートエンジンをhtmlに変換します。今回はnunjucksのコンパイルにgulp-nunjucks-renderを使用します。includeで絶対パスを指定するnunjucksの便利な機能の1つにincludeがあります。ファイルパスはデフォルトでは相対パスで設定されます。メインとなるnjkファイルのパスによって以下のようになってしまいます。lessをcssにコンパイルするlessファイルをgulpを使ってcssにコンパイルします。gulp-lessとgulp-autoprefixerをインストールします。引数を受け取って開発時とリリース時で処理を分岐するコマンドラインでタスクを実行する際に、以下のようにパラメータを指定して、タスク処理では指定されたパラメータを受け取って処理を分岐するようにします。システム日付をYYYYMMDD形式などの文字列型に変換する当ホームページに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。