AI活用全般

Claude Design で12年分のメッセージから個人サイトを作る5ステップ|結婚式・退職・家族記念日に転用するAnthropic員の事例

Anthropicのグロースマーケター本人が、12年分の妻とのiMessageを Claude Code に分析させ、その結果を Claude Design でゲスト1人ずつ中身が変わる結婚式サイトに仕上げた事例が、2026年5月5日にXで投下されました。

「過去のメッセージ履歴を素材にする」という入口は結婚式に限らず、退職カードや家族の記念日サイト、副業ポートフォリオにそのまま横展開できます。

本記事は一次ソース(投稿主のXポスト・Storyboard18・Anthropic公式)を引きながら、Claude Pro契約者が同じ型を個人プロジェクトに落とすための5ステップと、結婚式以外の3用途を整理します。

この記事はClaude Code を日常で触っていて Claude Design も気になっている個人ユーザー向け(Claude Pro契約済みでターミナルから claude コマンドが叩ける前提)。

そもそもAnthropic員の結婚式サイト事例って何が起きたの?

2026年5月5日、Anthropicのグロースマーケターが自身のXに1本のポストを投下しました。

"I got married this past weekend so I did what any rational @AnthropicAI employee would do and had Claude Code analyze 12 years of iMessages with my wife, then Claude Design used that data to whip up a website for our guests in just minutes."

