# マルチモデル実装：ClaudeとGeminiが連携し、人にもAIにも読まれるウェブサイトへの再構築 > ClaudeとGeminiによるマルチモデル認知協作を通じて、個人ウェブサイトのレイアウト秩序、意味構造、機械可読性を再構築する。WebMCP標準を導入し、ウェブサイトを受動的な展示からAIエージェントが呼び出し可能な知識ノードへと進化させる。 - Author: Paul Kuo（郭曜郎） - Date: 2026-02-22 - Pillar: 知性と秩序 / Intelligence & Order - Tags: 多模型協作, WebMCP, 人機協作, Claude, Gemini, 語意化HTML, 知識管理 - Canonical: https://paulkuo.tw/ja/articles/multi-model-collab-website-rebuild/ - Language: Japanese (日本語) - Translation: AI-translated from the zh-Hant (Traditional Chinese) original - Original (zh-Hant): https://paulkuo.tw/articles/multi-model-collab-website-rebuild.md - Site index for LLMs: https://paulkuo.tw/llms.txt --- 最近、ついに私の個人ウェブサイトを完成させた。ドメイン名は何年も前に購入していたが、ずっと放置していた。AI の急速な発展のおかげで、私は一行一行手でコードを書く必要もなく、期待を「ワンクリック生成」ツールに託すこともしなかった。なぜなら生成が早いほど、バグが多いからだ。見た目が美しくても、情報に秩序があることを意味しない。
▶ 要約を聴く
AI合成音声・著者本人の声のクローン
私はデスクトップ版のClaudeを使用し、同時にGemini Proを開いて、二つの頂点レベルの非人間知能に交差協作と相互校正をさせながら、共にシステムを構築した。これは「複数のチャットウィンドウを開く」のではなく、私がずっと探求してきたマルチモデル認知協作フレームワークの具体的実践である：Claudeが出力と構造を担当し、Geminiが疑問と検証を担当する；私は要求の定義、論理境界、語調スタイル、秩序標準を担当する。実装を通じて、ケンタウロスモードのワークフローを確立した。 ## なぜこれほど手間をかけるのか？ 「ワンクリック生成」を謳うAI（またはあらゆるツール）は、しばしば視覚的な効率を与える一方で、応用場面の繊細さと真のニーズを奪い取るからだ。そうした高効率ウェブ成果物を検視すると、「完成」ではなく、効率の背後にある失序を目にする：英式レイアウトの緩い字間を中国語の方塊字に硬く当てはめ、文字は散らばった砂のように見え、雑然として品位に欠ける。 良い協作システム（人体とすべての生物のように）は、リソースを適切な場所に到達させなければならない；良い思想の媒体は、意味が正確に読み取られるようにしなければならない。だから今回のウェブサイト構築では、私は三つのこととして定義した：秩序の再建、可読性の向上、呼び出し可能な知識構造の確立である。 ## 第一層：中国語文字の「重量」と「凝集力」を取り戻す レイアウトは装飾ではなく、思想の物理的インターフェースである。中国語の読書リズムは、英語とは全く異なる。英語は文字間隔と単語境界により自然に分詞する；中国語は字形密度、行間隔リズム、句読点の呼吸によって理解の勾配を形成する。もしデフォルトの西洋式レイアウトを踏襲すれば、中国語は軽薄で散漫になり、読者の注意力は各行の隙間で失われてしまう。 そのため私はAIに「デフォルト美感」を一旦置き、言語そのものに立ち戻り、繁体中国語専用のレイアウト規則を再定義するよう要求した。例えば `text-justify: inter-ideograph` を使用して行内配置を中国語特性により適合させる、より抑制的な字間隔と段落リズムで文字を「収束」させる、コンテンツを「軽薄なウェブ感」から「紙媒体コラムのような静寂感」へ回帰させるなどである。 読者の心地よさを実現し、デザインのテンプレートを人をゆっくりと読書させる視覚構造とする。 ## 第二層：人間のためにも、AIエージェントのためにも書く **Machine-readable Authority（機械可読な権威性）** 未来のネットトラフィックの高い割合は、まずAIエージェント（例えばGemini、Perplexityのような検索と要約能力を持つシステム）によって読まれ、要約され、それから人間に転述される。もしウェブページの底層が混乱している場合、つまりタイトルレベルが不明確、意味タグが乱用、コンテンツ構造がレイアウトのためだけに積み上げられているならば、AIは読む時に文字化けを見ているようなものだ。「文字を見る」ことはできても「意味を理解」することはできず、信頼できる引用と帰属を確立することはさらに困難である。 そこで私はClaudeとGeminiに相互校正させ、Googleが間もなくリリースするWebMCP標準を使用して、ウェブサイトに二つのことを補完させた： 1. **厳密な意味的HTML構造**：「段落、章節、引用、注解」をそれらが属すべき位置に戻す 2. **JSON-LD構造化データ**：文章、著者、主題、タイムライン、関連コンテンツを、機械が解析可能な方式で明確に説明する これは検索エンジンに媚びるためではなく、より長期的な能力を確立するためだ：未来のAIが「誰が循環経済とAIの交差点を継続的に探求しているか」を理解しようとする時、それは文脈を持ち、方法論を持ち、思想体系を持つ知識庫であって、断片化された情報農場ではないことを正確に解析できるのである。 ## 第三層：WebMCPを導入し、思想を呼び出し可能な「ノード」にする 進化する知能は文字に留まることなく、「ロゴスがサルクスとなる」、現実世界の行動、検索、意思決定プロセスと接続される。私はWebMCP（Web Model Context Protocol）を導入し、ウェブサイトを受動的展示の看板から、より「インタラクティブな知識システム」のようなものへと推進した：私は記事検索を呼び出し可能なツールインターフェースとして包装し、「読書」という行為を人の目による走査だけでなく、AIエージェントがより信頼できる方式で直接呼び出し、照会し、位置特定し、返すことを可能にした。 これは一つのパラダイムシフトが形成されつつあることを意味する。「人間の読書」から「人機共読」へ、あなたのAIアシスタントがウェブサイトを訪問する時、もはやDOMを推測し、画面をスクレイピングし、クリックをシミュレートする必要はなく、構造化された方式で観点を理解し取得できるのである。 ## 結語：マルチモデル協作は「秩序工学」である 正月期間を通じたAIとの深度インタラクションにより、これは「マルチモデル認知協作」のフィールド実験であった。我々はAIコンテンツに埋め尽くされ、コンテンツ経済が再定義される時代に向かっている。この構造的不安に対して、AIを拒絶することは無用である；単一AIへの盲従も同様に無効である。 より良い方法は、自ら現場に下り、実際に探索し、常に「秩序の定義」の主体を掌握し続けることである：多重視点の非人間知能を相互に衝突させ、相互に疑問視させ、相互に校正させ、その後に価値、語調、方向を確定する。 技術は出力を加速できるが、秩序こそが文明がどこまで進めるかを決定する。 --- *註：Googleは2026年2月にChrome 146でWebMCP（Web Model Context Protocol）プレビュー版をリリースし、業界では「Web動作のSchema.org時刻」と称されている。過去のSEOはAIに「名詞」を提供していた（私は誰か、記事は何か）；WebMCPはAIに「動詞」を提供する（記事を検索してくれ、著者に連絡してくれ）。WebMCPがあれば、AIエージェントはもはや盲人が象を撫でるように「ウェブページをスクリーンショットし、ボタンを探し、クリックをシミュレート」する必要がなく、ウェブサイト上の専用ツールを直接呼び出すことができるのである。*