Eleventy3.0 で始める爆速個人ブログ開発！

Transcript

1. Eleventy3.0 で始める爆速個人ブログ開発！ 大木尊紀 - BuriKaigi2025 LT
2. 大木 尊紀 デザインエンジニア デザインとエンジニアリングが交わるところが最近の主戦場。 プロダクト開発の他にデザインシステムの開発・運用や アクセシビリティ改善にも取り組んでいる。 自己紹介
3. Eleventy概説
4. Eleventy Eleventy is a simpler static site generator シンプルなJavaScript製静的サイトジェネレーター わりと前からある（v0.1.0リリースは8年前！） https://github.com/11ty/eleventy/blob/v0.1.0/ README.md
5. Eleventyの良いところ：1 めちゃくちゃ 手軽に始められる ビルドも早い 薄い
6. Eleventyの良いところ：2 いろいろなテンプレートに対応
7. Eleventyの良いところ：3 プラグインが書きやすい https://www.11ty.dev/docs/plugins/#creating-a-plugin
8. Eleventy3.0で できるようになったこと
9. Eleventy3.0 https://www.11ty.dev/blog/eleventy-v3/
10. Full support for ESM https://www.11ty.dev/docs/cjs-esm/
11. TypeScript / JSX / MDX Templates JSX, TSX, MDXがテンプレート として使えるようになった！ 今まではViteなどを使って自前でビルドする必要があったが、標準でJSX、TSXが使える ※ Reactが動くわけではない！
12. Full support for ESM → TypeScript 設定ファイルをTypeScriptで 書けるようになった！ 詳細はこちらのブログにあるよ https://bennypowers.dev/posts/typescript-11ty-config/
13. Eleventy 3.0 馴染みのある書き方ができるように なったので、より使いやすく！ Nunjucksから開放されるの嬉しくて嬉しくてたまらないと思ってたけど 少しさみしい気もする
14. Full support for ESM → TypeScript FrontMatter内でJSが使えるように
15. Astroとどう違う？
16. 2年前… https://speakerdeck.com/takanorip/astroteshi-merubao-su-ge-ren-saitokai-fa
17. Astroとの比較 Eleventy ) 薄く余計な機能がなV ) カスタマイズ性が高い、自分でいろいろやる必要があE ) 本当に静的なウェブサイト向き（ブログとか） Astro ) ReactやVueなどのコンポーネントが動作する、動的なサイトを作ることを意識していE ) 全部いい感じに面倒見てくれるリッチなフレームワーク
18. Eleventy3.0を よろしくお願いします！