(出典: Storyboard18 / 投稿主のXプロフィール

投稿主はAnthropic初の専任グロースマーケター。

コーディング経験ゼロから Claude Code で Figma プラグインを作り、広告制作30分→30秒に短縮した実績が Anthropic 公式ブログにも載っている人物です。

私はこの人物の使い方を一年ほど追っていますが、毎回切り口が個人プロジェクト寄りで参考になります。

今回の結婚式サイト事例で出てきた数字が、地味にエグい。

項目数字
分析期間12年間(4,340日/2014〜2026年)
総メッセージ数161,015件
共有写真数8,602枚
絵文字数28,757個
「I love you」出現回数1,795回
送信比率妻57% / 本人43%
ピーク年2016年(32,000件超・大学時代)
サイト作成時間(本人発言)"in just minutes"

このサイトの肝は「ゲスト1人1人で表示内容が変わる」点。

共通テンプレに名前だけ差し込むよくあるRSVPサイトとは別物で、相手と過ごした思い出のメッセージや写真がパーソナライズされて出てきます。

12年で16万件超のメッセージが素材。これ正直やばい。

なぜこの事例が Claude Pro 契約者にとって重要なの?

個人的には、この投稿は「結婚式サイトを作った人がいるよ」という事例紹介として消費するのは、もったいないと思っています。

本質は「過去の会話履歴という、誰の Mac にも眠ってる素材を、Claude Code で構造化 → Claude Design で見栄えに変える」分業フローです。

Storyboard18 が拾った「9 PM spike, 1,795 I love you's」という数字も、最初から狙って計測したわけではなく、12年分の生データから AI が勝手に拾い上げた指標。

素材の質が出力を決めるタイプの話です。

つまりこういう構造です。

役割担当ツール仕事
素材の集め役あなた(読者)iMessage / LINE / メールから生データを取り出す
分析役Claude CodeSQLiteを読んで、年別件数・絵文字頻度・特定キーワード出現を集計
見せ方役Claude Design分析結果を受け取って、ゲスト分岐つきHTMLサイトを生成
仕上げ役Claude CodeHandoff された生成物を実ファイルとして書き出し、ローカル保存

Anthropic公式は Claude Design を「Canva の代替ではなく補完」と説明しています(出典: Anthropic Labs 発表)。

Canva は「テンプレートを選んで素材を当てはめる」のが軸ですが、Claude Design は「手元のデータが先にある状態から、テキスト指示で都度作る」のが軸。

今回の事例はまさにそっち寄りの使い方です。

ちなみに、2026年5月6日に Anthropic が SpaceX と提携してコンピュート容量を増やし、Claude Pro / Max / Team / Enterprise の5時間レート制限が2倍に引き上げられました(出典: Anthropic公式・higher limits SpaceX)。

Claude Code で重めの分析を回す人にとっては地味に追い風です。

私の体感だと、12年分のSQLite分析クラスは旧レートだと1セッションで詰まりがちでした。

Anthropic員の事例を Claude Pro 契約者が再現するための5ステップ

投稿主は具体的なコードや指示文を公開していません。

なのでここから先は、本人投稿の手順骨格と Claude Code 公式ドキュメント、Claude Design 公式発表、imessage-exporter のREADMEから組み直した、再現用の5ステップです。

私だったらこう組む、の意味合いで読んでもらえれば。

STEP1: iMessage(または LINE)の生データを手元に集める

Mac の場合、iMessage の履歴は ~/Library/Messages/chat.db にSQLite形式で全部入っています。

Finder で「移動」→「フォルダへ移動」→ ~/Library/Messages/ と打てば直接アクセスできます。

事前に Mac の Messages アプリ設定で「メッセージを iCloud に保存」をオンにしておくと、iPhone 側のメッセージも全部 Mac に同期されて入ってきます。

そのまま chat.db を渡してもいいんですが、テキスト形式に変換すると Claude Code 側の処理が軽くなります。

GitHubスター5,200超の imessage-exporter(出典: ReagentX/imessage-exporter、最新リリース 2026年3月17日「Sand Verbena」)が定番。

LINE 派の人は、各トーク画面の設定から「トーク履歴を送信」で .txt 書き出しが出ます(出典: LINE公式ヘルプ)。

ただし画像・動画・スタンプは含まれずテキストだけ。

STEP2: Claude Code に「分析の指示」を渡して数字を出させる

素材ファイルを作業フォルダに置いて、ターミナルから claude を起動。

最初の指示で「これは iMessage / LINE のトーク履歴。

年別の件数、上位絵文字、特定キーワードの出現回数を JSON で出して」と投げます。

事例で Claude Code が出してきた指標がそのまま参考になります。

  • 年別メッセージ数(→ ピーク年と、同棲後の減衰カーブが見える)
  • 送信比率(妻57% / 本人43%)
  • 絵文字使用回数 28,757個
  • 共有写真 8,602枚
  • 「I love you」出現 1,795回
  • 9PM時点の月曜平均送信数 約6件

JSON で吐き出させておくと、次のステップで Claude Design 側に渡しやすい。

ここが分業の合流点。

STEP3: Claude Design でサイト構造を組ませる

claude.ai/design にアクセスして、新規プロジェクトを開きます。

「Claude Code が出した JSON をペーストするので、それを使ってゲストごとに表示が変わる結婚式サイトを組んで」と指示する流れ。

Claude Design は Opus 4.7 のビジョンモデルで動いていて、出力形式は PDF / PPTX / スタンドアロンHTML / Canva エクスポート / 内部URL から選べます(出典: Anthropic Labs)。

結婚式サイトみたいに「日付が決まったイベントで使う」用途なら、出力形式はスタンドアロンHTML一択。

理由はSTEP5で書きます。

STEP4: 「Handoff to Claude Code」で実ファイル化

Claude Design 画面の「Handoff to Claude Code」ボタンで、生成されたデザイン情報を Claude Code セッションに投げ返します。

あとは Claude Code が手元の作業フォルダに index.html や assets フォルダを書き出してくれる流れ。

ゲスト分岐は、ゲスト名をクエリパラメータ(?guest=tanaka 形式)で受け取って、JSON のゲスト別データを差し込む実装が一番軽い。

Claude Code に「クエリパラメータでゲストを分岐させて、JSON から該当データを引いて表示する index.html にして」と指示すれば、JavaScriptを書いてくれます。

STEP5: ローカルに保存してから配布する

Claude Design は research preview 段階なので、生成された内部URLが将来も同じ場所で見られる保証はありません。

日付が決まっているイベントで使うなら、HTMLとアセットを丸ごとローカルに保存しておくのが安全寄り。

あとは GitHub Pages、Netlify、Vercel のどれかに無料でアップして、ゲストにURLを送れば終わりです。

私だったら GitHub Pages を選びます。

理由は単純で、Claude Code がそのまま git init から gh pr create まで全部やってくれるから、追加で別サービスにログインしなくていい。

手数が3クリック以内で済むのが大きい。

結婚式以外で同じ型が刺さる個人プロジェクト3用途

日本人読者の8割は結婚式準備中ではないと思います。

なので「過去の会話履歴を素材にして、Claude Code → Claude Design で見せ物にする」という型を、結婚式以外の3用途に展開します。

用途1: 退職時の同僚向け「12年分の Slack 引退記念サイト」

長年勤めた会社を辞めるとき、同僚との Slack や Teams のスレッドを素材にして「あなたとの思い出スレッド集」をゲストごとに分岐表示する退職記念サイトが組めます。

Slack の場合はワークスペースのデータエクスポート機能から JSON でダウンロードできます。

送信回数1位の同僚、最も笑った絵文字、深夜帯の作業ピークなど、Anthropic員の事例の数字をそのまま転用できる素材です。

用途2: 親の還暦・両親の金婚式向け「家族の記念日サイト」

家族 LINE グループの履歴をエクスポートして、親の還暦や両親の金婚式向けに、孫から祖父母までゲストごとに表示が変わる記念日サイトを作る用途。

LINE はテキスト書き出しのみで画像・スタンプが含まれないので、写真は Google フォトの共有アルバムから別途リンクする組み方が現実的です。

「孫が初めて『おじいちゃん』と打った日」みたいな指標を Claude Code に拾わせるとエモい。

用途3: 副業ポートフォリオの「クライアント別事例サイト」

副業の見込みクライアントに送るポートフォリオを、相手の業種や課題に合わせて表示が変わる仕組みにする用途。

素材は過去のクライアントとのメール履歴、納品ファイル、成果数字。

Claude Code に「クライアントAには制作実例を、クライアントBには分析実例を出して」みたいな分岐ルールを書かせれば、見込み客ごとに「あなた向けに作りました感」が出るポートフォリオサイトになります。

個人的には、3つの中だと副業ポートフォリオ用途が一番再現の費用対効果が高いと思っています。

理由は、結婚式や家族記念日と違って「複数クライアントに使い回せる」から。

1回作ればずっと資産になります。

競合の結婚式サイトサービスと比べてどう違うの?

結婚式サイトサービス自体は枯れた市場で、無料・有料の選択肢がたくさんあります。

Claude Code × Claude Design の事例が刺さるのは、既存サービスの「ゲスト共通ページ」という前提を、丸ごと飛び越えてくる点です。

サービス料金ゲスト個別対応素材の自由度
The Knot無料なし(共通ページ)テンプレ約800種
Zola無料なし(共通ページ)レジストリ・RSVP統合
Squarespace$16/月〜(年間)なし汎用ビルダー(結婚式専用ツールではない)
Wix無料〜$17/月(年間)なし無料は広告つき
Claude Code × Claude DesignClaude Pro $20/月あり・自動生成個人の過去履歴を素材化

料金だけ見ると Claude Pro $20/月 は無料サービス勢に勝てません。

ただ「ゲスト1人1人で中身が変わる結婚式サイト」を The Knot や Zola の枠内で作ろうとすると、テンプレ改造の知識と工数が必要で、結局個人では現実的じゃない。

Claude Pro 契約者なら、結婚式以外にも記事中の3用途や副業の他用途で使い回せるので、月20ドルの元は普通に取れる距離だと私は思っています。

結婚式サイト1本のための月20ドルは正直高い。

記事中3用途のうち1つ刺さればもう元は取れる、くらいの感覚で構えるのが現実的です。

事例を再現するときに引っかかりやすい注意点

投稿を額面通りに受け取って同じことをやると、いくつか地雷があります。

「in just minutes」は Anthropic 員かつ Claude Code 日常ユーザーの時間感覚

本人は Claude Code でFigmaプラグインまで作っているレベルで、12年分のメッセージ整形・分析の指示出しが体に染み込んでいます。

一般ユーザーが同じ素材から同じ品質を「数分で」は出せない前提で見たほうがいい。

私の感覚だと、実際の再現時間は半日〜1日見ておくのが現実的です。

過去メッセージにはプライバシーが乗っている

妻や同僚や両親の発言が全部素材に含まれます。

サイトとして公開する前に、相手に「こういう数字を抽出して、こういう見せ方をするけどOK?」と確認を取るステップを必ず入れる。

私だったらここは絶対飛ばしません。

Claude Design は research preview

生成物の内部URLが将来も同じ場所にある保証がないので、日付が決まっているイベント用途では HTML を必ずローカル保存してから配布します(出典: Anthropic Labs 発表)。

Claude Design 単体ではコードが書けない

サイトとして配布するには Claude Code 側のコード生成が必要で、つまり今回の事例は「Claude Design があれば結婚式サイトが作れる」ではなく「Claude Code が前提にあって、Claude Design がデザインの取っ手をくれる」関係です。

FAQ

Claude Pro $20/月だけで Claude Design も Claude Code も両方使えますか?

使えます。

Pro / Max / Team / Enterprise のいずれでも Claude Design は research preview として追加料金なしで利用できます(出典: Anthropic Labs 発表)。

Enterprise だけは組織管理者がオプトイン設定をオンにする必要があります。

iPhone しか持っていなくても iMessage 履歴を素材にできますか?

Mac がないと chat.db への直接アクセスは難しいです。

iPhone 単体なら有料の iMazing で PDF / Excel / CSV / RSMF 形式で書き出す手があります。

Mac を持っている知人に頼んで chat.db をエクスポートしてもらうのが一番早いです。

LINE でも同じことができますか?

LINE のトーク画面から「トーク履歴を送信」で .txt が書き出せます(出典: LINE公式ヘルプ)。

ただし画像・動画・スタンプは含まれずテキストのみ。

Claude Code への最初の指示で「LINE のトーク履歴形式」と明示する必要があります。

iMessage 形式とフォーマットが違うので、そのまま渡すと解析が崩れます。

Claude Design で生成したサイトの内部URLは将来も使えますか?

research preview 段階のため保証されていません。

日付が決まっているイベント用途で使うなら、生成HTMLとアセットをローカル保存してから GitHub Pages / Netlify / Vercel などの個人管理の場所にアップしておくのが安全寄りです。

Claude Code の5時間レート制限内でこの規模の分析は終わりますか?

2026年5月6日の SpaceX 提携アップデートで、Pro / Max / Team / Enterprise の5時間レート制限が2倍に引き上げられました(出典: Anthropic公式)。

12年分・16万件規模のメッセージ分析でも、Pro 枠で1セッション完走できる距離になっています。

重めのコンテキストを扱う個人プロジェクトには地味に効くアップデートです。

Claude Design は Canva の代替として使えますか?

Anthropic 自身が「Canva の代替ではなく補完」と説明しています。

テンプレートを選んで素材を当てはめる Canva 型ではなく、テキスト指示で都度ビジュアルを生成する型なので、用途が違います。

テンプレ重視なら Canva、手元のデータが先にあって都度生成したいなら Claude Design、という棲み分けです。

このページに出てきた言葉

chat.db
iMessage の全メッセージが入っている SQLite データベース。Macの ~/Library/Messages/ にある
SQLite
ファイル1個でデータベースとして動く軽量な仕組み
imessage-exporter
chat.db をテキスト・HTML形式に書き出すオープンソースツール(GitHub スター5,200超)
Handoff
Claude Design から Claude Code に生成情報を渡す機能。「引き渡し」の意
クエリパラメータ
URLの後ろに ?key=value でつける指定。ゲスト分岐の実装に使える
research preview
機能を限定公開して反応を見る試験運用フェーズ。仕様変更の可能性がある
レート制限
「5時間で何回まで」の上限。Claude Pro なら制限内ならコンピュート使い放題
RSVP
結婚式の招待状で「出欠の返事をください」を意味する仏語由来の表記
ターミナル
黒い画面で文字のコマンドを打ち込む画面。Macなら「ターミナル」アプリ、Windowsなら「コマンドプロンプト」「PowerShell」

参考リンク

※この記事の内容は執筆時点のものです。AIは進化が速い分野のため、最新の仕様は公式サイトでご確認ください。

-AI活用全般
-, , ,

← 戻る