XML
静的サイトジェネレーター - XML
静的サイトジェネレーター（SSG）は、Markdownなどのコンテンツファイルやテンプレートから、事前にHTMLファイルを生成するツールです。データベースやサーバーサイド処理が不要で、高速な配信と高いセキュリティが特徴です。Next.js、Hugo、Gatsby、Jekyll、Astroなど、様々な言語やフレームワークで実装されたジェネレーターが存在し、ブログ、ドキュメントサイト、マーケティングサイトなど幅広い用途で利用されています。
静的サイトジェネレーター
SSG
Web開発
フロントエンド
ブログ
ドキュメント
<?xml version="1.0" encoding="UTF-8"?>
<items>
<item>
<code>01</code>
<slug>nextjs</slug>
<name>Next.js</name>
<description>Vercelが開発するReactベースのフルスタックフレームワークです。</description>
<buildSpeed>Medium</buildSpeed>
<framework>React</framework>
<language>JavaScript/TypeScript</language>
<latestVersion>16.x</latestVersion>
<useCases>["Webアプリケーション","ECサイト","マーケティングサイト","ドキュメント"]</useCases>
</item>
<item>
<code>02</code>
<slug>hugo</slug>
<name>Hugo</name>
<description>Go言語で書かれた世界最速の静的サイトジェネレーターです。</description>
<buildSpeed>Very Fast</buildSpeed>
<framework>Go Templates</framework>
<language>Go</language>
<latestVersion>0.155.x</latestVersion>
<useCases>["ブログ","ドキュメント","企業サイト","ニュースサイト"]</useCases>
</item>
<item>
<code>03</code>
<slug>gatsby</slug>
<name>Gatsby</name>
<description>ReactとGraphQLをベースにした静的サイトジェネレーターです。</description>
<buildSpeed>Medium to Slow</buildSpeed>
<framework>React</framework>
<language>JavaScript/TypeScript</language>
<latestVersion>5.x</latestVersion>
<useCases>["マーケティングサイト","ブログ","CMS連携サイト"]</useCases>
</item>
<item>
<code>04</code>
<slug>jekyll</slug>
<name>Jekyll</name>
<description>Rubyで書かれたシンプルなブログ対応静的サイトジェネレーターです。</description>
<buildSpeed>Slow</buildSpeed>
<framework>Liquid</framework>
<language>Ruby</language>
<latestVersion>4.4.x</latestVersion>
<useCases>["個人ブログ","GitHub Pages","ポートフォリオ"]</useCases>
</item>
<item>
<code>05</code>
<slug>astro</slug>
<name>Astro</name>
<description>コンテンツ駆動型ウェブサイトのためのフレームワークです。</description>
<buildSpeed>Fast</buildSpeed>
<framework>Framework-agnostic</framework>
<language>JavaScript/TypeScript</language>
<latestVersion>5.17.x</latestVersion>
<useCases>["マーケティングサイト","ブログ","eコマース","ドキュメント"]</useCases>
</item>
<item>
<code>06</code>
<slug>eleventy</slug>
<name>Eleventy</name>
<description>シンプルで柔軟なNode.jsベースの静的サイトジェネレーターです。</description>
<buildSpeed>Fast</buildSpeed>
<framework>Multiple</framework>
<language>JavaScript</language>
<latestVersion>3.x</latestVersion>
<useCases>["ブログ","ドキュメント","ポートフォリオ"]</useCases>
</item>
<item>
<code>07</code>
<slug>nuxt</slug>
<name>Nuxt</name>
<description>Vue.jsベースの直感的なWeb開発フレームワークです。</description>
<buildSpeed>Medium</buildSpeed>
<framework>Vue.js</framework>
<language>JavaScript/TypeScript</language>
<latestVersion>3.x</latestVersion>
<useCases>["Webアプリケーション","企業サイト","コンテンツサイト"]</useCases>
</item>
<item>
<code>08</code>
<slug>sveltekit</slug>
<name>SvelteKit</name>
<description>SvelteをベースにしたフルスタックWebアプリケーションフレームワークです。</description>
<buildSpeed>Fast</buildSpeed>
<framework>Svelte</framework>
<language>JavaScript/TypeScript</language>
<latestVersion>2.x</latestVersion>
<useCases>["Webアプリケーション","インタラクティブサイト","ダッシュボード"]</useCases>
</item>
</items>