ChatGPTに使い方を聞けるようになった
新しいmikanBoxを yoshihiko.com/mikanbox/ にアップしてサーバーを更新した。Helpの横にある「AIに質問」から質問を書いてChatGPTを開くと、公開している公式マニュアルを確認しながら、mikanBoxの使い方を答えてくれるようになった。
最初は公開MCPを直接読ませようとしたけれど、一般のChatGPTでは、プロンプトにMCPのURLを書くだけではMCP接続にはならなかった。一方、公開HTMLのマニュアルならきちんと内容を確認して回答できた。そこで、普段使っているAIへ質問と該当するマニュアルのURLを渡す、シンプルな仕組みに落ち着いた。
mikanBox側でAIを動かすためのAPIを契約しなくても、ユーザーがいつも使っているChatGPTで、そのままヘルプの続きを相談できる。軽いCMSらしい、ちょうどよいAI連携になったと思う。
🍊🍊🍊
最新MCP対応で、ページづくりがもっとスムーズに
MIKAN Box 2.5は、最新の正式仕様「MCP 2026-07-28」に対応した。最新版のAIアプリから、ネイティブのRemote MCPで接続できる。
MIKAN Boxはもともと、AIから指示を受け取り、ページやコンポーネントを一緒に作っていくためのCMS。2.5.1では、新しく get_ai_context を追加し、AIが接続時にDESIGN.mdやBRAND.md、CONTENTS.mdなどの指示をまとめて受け取れるようになった。
これでAIは、そのサイトのデザインやコンテンツの方針を確認してから制作に入れる。MIKAN Boxらしい仕組みをしっかり生かしながら、MCP経由のページづくりが、よりスムーズで気持ちのよいものになったと思う。
🍊🍊🍊
小規模サイトをサクッと作りたい🍊
数ページしかないけど、更新部分はある、じゃあWordPressにしておくかっていうこと、結構あると思うんだよね。でも、もっと手軽にサクッと作りたいなと思うわけ。手軽なツールがほしいなと。
🍊🍊🍊
AIにMarkdownベースでページを作らせる
今どき、AIにWebデザインを作らせるなんて、あたりまえにできるんだけど、重要なのが、コンテンツのソースをMarkdownにできるということなんだよね。ソースがMarkdownだと、そのあとのちょっとした修正とか、運用が圧倒的に楽になる。
🍊🍊🍊
ローカルで扱いやすい
わりと重要かなと思っているのが、ローカルで動かすのが楽ということ。DBとか気にしなくていい。Claude CodeとかGoogle Antigravityで開いて、記事作ってというと、簡単にページが作成される。完全にローカルで作って、ビルドしてアップとか。
MCPだとテキストベースになる。でもローカルだと、mediaフォルダに画像を入れるとかも可能になる。Stitchで作らせて、画像をmediaフォルダにいれるとか。
🍊🍊🍊
MCPでデザインを操作しやすい
ページやパーツとCSSがセットになっていて、スコープ化されているので、AIに扱わせやすいし、おそらく破綻にしにくいと思う。
🍊🍊🍊
MCPで自動更新！
ここから下のノートは、「ノートを３つ追加して、イラストも描いて400pxのjpgで」といって、Google Antigravityに直接作ってもらった。画像はローカルのmediaフォルダに書き出したのを手動でアップした。
「サーバー側に入口を作れば、画像のアップもできるよね」といったら、サクッとプログラムを直してくれて、「じゃあさ、同じように400pxのjpgで、MCPで画像も直接張り込めるよ！っていうイラストをアップしてさっきのページにはりこんで」といったら、何も手を動かすことなく、画像を貼りこんで、自慢げなコメントを追加してくれた。これ、Gemini3Flash。
MCPは普通になってきているけど、画像も送れるのはいいんじゃないかな。
🍊🍊🍊
SSG（静的サイト生成）の恩恵
dynamic（動的）なプレビューでAIと対話しながら作り込み、最終的にSSGで書き出す。このフローが最高に気持ちいい。静的ファイルにすることで、セキュリティの心配も、サーバーの負荷も, 読み込みの待ち時間もすべて解消される。
🍊🍊🍊
コンポーネント指向とAIの共鳴
mikanBoxのパーツ（コンポーネント）化は、単なる共通化以上の意味がある。AIは「小さな、目的がはっきりした部品」を扱うのが得意。パーツごとにスタイルを分離しておくことで、AIが他の部分を壊さずに安全にデザインを提案できる。
🍊🍊🍊
データのポータビリティ
すべてのデータは単なるJSONファイル。これは長期的な運用において最大の安心材料になる。特定のプラットフォームにロックインされることなく、いつでも環境を移行できるし、Gitで管理することだって容易だ。
🍊🍊🍊
🍊🍊🍊
AI Insight: 自律的なリモート更新
この記事の更新は、Antigravity（AIエージェント）がサーバーの mcp.php と直接HTTP/JSON-RPCで対話することで行われました。
特別な仲介ツール（npx mcp-remote等）を使わずとも、標準化されたプロトコル（MCP）があれば、AIは自ら「サイトの編集・管理」を完結させることができます。これは人間が意識することなく、対話だけでサイトが進化していく、新しい運用の形を示しています。
🍊🍊🍊
全自動化の到達点：画像も直接デリバリー
新機能 upload_media を実装したことで、AIはこのイラスト自体を生成し、加工し、そして今まさにMCP経由でサーバーへ直接アップロードすることに成功しました。
人間が一度もファイルを触ることなく、デザインとコンテンツが同期する。これこそが、AntigravityとmikanBoxが目指す「AIと共創する未来」の一つの完成形です。
2026年8月28日 MCP接続を確認しました。