公開後の運用

11-1独自ドメインを設定する

○○.pages.devのような無料URLでも十分使えますが、独自ドメイン（例：my-kakeibo.com）には利点があります。覚えてもらいやすい、信頼感がある、そしてホスティング先を変えてもURLが変わらない。

取得から設定までの流れ

1. ドメインを取得する — Cloudflare Registrar（管理画面の「ドメイン登録」）なら、取得から設定まで一気通貫でできて手数料も原価水準。費用は年間1,000〜2,000円程度（.comの場合）
2. サイトに紐づける — Workers/Pagesプロジェクトの「カスタムドメイン」設定で取得したドメインを追加
3. 反映を待つ — 数分〜数時間で、新しいURLでサイトが開くようになります

ドメイン選びのコツ

• 短く、打ちやすく、サービス名と一致させる
• 「.com」が定番。「.app」「.dev」など用途が伝わるものも人気
• 更新料は毎年かかります。やめたいときは更新しなければ自然に手放せます

11-2アクセス解析を入れる

「誰か見てくれているのかな？」——その答えをくれるのがアクセス解析です。数字が見えると、運用は俄然楽しくなります。

個人開発なら2つの選択肢

設定方法（Cloudflare Web Analytics）

Cloudflareダッシュボードの「Analytics & Logs」→「Web Analytics」でサイトを登録すると、短いコード（スニペット）が発行されます。あとはClaude Codeに任せましょう。

Cloudflare Web Analyticsのスニペットを発行しました。
サイトの全ページに正しく設置してください。

（ここにスニペットを貼り付け）

最初に見るべき3つの数字

• 訪問数 — どれくらいの人が来ているか
• 人気ページ — どのページが見られているか
• 流入元 — 検索から？SNSから？直接？

11-3SEOの基本

SEO（検索エンジン最適化）とは、Googleなどであなたのサイトを見つけてもらいやすくする工夫です。個人開発レベルでは、難しいテクニックより「基本のき」を押さえれば十分です。

最低限やるべき5項目

1. タイトルタグ — 各ページに内容が分かる固有のタイトルを（検索結果の見出しになる）
2. 説明文（meta description） — 検索結果に表示される紹介文。100文字前後で魅力を伝える
3. OGP設定 — SNSでシェアされたときに表示される画像とタイトル。シェアされたとき映えるかどうかが大違い
4. スマホ対応 — Googleはスマホ表示を基準に評価します（既にできているはず！）
5. 表示速度 — 画像の軽量化など。静的サイトなら最初から高速です

このサイトに基本的なSEO対策を施してください。
1. 各ページのタイトルタグとmeta descriptionの最適化
2. OGP設定（シェア時のタイトル・説明・画像）
3. その他、静的サイトでやるべき基本対策があれば提案を

サイトの内容：（あなたのサイトの説明）
ターゲット：（どんな人に見つけてほしいか）

11-4フィードバックと改善サイクル

作者には見えない問題が、ユーザーには見えています。フィードバックを集める仕組みは、アプリを育てる栄養源です。

個人開発向けのフィードバック収集法

• 身近な人に使ってもらい、横で見る — 最強の方法。どこで迷うか、何も言わず観察する
• Googleフォームへのリンクを置く — 「ご意見はこちら」リンクをフッターに。設置5分
• SNSの反応を拾う — 公開告知への返信は貴重な生の声

フィードバックの捌き方

1. すべての要望に応えない。「自分が作りたい姿」と照らして取捨選択する
2. 対応すると決めたものは、第6章の要件定義からの流れで1つずつ
3. 「直しました」報告をすると、フィードバックをくれた人はファンになる

ユーザーから次のフィードバックをもらいました。
それぞれについて、実装難易度（小/中/大）と効果の見込みを
評価して、優先順位を提案してください。

（フィードバックを箇条書きで貼り付け）

11-5壊さず更新する運用術

使ってくれる人がいるアプリの更新は、開発中とは違う緊張感があります。「動いているものを壊さない」ための運用の型を身につけましょう。

安全な更新の3原則

1. 本番とお試しを分ける — 更新はまず手元（ローカル）で動作確認。本番（公開URL）への反映は確認後
2. 更新前の状態に戻れるようにする — Gitのコミット＋Cloudflareの「ロールバック」機能（過去のデプロイに1クリックで戻せる）
3. 大きな変更は小さく分けて出す — 一度に変えるのは1機能。問題が起きたとき原因がすぐ分かる

定期メンテナンスのススメ

月1回程度、Claude Codeにヘルスチェックを頼むと安心です。

このプロジェクトの健康診断をしてください。
1. コードに改善すべき箇所はないか
2. 使っているライブラリに更新や問題はないか
3. セキュリティ面で気になる点はないか
重要度順に報告してください。すぐ直すべきものがあれば
理由の説明とともに提案してください。