MENU
  • 私たちについて
  • Claude 法人導入
    • 内製AIツール診断
  • サービス
    • WEB制作・サイト設計
    • インタラクティブ診断ツール
    • AI活用メディア構築・運営代行
    • AI×WEB戦略コンサル
    • アプリ・ソフトウェア開発
  • 事業実績
    • 自社メディア運営
    • IPライセンス商品企画
    • VTuber/IPプロデュース
    • EC・実店舗運営
  • IT業界用語辞典
  • AI導入日記
  • お問い合わせ
AIとWEBを、実務に組み込む会社。
株式会社エム・ジー・ケイ
  • 私たちについて
  • Claude 法人導入
    • 内製AIツール診断
  • サービス
    • WEB制作・サイト設計
    • インタラクティブ診断ツール
    • AI活用メディア構築・運営代行
    • AI×WEB戦略コンサル
    • アプリ・ソフトウェア開発
  • 事業実績
    • 自社メディア運営
    • IPライセンス商品企画
    • VTuber/IPプロデュース
    • EC・実店舗運営
  • IT業界用語辞典
  • AI導入日記
  • お問い合わせ
株式会社エム・ジー・ケイ
  • 私たちについて
  • Claude 法人導入
    • 内製AIツール診断
  • サービス
    • WEB制作・サイト設計
    • インタラクティブ診断ツール
    • AI活用メディア構築・運営代行
    • AI×WEB戦略コンサル
    • アプリ・ソフトウェア開発
  • 事業実績
    • 自社メディア運営
    • IPライセンス商品企画
    • VTuber/IPプロデュース
    • EC・実店舗運営
  • IT業界用語辞典
  • AI導入日記
  • お問い合わせ
  1. ホーム
  2. 事例レポート
  3. WordPressとAIを活用した、日本語指示によるホームページ更新 ── このサイト自体がその実例です

WordPressとAIを活用した、日本語指示によるホームページ更新 ── このサイト自体がその実例です

2026 5/24
事例レポート
2026-05-242026-08-02

📋 この事例の要点(代表 山崎 将史)

「文言をひとつ直したいだけ」で見積書が届き、反映は来週末。この往復に、御社は年間いくら払っているでしょうか。MGK のコーポレートサイト(mgkinc.co.jp)は、「日本語で AI に指示するだけで運用される WordPress サイト」の実証実験として構築・運営されています。トップページの追加、用語集インデックスの設計、18本の解説ページ作成、カード全体クリック化のレイアウト調整──これらすべてを、制作会社に発注することなく、Claude をエージェントとして使った日本語対話だけで実装しました。本記事では、実際に発生した作業フロー・工数・コスト・成果物を、ありのままに開示します。「修正依頼を制作会社にメールで送る」必要のない未来は、すでに実用段階に入っています。

📖 約12分で読めます。

目次

「修正依頼を制作会社に発注」していた時代

これまで、WordPress を含むホームページの運用は、おおよそ次のような流れが標準でした。

①社内で「ここを直したい」が出る → ②修正依頼書を書く → ③制作会社にメールで送る → ④見積もりが返ってくる(数千〜数万円) → ⑤発注 → ⑥1〜2週間後に修正版が反映される → ⑦確認して、追加修正があればさらに同じサイクル。

このフローには3つの本質的な問題があります。第一に「修正の心理的コスト」が高すぎること。「ちょっと文言を変えたい」「画像を差し替えたい」だけのために、見積もり依頼から請求書処理まで挟むのは、心理的に重い負担です。結果として、ほとんどの企業は「気になっているが、放置している修正」を大量に抱えています。

第二に「修正リードタイムが事業スピードに合わない」こと。新サービスの告知を月曜の朝に出したいのに、Web 修正は来週末──こんな状況では、Web は「マーケティングのリアルタイム武器」として機能しません。

第三に「制作会社との温度差」。事業のことを一番分かっているのは現場ですが、修正依頼書という伝言ゲームを経由するため、意図がズレた仕上がりになることが珍しくありません。結果、「これじゃない感」を抱えながら、再修正を依頼することになります。

「制作会社モデル」は本当に必要だったのか

制作会社モデルが必要だったのは、Web 制作に専門技術が必須だったからです。HTML・CSS・JavaScript・PHP・MySQL・サーバ管理── 一通り理解した上でないと、間違えると致命的に壊れるからです。だから「専門知識を持つプロに発注する」という分業が成立していました。

