zudo-doc
GitHub リポジトリ

検索したい単語を入力

いつでも検索バーを開ける

はじめに

作成 2026年3月11日更新 2026年6月20日Takeshi Takatsudo

zudo-doc とは何か、その機能、そしてどのように動作するかを学びましょう。

zudo-doc へようこそ — zfbとMDXで構築されたドキュメントベースフレームワークです。

Note

zudo-doc はシンプルかつ拡張可能であるように設計されています。基本から始めて、必要に応じて機能を追加していけます。

なぜ zudo-doc?

  • 高速な開発サーバー — zfb搭載、ページはオンデマンドでコンパイルされ、インスタントなHMRが利用できます

  • MDXサポート — Markdown に JSX コンポーネントを埋め込んでドキュメントを記述できます

  • Tailwind CSS v4 — 緻密なデザイントークンシステムを備えたユーティリティファーストのスタイリング

  • カラースキーム対応 — ライトとダークのデフォルトを備えた、テーマ設定可能な16色パレット

  • 静的エクスポート — 純粋なHTMLを生成、デフォルトでJSゼロ(必要な箇所のみ Preact アイランド)

  • i18n 対応 — 英語と日本語のルーティングを標準搭載

  • llms.txt — AI利用可能なドキュメントファイルを自動生成

  • バージョニング — バージョンプレフィックス付きURLで複数バージョンのドキュメントを管理

  • 最小限のベース — 独自のコンポーネントやレイアウトで拡張可能

Tip

Docusaurus から移行してくる場合、MDX ワークフローに馴染みを感じつつ、より軽量なフットプリントとデザインシステムへの完全なコントロールを得られます。

仕組み

zudo-doc は zfb のコンテンツコレクション(zfb.config.ts で設定)を使ってドキュメントページを管理します。src/content/docs/ 内の各 .mdx ファイルは、自動的なサイドバーナビゲーション、目次、前後ページリンクを備えたページになります。

カラースキームシステムは16色パレットを使用します。単一のカラースキームを差し替えるだけで、サイト全体の見た目が変わります。

クイックスタート

pnpm create zudo-doc my-docs
cd my-docs
pnpm install
pnpm dev

http://localhost:4321 を開いてドキュメントを確認してください。CLIのオプションやセットアップの詳細はインストールガイドをご覧ください。

フルプロジェクトを探索したい場合

ショーケースドキュメントを含むフルプロジェクトを確認したい場合は、リポジトリを直接クローンしてください:

git clone https://github.com/zudolab/zudo-doc.git my-docs cd my-docs pnpm install pnpm dev

Revision History

Takeshi Takatsudo作成: 2026-03-11T22:32:04+09:00更新: 2026-06-20T07:18:27Z

AI Assistant

Ask a question about the documentation.