Grok Botに写真をアップするだけで、自動更新される近況報告サイトをつくった

Grok Botを使い始めてから、めちゃくちゃ楽しいです！

今回は、SanityとVercelを使って「近況報告サイト」をつくってみました。

仕組みとしては、「Things」と「Places」というGrok Botに自分が撮った写真を添付すると、その画像を元にコンテンツを作成し、更新まで対応してくれるというもの。

このサイトは、久しぶりに会う知り合いに「最近何しているの？」「最近読んでおもしろかった本はある？」と聞かれたときにすぐに思い出せるようにする目的でつくりました。いわば、自分の公開行動記録です。

セクションは、「Places（場所）」「Things（もの）」「Work（仕事）」の3つに分けています。いずれ変更・追加するかもしれませんが、現時点ではこの分け方にしています。

Places

その日、誰とどこに行ったのかを記録しています。お店の外観の写真を撮ってGrok Botに送ると、そのデータを元に3Dジオラマを生成して、Sanity経由でサイトを更新するところまでやってくれます。

画像をクリックすると、詳細画像が表示されます。ジオラマは昼 / 夜の2パターン両方つくっており、Light / Darkモードを切り替えると、ジオラマも変わります。ジオラマの精度はまだ改善の余地ありです。

サイトへの更新方法は、撮った写真を添付する → 昼＋夜バージョンをBotが作成 → サイトに掲載するか否かを確認 → 「公開する」を選択 → Botがサイトに掲載する という流れです。

行った場所の写真を撮ってGrok Botに依頼するだけでコンテンツを更新できるようになったので、「次はどこに行こうかな？」と出掛けるのが楽しみになりました！

Things

最近買ってよかったものや、読んだ本、バッグなどをまとめるセクション。HOMME PLISSEやBAO BAOアイテムも増えてきていて、いつかまとめたいと思っていたのでつくりました。前回の記事で紹介した「Closet」Botを拡張して「Things」としてアップグレードさせました。

「もの」では、iPhoneのカメラで撮った写真をアップロードすると、Grok Botが背景を削除した画像を作成し、サイトに掲載までやってくれます。

本の場合については、読んだ本のタイトルとコメント（これから記載する予定）をGrok Botにチャットで伝えると、必要な情報を取得してくれる仕組みです。今読んでいる本は「読書中」ステータスをつけています。いずれNotionに「読書」DBがあるのでいずれは同期する仕組みにしたいですが、そうすると本来の目的からズレそうなので、今は手動で追加しています。

Work

最近やっている仕事のサマリを入れています。ここ最近は「創作大賞」関連が多いのですが、久しぶりに会う人に細かい業務内容を伝えるのは違和感があるので、ざっくりと記載しています。

Cursor Origin

これまではコードをGitHubに置いていたのですが、今回のサイトは、Cursorを運営するAnysphere社が新たに開発した「Origin」のリポジトリを使っています。

やりながら色々試しているフェーズなのですが、AIエージェントに最適化されていることや、GitHubの後発サービスだからか、かゆいところに手が届いていて使いやすいです。「分からないところはCursorで聞く」という流れも当たり前になりました。コードはすべてリモート環境にホストすることで、いつでもどこでも修正を依頼することが可能になりました。めっちゃ便利！

また、Grok Botに修正指示をすれば、CursorのCloud Agentを起動させることも可能。そういうシームレスな連携ができるのもいいなと感じます。

また、何かつくったら紹介しようと思います！

P.S. 行った場所を3Dジオラマ化するアイデアは、SpaceXAI社のエンジニアのPengさんのポストを見て思いつきました。

P.S. 「Sanity」というサービスは、「Featured Projects 2026」というイベントでCMSとして紹介されていて初めて知りました。サイトを見てみて、このサービスを使えば自分のサイトをつくれるのでは？と考え、Grok Botに聞いてみたら「いけます」とのことだったので、つくってみました。

イベントは、2026年9月25日(金) 〜9月27日(日) の3日間。事前チケットはすでに購入済み。行くのが楽しみ！