スタティックサイトジェネレータ 11ty が使いやすかった

 2023/05/01, last updated 2023/05/06 -  ~2 Minutes

セキュリティ上心配があるので WordPress をやめたい、というお客様がおられました。

解決策として、スタティックサイトジェネレータ 11ty   を使うことにし、WEB サイトを再構築しました。

11ty の特徴

11ty はとてもユニークです。次のような特徴があります。

  • シンプル
  • テンプレートやレイアウトの記述に、色々なテンプレート言語が使用可能
  • フィルターやショートコードを JavaScript を使って拡張可能

11ty の使い方

コードを見るほうが早いと思いますので、使い方を以下にまとめました。

公式サイトの TUTORIALS   にもサンプルがあります。

11ty は、テンプレートとコンテンツ(レイアウトとテンプレート) からできている、 シンプルなサイトジェネレータだと感じます。

11ty で使えるテンプレート言語

コンテンツの記述には、以下のような言語を使うことができます。

他にもありますので、詳しくは、 TEMPLATE LANGUAGES   をごらんください。

HTML と Markdown をコンテンツの記述に使える、という点が 11ty を使うことにした理由でもあります。 (WordPress からコンテンツを移行させられるので)

個人的には、Python の Jinja テンプレートエンジンを使ったことがあるので、Jinja テンプレートに似た Nunjucks が使える、という点も良かったです。

11ty で手早くサイト構築

11ty で生成した HTML ファイルを WEB サーバにアップロードすれば WEB サイトが完成します。 ファイルの表示なので、応答速度は期待できます。CDN を導入しても良いでしょう。

また、アップデートなどのメンテナンスや、セキュリティの監視といった作業が不要なので、楽になります。

WordPress をやめたいようであれば、11ty も選択肢としてどうかな、と思います。