しかし2026年現在、その前提が崩れつつあります。AIエージェントが「専門知識」の部分を肩代わりできるようになったためです。コードの一字一句を理解していなくても、「こうしたい」と日本語で伝えれば、AI が技術的に正しい実装を行ってくれる。これが、制作会社モデルの存在理由を根本から揺るがしています。

御社のサイトをAIで運用できるか、60分で判定します(無料)→

MGK が試行錯誤して見つけた運用フロー

MGK は、自社のコーポレートサイトを「日本語指示だけで運用する」実証実験として再構築しました。試行錯誤を経て見えてきた、現時点で実用的な運用フローを開示します。

Claude をエージェントとして使う

中核となるのは、Anthropic 社の Claude を「エージェント」として使うこと。具体的には、Claude Code(Anthropic 公式のターミナル統合 AI)と、ブラウザ拡張機能経由でブラウザを操作できる Claude in Chrome を組み合わせます。

運用の中の人(経営者や担当者)は、ターミナル画面に向かって日本語で指示するだけ。「トップページの用語集セクションに E-E-A-T を追加して、解説ページもセットで作って」と書けば、Claude が次の手順を自律的に実行します。①WordPress 管理画面にログイン → ②該当ページを開く → ③Gutenberg エディタに必要な HTML を投入 → ④保存 → ⑤公開ページを確認 → ⑥スクリーンショットで報告。

これは「コード補完ツール」レベルの AI 活用ではありません。業務の一連の流れを最後まで自走できる「エージェント」として、Claude が運用作業を完遂します。人間がやることは、目的・要件・最終確認だけです。

WordPress REST API を活用

もう一つの鍵が、WordPress 標準の REST API。すべての投稿・固定ページ・カスタム投稿タイプは、API 経由でプログラム的に作成・更新できます。Claude はこの API を使って、複数のページを一気に作成・更新する作業を効率化します。

具体的には、Claude が次のような JavaScript を生成し、ブラウザ内で実行します:

fetch('/wp-json/wp/v2/posts', {
  method: 'POST',
  credentials: 'include',
  headers: {
    'Content-Type': 'application/json',
    'X-WP-Nonce': nonce
  },
  body: JSON.stringify({
    title: '記事タイトル',
    content: '記事本文 HTML',
    categories: [43],
    status: 'publish'
  })
});

このコード生成と実行も、Claude が自律的に行います。人間が API の仕様を覚える必要はありません。「記事を10本一気に投稿して」と指示すれば、Claude が REST API のループを組んで実行する──そういう運用が実現します。

日本語の対話だけで完結する

最も重要なのは、これらすべてが「日本語の対話」だけで完結すること。HTML を書く必要も、CSS を理解する必要も、PHP に触れる必要もありません。Claude との会話の例:

「トップページの用語集カードがクリックしても用語名のテキスト部分しか反応しない。説明文をクリックしてもカード全体が押せる方が UX として良いから、stretched-link パターンに変更して。CSS だけで難しければ HTML 構造を変えていい」

この指示を Claude に投げると、5分後にはサイトに反映されます。Claude は内部で「stretched-link パターンとは何か」を理解し、CSS だけで実現する案と HTML 変更を伴う案を比較検討し、最終的に HTML 変更案を選択し、ホームページの本文を書き換え、CSS を追加してホバー効果も整え、結果を本番で確認して報告まで完了します。

このサイトが実例 ── 何ができたか

抽象論ではなく、具体例を開示します。本記事執筆時点までに、Claude エージェントによって実装された主要な作業を、すべて「日本語の指示 → 実装」のペアで紹介します。

用語集インデックスを別サイトと同じ形式に

指示:「https://hogehoge-pc.com/glossary-index/ みたいなインデックスをつけて構築して」

実装内容:Claude が hogehoge-pc.com の glossary-index ページを WebFetch で取得し、HTML 構造と JavaScript を解析。CM Tooltip Glossary プラグインの出力に、50音/A-Z ナビゲーションを自動生成する JavaScript を組み合わせる構造を再現しました。さらに、対象ページ ID(401)にスコープした CSS ルール約50個を追加し、カードグリッド・ヘッダー帯・ナビボタンの見た目を完全に揃えました。

所要時間:約30分。人間がやることは「OK」「次へ」と返事するだけ。

18本の用語集詳細ページを一気に生成

指示:「用語集の単独ページも hogehoge-pc.com の ゲーミングPC ページのクオリティにして」

