入門
静的サイトジェネレーターEleventy
6

ページに関するデータとして提供される、日時を扱う方法を中心に紹介します。独自に設定するフィルタや日付処理ライブラリと合わせることで、柔軟に出力できます。

中村 享介
中村 享介 | フロントエンド・エンジニア

Eleventyではデータを柔軟に扱うことができますが、そうなるとデータをもとに複数ページ作成したくなります。そんな場合に利用できる、配列データから複数のページを生成する方法を紹介します。

中村 享介
中村 享介 | フロントエンド・エンジニア

Eleventyでは、ソースとなるデータは、front-matter以外にデータファイルと呼ばれるものがあります。今回はこのデータファイルと、それぞれのルールについて解説します。

中村 享介
中村 享介 | フロントエンド・エンジニア

Nunjucksを利用してfront-matterで指定した変数を出力する仕組みを見ていきます。layoutでの指定と組み合わせ、柔軟に変数を出力できる様子を見てみましょう。

中村 享介
中村 享介 | フロントエンド・エンジニア

Eleventyで複数のファイルからHTMLに変換する方法と、入力ディレクトリと出力ディレクトリの変換ルールを解説します。Eleventyの設定を使うと、柔軟に自分の用途に合わせた設定ができます。

中村 享介
中村 享介 | フロントエンド・エンジニア

ビルドにより静的サイトを生成するツール、Eleventyの使い方を解説します。まずはほかの静的サイトジェネレーターとどう違うのか、その特徴を整理します。

中村 享介
中村 享介 | フロントエンド・エンジニア