⚽📱
うちの子専用
サッカーノート、作らない？
毎週の予定・試合詳細・振り返りを家族みんなで共有できる、
子供専用のWebサイトを 1〜2時間 で作れちゃうよ
こんなサイトです
スマホのホーム画面に追加して、家族みんなで使えるサッカー専用ノート。
2026年6月
6/2 火
⚽ 練習
⏰ 17:30〜19:30 / 📍 〇〇グラウンド
📋 詳細あり
6/6 土
🏆 vs 〇〇FC TRM
⏰ 10:00〜13:00 / 📍 〇〇小学校
6/7 日
🏆 〇〇カップ
⏰ 12:15〜 / 📍 〇〇グリーン
6/14 日
🏆 vs 〇〇SC
⏰ 11:00〜 / 📍 〇〇小学校
🛡️ 品質保証：AI ダブルチェック体制
Claude Code が書いたコードを、別の AI（Codex 等）にレビューしてもらう仕組みつき。
設計書に書いてあるので、Claude Code が自動でこのフローを実行します。
- Claude Code が機能設計
- 別 AI（Codex CLI 推奨）に「設計の穴ない？」とレビュー依頼
- 指摘があれば反映 or 反論
- 実装＆デプロイ
- 完了後にもう一度レビュー
📝 マリエ家のサイト構築でも、この方式で 致命的なセキュリティ穴を実装前に何件も発見・修正 しています。
💡 改善要望、書き込めます
使ってる中で「ここ直したい」「こんな機能欲しい」と思ったら、サイト上の「改善提案」ボタンから書き込めます。
- サイトのヘッダーから「💡 改善提案」
- カテゴリ（バグ/改善/新機能）と内容を書く
- Claude Code が読み取って、上記のダブルチェック体制で実装
- 確認が必要な質問があれば、画面に表示されるので答える
📝 自分で「これ直したい」を Claude Code に直接頼んでもOK。書き込み方式は「後でまとめてやってもらいたいリスト」用です。
こんなことができます
📅
スケジュール自動更新
チームから配布されるPDF日程表をGoogle Driveに入れるだけ。毎週金曜の朝、AIが自動で読み取ってサイトに反映
📋
試合詳細メモ
集合時間・場所・持ち物・写真添付などを書き込み。当日「あれ、何時集合だっけ？」がなくなる
🎯
目標を立てる
試合や練習の前に、子供が自分で目標を入力。「前回の振り返り」を参考に、自分で考える力をつける
📝
振り返りを記録
よかったこと、悪かったこと、次のアクション。10段階の自己評価や感情タグも
⚽
試合詳細記録
スコア（自分のチーム-相手）、ゴール数、ポジション、出場時間（前半・後半）まで詳しく
💬
家族からコメント
「ママのコメント」「パパからのアドバイス」など、家族から子供への応援メッセージ
3つのログイン
家族構成や見せたい範囲に合わせて、3つの権限から選べます。
呼び方は自由にカスタムできます。
⚽
本人（例：たろう、お子さんの名前）
全部編集できる。目標・振り返りを自分で入力する
💛
サポーター（例：ママ / パパ / 先生）
試合の詳細を編集できる。子供にコメントを書ける
👀
閲覧者（例：家族 / じいじ・ばあば）
スケジュールと内容を見るだけ。書き込みはできない
作り方
Claude Code（AIエンジニアアシスタント）を使います。「設計書を読んで作って」と頼むだけで、AI が手順通りに作ってくれます。
Claude Code を開く
Claude 有料プラン（Pro / Max）契約が必要。月20ドル〜
設計書を渡す
「SETUP_FOR_FRIENDS.md を読んで、うちの子用に作って」と1行頼むだけ
質問に答える
子供の名前、学年、背番号、パスワード、Driveフォルダ等を聞かれるので答える
構築完了を待つ
Claude Code が GitHub・Cloudflare・Google Apps Script を全部セットアップ。アカウント作成やAPIキー発行を含めて初回は 1〜2時間 程度
家族にURL共有
完成したURL・パスワードを LINE 等で家族に共有。スマホのホーム画面に追加
かかるお金
| サイト本体（Cloudflare） | 0円 |
| データ保管（Cloudflare KV） | 0円 |
| PDF読み取りAI（Gemini API） | 0〜10円 |
| GitHub・Google Drive・Apps Script | 0円 |
| 合計（月額） | 0〜10円 |
ポイント：ほぼ全部が無料枠で収まります。AIの利用も週1回程度なら数円。
心配なら Google Cloud の支払い上限を「100円」に設定すれば、想定外請求を防げます。
用意するもの
- ✅ Claude Code（Claude 有料プラン契約：月20ドル〜） ※必須
- ⭐ Codex CLI（ChatGPT 有料プラン契約：月20ドル〜）※推奨 / 無くてもOK・後述
- ✅ GitHub アカウント（無料）
- ✅ Cloudflare アカウント（無料）
- ✅ Google アカウント（既存のものでOK）
- ✅ Google Drive のフォルダ（チーム配布の日程表PDF・メンバー表PDFを置く場所。新規作成OK）
- ✅ 子供の情報（名前・背番号・学年・カテゴリ）
- ✅ チームから配布される日程表PDF・メンバー表PDF
- ✅ 初回は1〜2時間（アカウント作成・APIキー発行を含む）
💰 AIツールの月額について
Claude Code は実装担当、Codex CLI は品質チェック担当として使います（後述「AI ダブルチェック体制」）。
Claude のみで作ることも可能ですが、複雑な機能の信頼性が下がるので、両方契約推奨です。
どちらも合わせて月40ドル前後。完成後は週1メンテ程度で済むので、長期契約しなくてOK。
よくある質問
専門知識ないけど作れる？
作れます。Claude Code が全部やってくれる前提の設計書です。質問されたら答えるだけ。プログラミング知識ゼロでOK
Claude Code って無料で使える？
いいえ、Claude の有料プラン（Pro / Max、月20ドル〜）契約が必要です。Codex CLI も同様に ChatGPT の有料プラン契約が必要。両方合わせて月40ドル前後
Codex CLI なしでも作れる？
作れますが推奨しません。Codex は「Claude が書いたコードを別 AI でチェック」する役割で、これがあるおかげで致命的バグを実装前に何件も防いでいます。なくても作れますが信頼性が下がります。代わりに ChatGPT に手動でレビュー依頼してもOK
うちの子はU11（5年）だけど大丈夫？
どの学年でも大丈夫。来年の4月に学年が上がっても、設計書に書いてある通り1行追加するだけで自動で切り替わります
兄弟分も作れる？
1人につき1サイト構成なので、もう一度同じ手順で別のサイトを作ります。所要時間は2回目以降は早いです
PDFが届かない週はどうなる？
前回までのスケジュールがそのまま表示されます。新しいPDFがDriveに置かれたら次の金曜朝に更新されます
AIが間違って読み取ったら？
サイト上の「詳細を編集」から手動で直せます。一度直した値は次回の自動更新で上書きされません
誰でも見れちゃう？セキュリティは？
パスワード認証あり（サイト本体・API両方）。家族の合言葉を知らない人は、URLを知っていても中身は見れません。GitHub リポジトリも Private で作るので、ソースも公開されません
途中でハマったらどうしたら？
Claude Code に「設計書のXX章を見て」と頼めば、ほとんどの問題は解決します。それでも詰まったら、設計書に「よくあるトラブル」のFAQが書いてあります
準備ができたら
一緒に渡される SETUP_FOR_FRIENDS.md を Claude Code に読み込ませて、こう頼んでください：
「SETUP_FOR_FRIENDS.md を読んで、うちの子用のサッカーノート作って」
あとは Claude Code の質問に答えるだけ。完成後の運用も Claude Code に聞きながら進められます 🙏