アプメイク簡略版：AI・Git・Cloudflare・starter.zip・D1R2・MCP
手元の Excel や Word を渡して、「このファイルをアプリにしてよ」と頼むだけ。プログラムは書きません。AI に日本語で頼みます。
アプリを作って公開するまでに出てくるのは、この6つだけです。 1つずつ、何か・なぜ要るか・やることを1行で並べました。
手順の細かいところは、それぞれの「詳しく」のページにあります。
| ひとことで | やること | いつ | |
|---|---|---|---|
| AI | アプリを作ってくれる相手 | Claude のアプリを入れる | 当日までに |
| Git | AI が作業に使う道具 | 入れておくだけ | 当日までに |
| Cloudflare | アプリを公開する場所 | 無料で登録する | 当日までに |
| starter.zip | 作業フォルダの中身 | 展開して start.bat を実行 | 当日の最初 |
| D1R2 | みんなで使うデータの置き場 | AI に1回貼るだけ | 必要になったら |
| MCP | メールや会計とつながる口 | 使う道具を1つだけつなぐ | 今日のあとで |
上の4つで、今日のアプリは作れます
AI・Git・Cloudflare・starter.zip がそろえば、「このファイルをアプリにしてよ」と頼んで、作って、公開できます。
D1R2 と MCP は、作ったあとで「みんなで使いたい」「書き写しをやめたい」となったときに使います。
1. AI
- 何か … アプリを作ってくれる相手。講師は Claude Code を使っています（Codex・Copilot・Antigravity でも同じようにできます）
- なぜ要るか … プログラムは書きません。日本語で頼むと、AI が作ります
- やること … AI のアプリを入れて、手元のフォルダを開ける画面（Claude なら
</>の Code）が開くことを確かめる。ブラウザのチャットに頼んでも、手元にアプリはできません
→ 詳しく：これだけ！アプリ作成の準備完了！！ ステップ1
2. Git
- 何か … AI が作業に使う道具
- なぜ要るか … AI のアプリが作業に使います。当日、自分で操作することはありません
- やること … 入れておくだけ。Windows は画面が出たら全部「次へ」、Mac はターミナルで
git --version
→ 詳しく：これだけ！アプリ作成の準備完了！！ ステップ2
3. Cloudflare
- 何か … 作ったアプリを、インターネットに公開する場所
- なぜ要るか … 公開すると、スマホからでも、ほかの人からでも開けるようになります。今日の使い方なら無料です
- やること … アカウントを1つ作って、届いたメールで確認するだけ
→ 詳しく：これだけ！アプリ作成の準備完了！！ ステップ3・Cloudflare でつまずくところ
4. starter.zip
- 何か … 作業フォルダの中身（どの AI でも読める指示書・サンプル・準備と公開の道具）
- なぜ要るか … 道具のインストールから、Cloudflare へのログイン、「準備中」のページの公開までが、1つの操作で進みます
- やること … Windows は展開して start.bat を「管理者として実行」、Mac はターミナルに1行貼る。受講した方だけがダウンロードできます（講師から聞いたパスワードを入れます）
→ 詳しく：これだけ！アプリ作成の準備完了！！ ステップ4
5. D1R2
- 何か … Cloudflare の D1（みんなで同時に使える表）と R2（みんなで使える共有フォルダ）
- なぜ要るか … 作ったアプリは、データを自分のブラウザの中だけに持っています。みんなで同じデータを見る・入力する・写真を残す となったら使います
- やること … 作業フォルダを開いた AI に、プロンプトを1回貼るだけ。データは自分の Cloudflare に置き、ほかの誰の手元も通りません
→ 詳しく：🔒 応用編：データを保存する（D1・R2）
6. MCP
- 何か … AI が、メール・カレンダー・会計・会議の録音・CAD などと「つながる」ための口。USB のようなものです
- なぜ要るか … つなぐと、日本語で頼むだけで、そこから取ってきたり、そこへ書き込んだりできます。書き写しが消えます
- やること … いちばん時間を取られている作業の道具を、1つだけ つなぐ
→ 詳しく：🔒 8. つながる（MCP）
で、今日から何をするか
上の表の「当日までに」の3つを、今日のうちに済ませる。 全部で35分ほどです。