← Works一覧に戻る

このポートフォリオサイト自体 — 話しかけて更新できる JSON 駆動ポートフォリオ

Claude CodeNode.jsCloudflare PagesJSON駆動静的サイト生成
このポートフォリオサイト自体 — 話しかけて更新できる JSON 駆動ポートフォリオ

概要

今ご覧になっているこのサイト自体が、Claude Code でできることの集合体です。コンテンツをすべて JSON で管理し、ビルドスクリプトで HTML を自動生成する設計にしているので、私がやるのは Claude Code に「これ追加して」「キャッチコピーここを変えて」と話しかけるだけ。HTML/CSS を直接いじることはほぼありません。生成は Node.js のビルドスクリプト、ホスティングは Cloudflare Pages、デプロイは Wrangler ワンコマンド。「コードを書く」のではなく「Claude Code に伝える」だけでサイトが育っていく — この体験そのものが、私が伝えたいメッセージです。

主な機能

  • コンテンツはすべて JSON で管理(HTMLは触らない)
  • 「作品を追加して」と話しかけるだけで詳細ページまで自動生成
  • ビルドスクリプトで JSON → HTML を一括生成
  • Cloudflare Pages にワンコマンドでデプロイ
  • Claude Code BootCamp の課題提出兼ハッカソン作品

このシステムに関するお問い合わせ

同様の仕組みを貴社向けに構築したい、またはカスタマイズのご相談は お問い合わせ からどうぞ。