実装内容:当社の用語辞典に登録済みだった18用語(2026年5月時点)(E-E-A-T / IA / RAG / LLM / ライセンスアウト / クロスメディア / CRO / プロンプト / AIO / VTuber / LP / API / SEO / エージェント / AI Search / メディアミックス / ネイティブ広告 / ライバー)すべてに、次の統一構造を投入:①要点ボックス(青枠の要約 + 読了時間目安)→ ②「← 用語集トップへ戻る」リンク → ③H2 5-6個・H3 2-4個/H2 の本文構造(各5000-7000字) → ④FAQ ボックス(折りたたみ7問) → ⑤編集部メッセージ → ⑥再度の戻るリンク。

所要時間:約3時間(18記事の本文執筆 + REST API 経由での一括投入)。1記事あたり10分。

従来コスト比較:制作会社に発注した場合、記事1本3万〜10万円が相場。18本で54万〜180万円。AI エージェント運用なら、必要なのは Claude のサブスク料金(月20ドル程度)と、人間が指示する時間(実質1日)だけ。

カード全体クリック化のレイアウト調整

指示:「トップページの用語カードから用語集解説にリンクして」

実装内容:当初はカード内のタイトル文字部分のみクリック可能だった構造を、Claude が分析。「stretched-link パターン」(CSS の position:absolute で透明 a 要素をカード全体に覆い被せる手法)を提案・実装。HTML 構造を <div><dt>用語</dt><dd>説明</dd><a class="gcard-link" href aria-label></a></div> に変換し、CSS で .gcard-link を position:absolute; inset:0; z-index:2 の overlay として配置。タイトル横に「→」マークを追加し、ホバー時の薄紫背景+枠+上方移動のアニメーションも整えました。

所要時間:約20分。CSS の試行錯誤と、Z-index 競合問題のデバッグまで含めて。

その他、このサイトで実装された AI 主導の作業

  • WPForms による問い合わせフォーム + 自動返信メール設定(フィールド構成・通知設定・SmartTag 反映まで)
  • 追加 CSS で SWELL テーマのデフォルトを大幅に上書き(フォント・余白・ヘッダー・パンくず・各セクションのデザイン)
  • ロゴ画像のアップロード・差し替え、フッターの4カラム構造化
  • 固定ページのカスタム HTML 投入(自社事業ページ、特集セクションなど)
  • レスポンシブ対応(スマホでハンバーガーメニュー復活など)
  • 本記事自体の執筆と投稿(カテゴリ「事例レポート」設定込み)

制作会社モデルとの違い:コスト・スピード・修正リードタイム

コスト比較

同等のサイトを制作会社に発注した場合の費用感を、当社の経験の範囲で並べたものが次の表です。

※ 左列は当社がこれまでに見積りを受けた・提示してきた範囲での目安、右列は当社サイト1件での実測値です。

項目 制作会社発注 AI エージェント運用
サイト初期構築100万〜500万円人件費+AI料金で実質10万円以下
記事1本制作3万〜10万円10分の作業時間のみ
テキスト修正1箇所5,000〜2万円対話の中で完結(追加の外注費なし)
レイアウト変更5万〜30万円数十分の対話のみ
月額運用保守3万〜10万円Claude サブスク 月20ドル

金額換算で10倍〜100倍のコスト圧縮。しかも、修正のたびに発注書を書く心理的ハードルがゼロになる効果は、金銭以上に大きいです。

いまの外注費のどこを削れるか、60分で洗い出します(無料)→

スピード比較

「思いついたら5分で反映」の世界です。月曜朝に新サービス告知を出すと決めたら、月曜朝に Claude に指示すれば、月曜朝に公開されます。「事業のリアルタイム速度」と「Web 更新の速度」が一致するのは、ホームページ運用の体験を根本的に変えます。

修正リードタイムの本質的な意味

もう一つ重要なのは、修正リードタイムが短いと「サイトを改善し続けたい欲求」が解放されることです。修正のたびに数万円かかると分かっていれば、「まあいいか」と諦めがちです。追加の外注費なしで修正できると分かっていれば、「もっと良くしたい」と次々に改善案が出てきます。運用者の心理がポジティブに変わるのが、AI エージェント運用の最大の隠れたメリットです。

中小企業がこのフローを導入するには

必要な3点セット

