[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"content-/ai-era-untamable-case-study-content-strategy":3,"related-/ai-era-untamable-case-study-content-strategy":292,"all-pages-for-dir":351,"og-image-/ai-era-untamable-case-study-content-strategy":352},{"id":4,"title":5,"body":6,"category":273,"description":274,"extension":275,"meta":276,"navigation":277,"ogImage":278,"path":279,"project_name":280,"published":281,"publishedAt":282,"seo":283,"stem":284,"tags":285,"todo":278,"unpublished":281,"updatedAt":278,"__hash__":291},"pages/2026-06/2026-06-15/ai-era-untamable-case-study-content-strategy.md","AI 時代に唯一マネされない事例コンテンツ戦略を SVG 図解でまとめた",{"type":7,"value":8,"toc":262},"minimark",[9,13,24,32,36,43,46,50,53,75,78,82,85,88,91,98,102,105,108,115,118,122,125,131,134,137,140,143,151,158,161,164,171,259],[10,11,12],"p",{},"朝、バズ部社長の石井氏が出していた「AI が何でも作れる時代に、唯一マネできないコンテンツ｜海外レポート vol.3」を読んで、これは自分用にも図解付きでまとめておきたい、と手が動いた。Social Media Marketing World 2026 のレポート第 3 弾で、Case Study Buddy のジョエル・クレツキ氏（350 社・2,000 本以上の事例を手がけた事例コンテンツ屋）が登壇した回。",[10,14,15],{},[16,17,23],"a",{"href":18,"target":19,"rel":20},"https://lucy.ne.jp/bazubu/case-study-buddy.html","_blank",[21,22],"noopener","noreferrer","→ 元コラム（バズ部 石井氏「AIが何でも作れる時代に、唯一マネできないコンテンツ｜海外レポート vol.3」）",[10,25,26,27,31],{},"今日は Claude Code に、4 つのスキルを重ねがけで適用させて、公開記事 1 本＋ SVG 図解 5 枚に仕上げてもらった。",[28,29,30],"strong",{},"honda-sakubun（読点と修飾語順）／ content-management（frontmatter と公開判定）／ svg-diagram（図解設計）／ doc-communication（解・動・早の構成）"," の 4 枚を同時にロードさせる構成。スキルを 1 個ずつ走らせるより、最初から全部入れた状態で書かせたほうが書き直しが減る。",[33,34,35],"h2",{"id":35},"レポートのどこに惹かれたか",[10,37,38,39,42],{},"クレツキ氏が言い切っていたのは、",[28,40,41],{},"機能・価格・スペック・FAQ は AI で均質化するけれど、顧客一人ひとりが現場で何を変えたかという物語は AI には捏造できない","、という一点。引用されていた「マーケティングの未来は、情報のやり取りではなく信頼の移転だ」という言葉が脳に残った。",[10,44,45],{},"「知ってもらう」から「信じてもらう」へ。AI に「この分野でおすすめの会社はどこか」と聞く時代に、事例という証拠を持っている会社が選ばれていく、という流れの整理が腑に落ちた。Content Marketing Institute の年次調査で、成果を生んだコンテンツの 1 位が事例・カスタマーストーリーだというデータも添えられていて、地味だけど効くものは事例だ、という現場の感覚と一致した。",[33,47,49],{"id":48},"何を残したかったか記事の骨","何を残したかったか（記事の骨）",[10,51,52],{},"公開記事の骨は 6 章に整理した。",[54,55,56,60,63,66,69,72],"ol",{},[57,58,59],"li",{},"なぜ大半の会社は事例を活かせないのか（仕組みがない。\"A process in your head is not a process.\"）",[57,61,62],{},"何を証明するかを先に決める（KPI・相手・聞くこと、の 3 つを逆算）",[57,64,65],{},"事例の語り方は 10 種類ある（課題・解決・結果の型しかないという思い込みを外す）",[57,67,68],{},"数字ではなく物語を証明にする（金曜の小切手手渡し、の話）",[57,70,71],{},"AI に外注できない唯一の工程（インタビューで本音を引き出す対話）",[57,73,74],{},"模倣されない資産の正体（自社の言葉ではなく顧客の口で証明する）",[10,76,77],{},"vol.1 タリア・ウルフ氏の「絞る」、vol.2 ランド・フィッシュキン氏の「言語化する」とつながる連載で、今回 vol.3 は「事例で証明する」。3 つを 90 日で実装する、という締めまで含めて筋が通っている。",[33,79,81],{"id":80},"svg-図解の試行錯誤","SVG 図解の試行錯誤",[10,83,84],{},"図解は 4 枚で出した。fig1「捏造できない領域」、fig2「3 つを先に決める」、fig3「10 種類の型」、fig4「数字 vs 物語」。",[10,86,87],{},"つまずいたのは fig3「10 種類の型」だった。最初は 2 カラム × 5 行で組ませたら、ぱっと見の認識負荷が高い。スキャンの動線が右に飛んで左に戻ってまた右、と視線がジグザグになって、10 個並んでいる印象が頭に残らなかった。",[10,89,90],{},"ここで「2 カラムじゃなくて 1 カラムで、縦に長くなって構わない」と Claude Code に指示し直して、viewBox を 720×992 に組み替えてもらった。スマホで読む読者を考えると、横を 2 列に詰めるより縦に並べたほうが目線が落ちる速度に合う。",[10,92,93,94,97],{},"すると今度は、1 カラムの 1 行内が左寄りで、右側に大きな余白が残った。「右が余っている、調整してくれ」と再度差し戻し、1 枚のカード内を ",[28,95,96],{},"3 カラム横並び","（左：番号 + 型名、中：説明、右：使う場面）に組み直してもらった。これで縦に 10 枚が並びつつ、1 行のなかでも視線が右までスキャンされる構成になった。",[33,99,101],{"id":100},"マゼンタ強調を-1-つだけにしていた件","マゼンタ強調を 1 つだけにしていた件",[10,103,104],{},"fig2「3 つを先に決める」の 03 と、fig3「10 種類の型」の 06 だけマゼンタ背景になっていたので、「なぜ 6 だけマゼンタなのか、重要だからか」と聞いた。",[10,106,107],{},"返ってきたのは「正直に言うと、明確な根拠なく 1 つだけ装飾的に強調しただけ」だった。本文では「10 種類すべて並列」「3 つすべて先に決める」と書いているのに、図だけ 1 つを目立たせると、読者は「6 番が特に大事なのか？」と無意識に重みづけしてしまう。本文と図解の主張がズレる。ここは本文に揃えて全部グレーに戻すのが筋。",[10,109,110,111,114],{},"ただ一度「では全部マゼンタにすべきか？」とも考えた。全部マゼンタにしたら強調の意味が消えて、ただの背景色変更になるだけ。結局、",[28,112,113],{},"「逆に強調すべきことが特にないなら、そのままグレーで構わない」"," という判断に着地した。装飾は引き算で決まる、という当たり前の話を、自分の手で揺り戻して再確認した。",[10,116,117],{},"これは fig2 も同じで、3 つの意思決定は並列に同じ重みで読んでもらいたいから、全部グレーに戻した。",[33,119,121],{"id":120},"数字より風景と漫才の構成","「数字より風景」と漫才の構成",[10,123,124],{},"クレツキ氏が挙げていた事例で、いちばん刺さったのが受付担当者のこの一言。",[126,127,128],"blockquote",{},[10,129,130],{},"「以前は金曜のたびに社内を歩き回って小切手を手渡ししていました。それが今は自動で終わるんです」",[10,132,133],{},"「効率が 90% 改善しました」と言うより、こちらのほうが響く。読んだ人が「その大変さ、分かる」と自分を重ねられるから。",[10,135,136],{},"これを書きながら、漫才・落語の世界でよく言われる「具体性」「お客さんの頭に映像が浮かぶか」が肝、という話と全く同じだと気づいた。「100 万円損した」より「金曜の小切手手渡し」のほうが、聞き手の脳内で映像が再生される。映像が再生される瞬間に共感が立ち上がる、という脳の動かし方は、漫才の構成と事例コンテンツでまったく同じだった。",[10,138,139],{},"本文に「数字は読んでもらうきっかけにはなる。でも人を動かすのは、その数字の先にある変化のほう」と書き、fig4 で「効率が 90% 改善」と「金曜の小切手手渡し」を左右に並べて、読み手の反応の違いを言葉で添えた。",[33,141,142],{"id":142},"出典の扱い",[10,144,145,146,150],{},"引用は埋め込みのブロッククォートではなく、要約として本文に消化する形にした。原文の論旨整理と再構成である、と冒頭に明示したうえで、URL は外部リンクで一度だけ置く。バズ部記事へのリンクは ",[147,148,149],"code",{},"\u003Ca href=\"...\" target=\"_blank\" rel=\"noopener noreferrer\">"," 形式で別タブを明示。読書フローを切らないようにする。",[10,152,153,154,157],{},"外部リンクは別タブで開く、というのは ",[147,155,156],{},".claude/rules/external-link-target-blank.md"," のルールに従って毎回機械的にやっている。",[33,159,160],{"id":160},"今日の手応え",[10,162,163],{},"スキルを 4 枚同時にロードさせて書かせると、出だしから日本語の修飾語順や読点の打ち方が一段整った状態で出てくる。あとから honda-sakubun で校正させるより、書く前から噛み合っている。",[10,165,166,167,170],{},"図解は、最初の構成を作るのは速いけど、",[28,168,169],{},"カラム数・余白・強調の引き算"," の 3 点で必ず一度差し戻すことになる、と今日も確認した。Claude Code は「とりあえず 1 個強調して画面に変化をつける」癖があるので、本文と整合しているかを毎回見て、不要な強調を引き戻す係を自分が担う。",[172,173,174,190],"table",{},[175,176,177],"thead",{},[178,179,180,184,187],"tr",{},[181,182,183],"th",{},"工程",[181,185,186],{},"自分の係",[181,188,189],{},"Claude Code の係",[191,192,193,204,213,222,231,240,250],"tbody",{},[178,194,195,199,202],{},[196,197,198],"td",{},"レポートを読んで惹かれる箇所を選ぶ",[196,200,201],{},"◯",[196,203],{},[178,205,206,209,211],{},[196,207,208],{},"章の切り方を決める",[196,210,201],{},[196,212],{},[178,214,215,218,220],{},[196,216,217],{},"本文の下書き",[196,219],{},[196,221,201],{},[178,223,224,227,229],{},[196,225,226],{},"SVG の初稿",[196,228],{},[196,230,201],{},[178,232,233,236,238],{},[196,234,235],{},"カラム数・余白の違和感を拾う",[196,237,201],{},[196,239],{},[178,241,242,245,247],{},[196,243,244],{},"強調の引き算（マゼンタ→グレー戻し）",[196,246,201],{},[196,248,249],{},"◯（指示後の反映）",[178,251,252,255,257],{},[196,253,254],{},"honda-sakubun 校正",[196,256],{},[196,258,201],{},[10,260,261],{},"「人間は違和感を拾う係、AI は実装を回す係」という構図が、図解作業でもそのまま当てはまる一日だった。",{"title":263,"searchDepth":264,"depth":264,"links":265},"",2,[266,267,268,269,270,271,272],{"id":35,"depth":264,"text":35},{"id":48,"depth":264,"text":49},{"id":80,"depth":264,"text":81},{"id":100,"depth":264,"text":101},{"id":120,"depth":264,"text":121},{"id":142,"depth":264,"text":142},{"id":160,"depth":264,"text":160},"dev","バズ部・石井氏の海外レポート vol.3（Case Study Buddy のジョエル・クレツキ氏）を、4 スキル（honda-sakubun / content-management / svg-diagram / doc-communication）を重ねがけして公開記事 + SVG 5 枚に仕立てた一日のログ。図解の 2 カラム → 1 カラム化と、マゼンタ強調の引き算判断を残しておく。","md",{},true,null,"/ai-era-untamable-case-study-content-strategy","misc-dev",false,"2026-06-15T00:00:00.000Z",{"title":5,"description":274},"2026-06/2026-06-15/ai-era-untamable-case-study-content-strategy",[286,287,288,289,290],"事例コンテンツ","マーケティング","SVG","Case Study Buddy","図解","K0blFQmPxfD01FZQKCXyu1_eKJ15QtBbWQytjcCA8NE",[293,305,316,324,338],{"title":294,"description":295,"path":296,"tags":297,"publishedAt":304,"updatedAt":278},"書籍の図をSVG化するワークフローを svg-diagram スキル v2 にまとめた","別リポジトリ eurekapu-nuxt4 で会社法・法人税法のテキストに載っている図をSVG化する作業を1日まわした。公開会社・非公開会社のベン図、役員給与の損金算入可否フローチャートを、本の図そのまま再現するのではなくロジックを整理したカード型に作り直した。最初はスキルを呼ばずに直接書いてしまい、viewBox や色のルールから外れた。途中でスキルを呼び直し、得られた知見を svg-diagram スキル v2 として作り直して「書籍画像→SVG図解への変換ワークフロー」セクションを追記した。","/svg-diagram-book-figures",[288,290,298,299,300,301,302,303],"スキル","会社法","法人税法","役員給与","ベン図","フローチャート","2026-04-28T00:00:00.000Z",{"title":306,"description":307,"path":308,"tags":309,"publishedAt":315,"updatedAt":278},"別表デフォルメSVG図解を22枚制作しウォーターフォールチャートをv4まで磨いた記録","法人税別表四・五・十四のデフォルメSVG図解を並列サブエージェント5つで一括制作。寄付金のウォーターフォールチャートはv1からv4まで4回描き直して計算構造を視覚化した","/beppyo-svg-deformed-design",[310,288,311,312,313,314,290],"別表","デフォルメ","ウォーターフォールチャート","法人税","並列処理","2026-04-22T00:00:00.000Z",{"title":317,"description":318,"path":319,"tags":320,"publishedAt":323,"updatedAt":278},"テーブルとpreブロックをSVG図解に一括変換した記録","ch0.vueの全テーブルとpreブロックをSVG化し、グレー8段階のトンマナルールを確立。6サブエージェント並列で59件のSVGを生成した実装ログ","/svg-diagram-conversion",[288,290,321,314,322],"Claude Code","デザインシステム","2026-04-20T00:00:00.000Z",{"title":325,"description":326,"path":327,"tags":328,"publishedAt":282,"updatedAt":282},"AIが量産する時代、唯一マネできないのは「顧客一人ひとりの物語」だ — 事例コンテンツの仕組み化（バズ部 石井氏レポート vol.3 を整理）","AIで文章が一瞬で作れる時代に、唯一捏造できないコンテンツが事例（顧客の物語）である理由を、バズ部・石井氏のSocial Media Marketing World 2026 レポート vol.3（Case Study Buddy 創業者 Joel Klettke 氏の講演）を整理する形で解説する。事例の10種類の型、作る前に決める3つ、数字より物語が刺さる仕組み、AIに外注できない対話の工程を4枚のSVG図解で構造化した。","/ai-era-untamable-case-studies",[329,330,331,332,333,289,334,335,336,337],"AI","コンテンツマーケティング","事例","ケーススタディ","Joel Klettke","バズ部","Social Media Marketing World","マーケティング戦略","BtoBマーケティング",{"title":339,"description":340,"path":341,"tags":342,"publishedAt":350,"updatedAt":278},"カメラの露出シミュレーターを Nuxt のページに移植して、SS/F値/ISO の三角関係を体感する","logcamera.com の露出シミュレーターを参考に、シャッタースピード・絞り・ISO の3パラメータをスライダーで動かせるブラウザシミュレーターを Vue ページとして実装した。最初は『SS を変えると明るさだけが変わってブレが出ない』バグに気づき、効果学習モードと露出学習モードの2モードに分けて解決した記録。","/camera-exposure-simulator",[343,344,288,345,346,347,348,349],"Vue","Nuxt","カメラ","露出","シミュレーター","EV","UI","2026-06-14T00:00:00.000Z",[],"https://log.eurekapu.com/og/blog/ai-era-untamable-case-study-content-strategy.png?v=2026-06-15T00%3A00%3A00.000Z&title=AI%20%E6%99%82%E4%BB%A3%E3%81%AB%E5%94%AF%E4%B8%80%E3%83%9E%E3%83%8D%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E4%BA%8B%E4%BE%8B%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E6%88%A6%E7%95%A5%E3%82%92%20SVG%20%E5%9B%B3%E8%A7%A3%E3%81%A7%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F&author=Kei%20Komatsu&sig=719c77510ed0aa1d",1781580075436]