🍊
mikanBox
Markdownとパーツを組み合わせて、
サイトを軽やかに作る。
ローカルでも、PHPの動くサーバーでも、Cloudflareでも。
設計方針
規模に合わせて選べる
PHPサーバーで使える flat版・SQLite版に加え、Cloudflareで動く cloud beta が登場。サイトの規模や運用環境に合わせて選べます。
柔軟な設計
部品単位で作れるコンポーネント化と、ページや部品にCSSが結びついた見通しのよい構造。CSSのスコープ化で干渉を防止し、デザイン崩れを防ぎます。UIも軽快な操作感で、快適に開発できます。
AIフレンドリー
AIが生成したHTML・CSS・画像をそのまま配置できる構造。MCPを通じてAIがサイトの構造やデザイン基調を理解し、コンテンツやコンポーネントを直接編集できます。
3つのmikanBox
🍊mikanBoxには、サイトの規模や運用環境に合わせて選べる3つの版があります。
🍊 mikanBox（SQLite版）
SQLiteデータベースを使い、ページ数が増えていくサイトでも軽快に運用できます。データは単一のDBファイルにまとまり、PHPとSQLite3が動くサーバーに置くだけで始められます。
長期運用するサイトや、ページ数の多いサイトにおすすめです。
🍊 mikanBox flat（JSON版）
データベース不要のJSONファイルベース。PHPがあれば、手元のパソコンでも、PHPの動くサーバーでも使えます。
手元でサイトを作って確認したいときや、キャンペーン・店舗サイトなどの小規模サイトにおすすめです。
☁️ mikanBox cloud beta
Cloudflareで動く mikanBox。ページを編集してビルドすると、公開サイトが静的ページとして配信されます。PHPサーバーは不要です。
Cloudflareを使ってサイトを公開したい方へ。ベータ版として公開中です。
主な特長
- 🗄️ SQLite（単一ファイルDB） データは1つのDBファイルにまとまり、PHPの動くサーバーに置くだけ。
- 📂 ファイルベース（JSON） データベース不要。PHPの動くサーバーに置くだけ。
- 🖥️ モードレスUI ページ遷移なし、1画面でほぼ全作業が完結。軽快に操作できます。
- ✏️ Markdown対応 コンテンツを簡単に編集でき、情報のアーカイブにも適しています。
- 🏷️ カテゴリで絞り込み ページや画像をカテゴリで絞り込み、ワークスペースとして利用できます。
- 🖼️ ファイル名だけで画像表示 ファイルのパスを意識せずに画像を配置できます。
- 🧩 コンポーネント構造 ページテンプレートやパーツを組み合わせて利用できます。
- 🎨 コンポーネント単位のスコープCSS 干渉を気にせず、小さな範囲でCSSを書けます。
- 🤖 AI生成コードをそのまま配置可能 手作業でデザインしない運用にも対応します。
- 🔗 AIエージェント連携（MCP） AIがサイト構造やデザイン基調を理解し、コンテンツやファイルを直接読み書きできます。
- 📐 DESIGN.mdの管理 AIへのデザイン指示もサイト上で管理し、そのままAIに伝えられます。
- ✨ マルチモーダルAI対応 AIが画像を生成し、そのままメディアフォルダへ送信・配置できます。
- ⚡ 静的サイトを公開 ビルドして、軽快な静的サイトとして公開できます。PHP版では動的ページとの混在も選べます。
- 📊 DB Less DB ページにデータを埋め込み、APIで出力。ヘッドレスCMSとしても利用できます。
- 🎙️ ポッドキャスト（PHP版） RSSを自動生成し、ポッドキャストを配信できます。
2つの運用スタイルを共存可能
1. 頻繁に更新するページ
ブログやサービス案内など、Markdownで簡単に記述でき、画像はファイル名だけで指定可能。ソースがシンプルなので、運用時の修正が簡単です。
2. AIで生成してそのまま配置
イベントページやランディングページなど、高度なデザインのページもAI生成のHTML/CSS/JSをそのまま配置可能。手作業のデザインは不要です。
想定用途：個人サイト / 店舗・イベントサイト / 小規模法人サイト / ページ数が増えていく長期運用サイト
声で説明するよ🍊
AIが自律運用するDB不要の超軽量CMS
動画で説明するよ🍊
mikanBox__自ら進化するサイト
🍊 mikanBox を味見してみる
管理画面を体験できます（保存はできません）。
🍊 mikanBox を使ってみる
用途や運用環境に合わせて、使いたい版を選んでください。
GitHubページからダウンロードできます。
無料・オープンソース・MITライセンス