導入に必要な要素は、意外と少なくて済みます。

  1. WordPress サイト:既存のWPサイトがあればそのまま。なければ独自ドメイン+共用サーバ(年数千円)で構築。
  2. Claude Pro または Claude Code 環境:個人なら Claude Pro(月20ドル)で十分。本格運用なら Anthropic API + Claude Code が便利。
  3. WordPress 管理者権限:REST API を使うためのアカウント。すでに管理者なら問題なし。

必要なのはこの3点だけです。初期投資ほぼゼロで始められます。中小企業の経営者が、自分1人で「自社サイトを毎日育てる」運用が現実的に可能な時代になりました。

投資対効果

当社の場合、年間で約120万円分の外注費がかからなくなりました。運用の品質は落ちていません。月10万円で制作会社に運用保守を委託しているなら、まず同じ計算をしてみてください。浮いた分を何に使えるかは、御社の事業のほうがご存じのはずです。(Claude の月額利用料と社内の作業時間は別途かかります。削減できる額は現在の委託内容によって変わります。)

大企業はガバナンス・セキュリティ要件があるため、一足飛びには切り替えられません。一方で中小企業・個人事業主にとっては、いま動くかどうかで数年後の差がつく変化です。分かれ目はひとつ、社内に「指示と確認を担える人」がいるかどうかです。いなければ、その役を当社が担います。Claude 法人導入支援は、まさにそこを埋めるためのサービスです。

注意点

ただし、誰がやっても同じ結果になるわけではありません。うまくいかない会社は、次の4点でつまずきます。

  • AI への指示力(プロンプト力)が運用品質を左右します。「何をどう作りたいか」を言語化できる経営者でないと、思った通りの成果は出ません。
  • 事故時のリカバリを考えておく必要があります。AI が誤って重要ページを上書きしてしまった場合のバックアップ・リビジョン履歴管理は必須です。
  • 権限管理は慎重に行ってください。AI に管理者権限を渡す以上、API 経由でできる操作の範囲を明確に設計しておく必要があります。
  • 大規模システム連携は、まだ難しいのが現状です。決済・会員管理など複雑なシステムが絡む場合は、従来の開発体制も併用が現実的。

この4点は、始める前に外部の目を一度入れれば先に潰せます。事故が起きてからの復旧は、何倍もの負担になります。

未来予測 ── 「修正依頼書」が消える時代

本記事の主張をひと言でまとめると:「中小企業の Web 運用は、AI エージェント+WordPress で十分に内製化できる時代に入った」ということです。

この変化が起こすであろう中期的な影響:

  • 低単価の Web 保守業務は、AI に置き換わって急速に縮小。制作会社業界の構造変化が進む。
  • 逆に、高単価の戦略コンサル・ブランディング設計・複雑システム開発はむしろ需要拡大。
  • 個人事業主・スタートアップが、大企業と同じ水準のサイト運用を実現できるようになる。情報格差の構造が変わる。
  • 「修正依頼書」「見積もり」「請求書」のサイクルが、多くの企業で消える。

この変化のスピードは、思った以上に速いと感じています。2023年に GPT-4 が登場してから、わずか3年で「AI エージェントが業務を完遂する時代」に到達しています。次の3年で何が起きるかは、想像を超えるでしょう。

✏️ 代表 山崎 将史より

この記事自体、Claude との対話の中で生まれました。「事例レポートとして、自社サイトが AI エージェントで運用されている話を書いて」と日本語で指示しただけで、見出し構成の検討から本文執筆、カテゴリ判定(既存の「事例レポート」を使うか新規作成するか)、HTML 構造の決定、WordPress への投稿まで、すべてが完了しています。読者がこの記事をご覧になっている今、その投稿プロセスは「指示してから10分以内」に完了しているはずです。

私たち MGK は、AI と WEB を「実務に組み込む」会社として活動しています。机上の理論や講演用のスライドではなく、自分たちの体で実証してから、お客様に提案するのが私たちの流儀。本記事を読んで「うちでもできそう」と感じた方は、その感覚が当たっているかどうかを60分で確かめてください。いまのサイト構成と更新頻度を伺えば、どこまで内製に寄せられるかはその場で見えます。初回相談は無料、オンラインで全国対応です。

60分で、御社サイトの運用コストを洗い出します(無料)→

まずはご相談

AIとWEBで、事業に火を灯す。

初回相談は無料、オンラインで全国対応。「何から始めればいいか分からない」状態から、一緒に整理します。

無料相談を申し込む →

STATS

25年
代表のWeb構築経験
3
自社IP保有
15+
大手IPコラボ
8
自社運営ブランド

グループIP(実証実験)

  • 生ホイップは飲み物®登録商標/15以上のアニメIPコラボ
  • 姫生のーむVTuber/YouTube 15.8万人
  • アキバ・リライト長編Web小説/本編32話+サブ16話

※「生ホイップは飲み物®」は株式会社ターボスイッチの登録商標(登録第6535719号)、VTuber「姫生のーむ」は同社所属です。当社は企画・プロデュース・販売を担当しています。

関連タグ

#Claude法人導入#WEB制作#メディア構築#AI×WEB戦略

この会社について

株式会社エム・ジー・ケイ(M.G.K.)は、AIとWEBを実務に組み込む会社です。コンサルだけの机上の空論ではなく、自分たちの体で価値を実証してからお客様にご提供します。

事例レポート
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • AI×WEB戦略 ご相談窓口を開設
  • 【AI導入日記#1】Claude 法人導入の初日にやったこと──社内で最初に決めた3つのルール

この記事を書いた人

山崎 将史

山崎将史(やまざき まさし)。株式会社エム・ジー・ケイ代表取締役。新卒で大手システムインテグレーターの営業部門に配属されて以来、企業のWebリニューアル案件と大学の総合Web構築案件を一貫して担当し、Web構築の現場に立ち続けて25年。営業として顧客の困りごとを解像度高く受け取る感覚と、公開日から逆算して全プロセスを揃えるプロデューサーの視点を培った。大手自動車メーカーのポータルWebリニューアルではプロジェクト責任者を務めたほか、大手パソコンメーカーの公式Webリニューアル、大手通信会社の公式サービスWeb構築、学生数約77,000名・約30,000名規模の総合大学の公式Webリニューアルなど、大規模サイトの構築・リニューアルを担当し、いくつもの難局を経験してきた。企業在職を経て2017年に株式会社エム・ジー・ケイを設立し、代表取締役に就任。並行してライブチャット・配信プロダクション業界に15年以上携わってきた代理店業の経験を活かし、IPライセンス商品の企画、VTuberプロデュース、自社EC運営、AI活用メディア構築まで自社で事業を立ち上げて運用している。X(旧Twitter):@MGK0069。

関連記事

関連する記事はまだ見つかりませんでした。

コメント

コメントする

email confirm*

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

まずはご相談

AIとWEBで、事業に火を灯す。

初回相談は無料、オンラインで全国対応。「何から始めればいいか分からない」状態から、一緒に整理します。

無料相談を申し込む →

注目タグ

#WEB制作 #診断ツール #メディア構築 #AI×WEB戦略 #RAG #AIエージェント #VTuber #SEO

よく読まれている

  1. WordPressとAIで日本語指示だけでサイト運営
  2. コーポレートサイトをリニューアルしました
  3. 「作業ではなく、仕事をする」── MGKの哲学
  4. AI×WEB戦略 ご相談窓口を開設
  5. IT業界用語辞典 全18語

この会社について

株式会社エム・ジー・ケイ(M.G.K.)は、AIとWEBを実務に組み込む会社です。コンサルだけの机上の空論ではなく、自分たちの体で価値を実証してからお客様にご提供します。

→ 詳しくみる

M.G.K.

作業ではなく、仕事をする。
AIとWEBを、実務に組み込む会社。

〒542-0081
大阪府大阪市中央区南船場3-11-10
心斎橋大陽ビル B1階
TEL: 050-3636-0223

サービス
  • WEB制作・IA設計
  • 診断ツール制作
  • メディア構築
  • AI×WEB戦略
  • Claude 法人導入支援
  • アプリ・ソフトウェア開発
事業実績
  • 自社メディア
  • IPライセンス商品
  • VTuber事業
  • 自社EC・実店舗
会社情報
  • 私たちについて
  • 会社概要
  • お知らせ
  • お知らせ一覧
  • お問い合わせ
  • サポート
  • 編集方針
  • 監修者紹介
  • プライバシーポリシー
  • 特定商取引法に基づく表記

作業ではなく、仕事をする。お客様の挑戦に火を灯す会社です。

© 2026 株式会社エム・ジー・ケイ (M.G.K. Inc.)

  • 会社概要
  • プライバシーポリシー
  • 特定商取引法に基づく表記
  • お問い合わせ

© M.G.K. Inc.

目次