Eleventy(ソフトウェア)

イレブンティ
その他の名前110代
開発者ザック・レザーマン
初回リリース2017年12月20日[ 1 ] ( 2017-12-20 )
安定版リリース
3.1.2 [ 2 ] / 2025年6月24日 (2025年6月24日
リポジトリ
書かれたJavaScript
オペレーティング·システムクロスプラットフォーム
プラットフォームウェブ
タイプブログ公開システム
ライセンスMITライセンス
Webサイトwww .11ty .devWikidataで編集する

Eleventy(略称:11ty)は、静的サイトジェネレーター、つまりウェブサイト作成用のソフトウェアシステムです。JavaScriptで書かれたオープンソースソフトウェアです。11tyは、そのシンプルさと、多数のテンプレート言語をサポートしていることで知られています。他のテクノロジーと組み合わせることで、 Jamstackの一部として使用できます。

11tyは2017年にザック・レザーマンによって制作されました。ジキル博士にインスピレーションを得ています。

Eleventyの登場は、コンテンツ生成とリクエスト時のレンダリングを分離する「静的ファースト」およびJAMstackワークフローの普及と同時期に起こりました。学術文献や実務家の文献では、初期の静的サイトから、動的なCMS駆動型スタックを経て、事前に構築されたページと必要に応じてAPIで取得したデータを組み合わせるハイブリッドモデルへの移行が説明されています。[ 3 ] [ 4 ]

目的

他の静的サイトジェネレーターと同様に、Eleventyの目的は、ユーザーが手入力するよりも簡単にHTMLドキュメントを作成できるようにすることです。これは、複数のHTMLドキュメントに同じ変更を加える必要がある、複数ページにわたる静的ウェブサイトにとって特に重要です。

Eleventyは「静的優先」の設計哲学を採用しており、ウェブブラウザで表示するたびに更新する必要のないHTMLドキュメントの作成に特化しています。Eleventyはリクエスト時にウェブサーバー上で実行するように設定することもでき、動的なウェブページを作成しますが、これはEleventyの主な目的ではありません。[ 5 ]

Eleventyは静的サイトジェネレータモデル[ 6 ]を採用しており、コンテンツはHTMLにプリコンパイルされ、リクエスト時にサーバー側で実行することなく提供されます。この「プリビルド」アプローチは実行時の複雑さを軽減し、コンテンツの変更頻度が低いサイトや、マークダウンやテンプレートで作成されたサイトのメンテナンスを簡素化します。静的配信と動的配信の比較に関する過去の調査では、静的生成は「本質的に静的」なコンテンツの予測可能性とパフォーマンスを向上させると同時に、クライアント側での段階的な拡張を可能にすることが指摘されています。[ 7 ]

歴史

Eleventyは、2017年にネブラスカ州オマハのウェブ開発者であるザック・レザーマンによって作成されました。レザーマンは、 Ruby言語で書かれたJekyllに触発され、 JavaScript言語で同様のシステムを作成した。[ 5 ] : 2 レザーマンは、祖母から聞いた、子供の頃に数字の11を間違って発音したという話にちなんで「Eleventy」という名前をつけたと述べています。[ 8 ]

11tyのユーザーには、Cloud.govと米国ウェブデザインシステムを介して米国連邦政府が含まれています。 [ 9 ]

11tyはMITライセンスの下で配布されています。11tyのバージョン3.0.0は2024年10月にリリースされました。[ 10 ]

特徴

11tyには10種類以上のテンプレートエンジンが搭載されています。これらは個別に使用することも、組み合わせて使用​​することもできます。これにより、11tyは複数のソースや著者のコンテンツを柔軟に組み合わせることができます。[ 5 ]:2 サポートされているテンプレート言語には、Markdown、Liquid、Nunjucks、HAMLなどがあります。[ 11 ]:17

静的サイトプロジェクトの文書化されたワークフローでは、バージョン管理、テンプレートの再利用、自動ビルドなど、コンテンツ作成者、デザイナー、開発者間のコラボレーションを重視しています。[ 12 ]静的サイトのコラボレーションに関する研究や事例報告では、マークダウンファーストオーサリング、プレビュービルド、継続的なデプロイメントパイプラインなどの実践方法が概説されています。Eleventyは、ランタイムの想定が最小限でテンプレートの柔軟性があるため、これらのワークフローでよく使用されます。[ 13 ]

11tyはフロントエンドJavaScriptフレームワークを想定しておらず、「フロントエンドに依存しない」。[ 5 ] : 3 11tyとAPI統合を実行するJavaScriptフレームワークを組み合わせることで、開発者はJamstackアプリケーションを形成できる。[ 11 ] : 15–40

Eleventyには、開発中に使用できるローカルウェブサーバーが含まれており、--serveフラグで有効化できます。ファイルが変更されると「ホットリロード」され、開発者の作業に合わせてウェブブラウザが更新されます。[ 14 ]

Eleventy には、巨大な JavaScript エコシステムを活用した多くのプラグインも用意されており、Sass の使用、ナビゲーションの支援、ミニ開発サーバーなどのプラグインがあります。

参考文献

  1. ^ “リリース v0.1.0 · 11ty/eleventy” . GitHub . 2024年10月16日閲覧
  2. ^ 「リリース 3.1.2」 2025年6月24日. 2025年7月14日閲覧
  3. ^ディアス、ジョアン・ペドロ;フェレイラ、ウーゴ・セレーノ (2017-01-01)。「電子商取引 Web サイトからの静的コンテンツと動的動作の抽出の自動化」プロセディアコンピュータサイエンス109 : 297–304 .土井: 10.1016/j.procs.2017.05.355ISSN 1877-0509 
  4. ^ Turemuratova, Gulnur (2025-03-09). 「ウェブ開発の進化:静的ページから動的ウェブアプリケーションへ」 .国際人工知能ジャーナル. 1 (1): 818– 820. ISSN 2692-515X . 
  5. ^ a b c dロビンソン、ブライアン (2023). Eleventy by Example: Create Powerful, Performanceant Websites with a Static-first Strategy . Packt Publishing. ISBN 9781804618622
  6. ^ 「静磁場はMC3T3-E1細胞の分化を促進し、骨形成タンパク質シグナル伝達成分の発現を変化させる」 . Journal of Oral and Dental Health Research . 3 (3): 1– 6. 2021-10-10. doi : 10.36266/jodhr/135 .
  7. ^ Sherry, Phil (2004), Sherry, Phil (ed.), "Developing Static Websites" , Foundation Mac OS X Web Development , Berkeley, CA: Apress, pp.  39– 68, doi : 10.1007/978-1-4302-5133-0_3 , ISBN 978-1-4302-5133-0、 2025年10月13日閲覧{{citation}}: CS1 maint: work parameter with ISBN (link)
  8. ^レザーマン、ザック(2018年11月26日)「イレブンティ、誕生日おめでとう!ZachLeat.com
  9. ^ 「サイトテンプレート」 . Cloud.gov .
  10. ^Eleventy v3.0.0」。GitHub
  11. ^ a bカムデン、レイモンド、リナルディ、ブライアン (2022). 『Jamstackブック:JavaScript、API、マークアップによる静的サイトの構築』マニング. ISBN 9781617298882. OCLC  1319833583 .
  12. ^ニューソン、ケイトリン (2017年10月18日). 「静的ウェブサイトプロジェクトにおける共同作業のためのツールとワークフロー」 . hdl : 1807/95254 . ISSN 1940-5758 . {{cite journal}}:ジャーナルを引用するには|journal=ヘルプ)が必要です
  13. ^ Kumari, M. Kumari、「静的ウェブサイト開発の探求:デザインと機能の基礎分析」、 IJCSNT、2021年。(PDF)
  14. ^ Eckles, Stephanie (2021年3月24日). 「Eleventy 静的サイトジェネレーターの深掘り」 . Smashing Magazine .