Skip to content
Now accepting Q2 projects — limited slots available. Get started →
Capability

Eleventy (11ty) 開発

最もシンプルな静的サイトジェネレーター — JavaScriptゼロ、あらゆるテンプレート言語、最大限の制御。

Stack
Eleventy 3NunjucksLiquidTypeScriptTailwind CSSNetlifyVercel

Eleventy:ミニマルな設計思想

Eleventyはただひとつのことを行います — HTMLを生成する。JavaScriptランタイムなし、仮想DOMなし、CSSフレームワークやビルドツールに関する思想的制約もなし。入力したものがそのまま、指定した通りに変換されて出力されます。

Eleventyが最適な選択肢となる場面

ドキュメントサイト、シンプルなマーケティングサイト、そしてフレームワークの抽象化を排除して出力HTMLを完全にコントロールしたいチームのプロジェクトに最適です。EleventyサイトはビルドがきわめてKounde、あらゆる静的ホストへのデプロイも容易です。

Eleventy vs Astro

どちらも優れた静的サイトジェネレーターです。Eleventyはよりミニマルで柔軟性が高く、最大限の制御が必要な場合や特定のテンプレート構成がある場合に適しています。Astroはコンポーネントの使いやすさとアイランドインタラクティビティが標準で備わっています。新規プロジェクトの多くではAstroを選びますが、シンプルさを最優先にする場面ではEleventyが正解です。

FAQ

Common questions

Eleventyで使用するテンプレート言語は何ですか?

複雑なレイアウトにはNunjucks、コンテンツにはMarkdown、動的データにはJavaScriptデータファイルを使用します。Eleventyは10以上のテンプレート言語に対応しており、プロジェクトに最適なものを選んで使用します。

Eleventyは大規模サイトにも対応できますか?

はい。Eleventyはインクリメンタルビルド機能により、数千ページ規模のサイトでも高いパフォーマンスを発揮します。規模が拡大してもビルド時間は短く保たれます。

EleventyはSEOに適していますか?

Eleventyは余分なJavaScriptオーバーヘッドのない純粋なHTMLを生成するため、SEOに理想的です。すべてのページがクローラー向けに完全にレンダリングされます。すべてのEleventyビルドにスキーママークアップとXMLサイトマップを追加しています。

EleventyをCMSと連携させることはできますか?

はい — Eleventyはビルド時にあらゆるソースからデータを取得できます。編集者がコンテンツを更新できるよう、Netlify CMS(Decap)、Contentful、またはシンプルなSupabaseテーブルと組み合わせることが多いです。

2026年においてAstroではなくEleventyを選ぶ理由は何ですか?

フットプリントを最小限に抑えテンプレートの柔軟性を最大化したい場合はEleventy。コンポーネントの使いやすさとアイランドインタラクティビティが必要な場合はAstro。どちらも高速でSEOに優れた出力を生成します。

Ready to get started?

Free consultation. No commitment. Just an honest conversation about your project.

Book a free call →
Get in touch

Let's build
something together.

Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.

Get in touch →