ViteとEleventyを組み合わせたWebサイト開発 静的サイトジェネレーター ビルドツール EleventyのHTML出力とViteによるJSのビルド静的サイトジェネレーターのEleventyと、開発環境ツールのViteを組み合わせたWebサイト開発を紹介します。お互いの弱いところを補完できる組み合わせですが、その設定には少し注意が必要です。2022年12月22日(516号)宇野 陽太フロントエンド・エンジニア 目次 はじめに ViteとEleventy ViteとEleventyを組み合わせることのメリット 概要とそれぞれの役割 開発環境を作る Webサイトをつくる CSSを追加する JavaScriptを追加する それ以外の方法 eleventy-plugin-vite Slinkity Astro Next.js / Nuxt.jsなどのフレームワーク まとめ シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア