💥 家族4人でハワイまで、あと22ヶ月。

これは、私がこの教材どおりに作ったアプリが、実際に画面に出した答えです。

※ 数値は教材アプリに入っている学習用のサンプルデータでの計算例です（ANA・ハワイ・エコノミー・レギュラー／大人2・子ども2／保有8万マイル＋楽天ポイント3万pt／月20万円のカード決済）。

「家族でハワイに行きたい。でも、あと何マイル必要で、いつ貯まるのか分からない。」

マイルやポイ活をしている方なら、一度はこう思ったことがあるはずです。

必要マイル表を見ても、家族の人数分を足すのが面倒
楽天ポイントやdポイントを マイルに換えたら何マイルになるのか分からない
「あと何ヶ月で貯まるか」を 毎回電卓で計算している
結局、なんとなく貯めているだけ で、いつ行けるのか見えていない

この悩みを、あなた専用のアプリ で解決します。

しかも、そのアプリを作るのはあなた自身です。

プログラミング未経験でも、AIにコピペでお願いするだけ

この教材では、AIがパソコンの中で実際にアプリを組み立ててくれるツール Claude Code（クロード・コード） を使います。

あなたがやることは、次の3つの繰り返しだけです。

教材のプロンプトをコピーする
Claude Codeに貼り付けてEnter
ブラウザで結果を確認する

💥 コードは1行も書きません。

ChatGPTのようにコードを画面に表示するだけではなく、Claude Codeは ファイルの作成・修正・動作確認まで自分でやってくれる のが大きな違いです。だから、未経験の方でも最後までたどり着けるように設計できました。

完成するアプリ「家族旅行マイルシミュレーター」

✈ ANA / JAL・目的地・座席クラス・シーズン・家族の人数 を選ぶだけで、家族全員分の必要マイルを自動計算
💳 楽天ポイント・dポイントなどの保有ポイント をマイルに換算して合算（交換単位の端数まで計算）
📅 毎月のカード決済額から あと○ヶ月（○年○月ごろ）に達成 を表示
⚠ 達成まで3年を超えると マイルの有効期限の注意 を表示
💾 入力は 自動保存。ネット公開なし・月額料金ゼロの 自分専用アプリ

アプリを作ってみて、一番驚いたこと

完成したアプリで、ひとつだけ数字を変えてみました。

カードの還元率（100円で何マイル貯まるか） です。ほかの条件は同じまま、還元率だけを1.0と0.5で比べると、こうなりました。

▼ 還元率（100円あたり）｜毎月たまるマイル｜ハワイ達成まで - 1.0マイル：3,000マイル　／　22ヶ月後 - 0.5マイル：2,000マイル　／　33ヶ月後 ※ 月20万円決済＋その他で毎月1,000マイル、不足65,000マイルの場合。教材アプリの計算式による試算です。

💥 使うカードが違うだけで、家族旅行が11ヶ月も遠くなる。

普段の買い物は同じなのに、です。電卓で何となく考えていたときは、ここまで差が出るとは思っていませんでした。自分の数字で計算できるアプリがあると、こういう 見えていなかった差 が一発で見えるようになります。

では、自分にはどのカードが合っているのか？

マイルを貯める人の定番として名前がよく挙がるのが ANAアメックスゴールド です。ただ、ゴールドカードには年会費がかかるので、決済額によっては一般カードや他社カードのほうが得になることもあります。誰にでもベストなカードはありません。

そこで、ANAアメックスゴールドと他のカードを比較し、あなたの使い方に合うかを診断できるページ を用意しました。月の決済額などを入れるだけで確認できます。

💥 ▶ ANAアメックスゴールドと他カードの比較・無料診断はこちら

※ リンク先はクレジットカードの広告（PR）を含みます。年会費・還元率・特典などの条件は変更されることがあるため、申し込み前に必ずカード会社の公式サイトでご確認ください。カードの審査結果やマイルの獲得を保証するものではありません。

💡 【ひとことメモ】診断で出てきた還元率を、あとでこの教材のアプリに入れてみてください。あなたの家族の人数と目的地で、何ヶ月早く行けるかがそのまま分かります。カード選びとアプリ、両方そろうと作戦が立てやすくなります。

これはよくあるプロンプト集ではありません

AIプロンプト○○選のような教材は、貼り付けても 思ったものが出てこない ことがほとんどです。

この教材は違います。

10のSTEPを順番にコピペしていくと、最後に動くアプリが完成するように設計 しています。さらに各STEPには、次の3つが付いています。

✅ 確認チェック → 「160,000と表示されればOK」のように、正解が数字で分かる
🛟 うまくいかない時の追撃プロンプト → つまずきポイントごとに用意
💡 なぜこのプロンプトなのか → 他のアプリにも使える考え方の解説

だから、途中で止まりにくいのです。

10STEPで身につくスキル

▼ STEP｜身につくスキル｜目安 - 1：Claude Codeの導入・基本操作　／　15分 - 2：AIにアプリ要件を伝える方法　／　7分 - 3：マイル計算ロジックを設計する方法　／　8分 - 4：家族人数・目的地などの入力画面を作る　／　10分 - 5：ANA/JALの必要マイルを計算する　／　10分 - 6：保有ポイント→マイル交換を計算する　／　10分 - 7：不足マイル・達成までの期間を出す　／　8分 - 8：AIにエラーを修正させる　／　7分 - 9：自分好みに機能追加する　／　10分 - 10：自分専用アプリとして使う　／　5分合計で約90分です（目安。環境やAIの応答によって前後します）。

マイルアプリが作れると、ほかのものも作れるようになる

この教材で本当に手に入るのは、マイルアプリだけではありません。

💥 ルールを渡す → 要件を決める → 設計する → 1つずつ作る → テストで守る → 育てる

という、AIと一緒にものを作る型 です。

家計簿、ポイ活管理表、旅行の予算表、仕事の見積もりツール。STEP1〜2のプロンプトのアプリ名と中身を書き換えるだけで、同じ流れで作れます。

購入者特典（4つ）

コピペプロンプト早見表 → 全STEPのプロンプトを1枚に。2回目以降はこれだけで作り直せる
Claude Code専用スキル mile-simulator → 入れておくと「次のSTEP」と送るだけで、AIが進捗を判定して次にやることを案内してくれる
完成見本アプリ一式 → 自分のアプリと見比べられる。計算テストページ付き
困ったときのお助けプロンプト集／マイルデータ更新ガイド → 航空会社のルールが変わったときに、自分で数字を直せる

こんな方におすすめです

マイル・ポイ活をしていて、家族旅行を具体的な目標にしたい 方
AIに興味はあるけれど、何を作ればいいか分からない 方
Claude Codeを入れてみたけれど、使いこなせていない 方
プログラミングで一度つまずいたけれど、AIならできるかも と思っている方

正直に言うと、合わない方もいます

すでにWebアプリを自分で作れるエンジニアの方 → 内容はかなり易しめです
航空会社の最新の必要マイル表そのものが欲しい方 → アプリのデータは学習用のサンプル値です。最新値の調べ方と、アプリへの反映方法をお伝えする教材です
スマホだけで完結させたい方 → 作るにはパソコンが必要です

購入前に知っておいてほしいこと

Claude Codeの利用には Claudeの有料プラン（Pro以上）等が必要 です（教材の代金とは別にかかります）
パソコン（Windows / Mac）が必要です
「90分」は目安です。環境やAIの応答によって前後します
AIの出力は毎回少しずつ変わります。見た目が見本と違っても、確認チェックの数字が合えば正解です
アプリの必要マイル・交換レートは学習用のサンプル値です。予約前には必ず航空会社・各ポイントの公式サイトで最新情報をご確認ください
特典航空券でも、税金・燃油サーチャージなどは別途かかります
旅行の実現時期やマイルの獲得数を保証するものではありません
本教材・アプリは、ANA（全日本空輸）・JAL（日本航空）・アメリカン・エキスプレスその他各社とは一切関係ありません

STEP1のプロンプトを、ここで全文公開します

本当にコピペだけで進むのか、ご自身の目で確かめてください。下の枠の中が、STEP1で実際にClaude Codeへ貼るプロンプトです。

こんにちは。私はプログラミング未経験者です。
これからあなたと一緒に「家族旅行のマイルシミュレーター」というWebアプリを作ります。

最初に、次の3つだけを行ってください。コードはまだ書かないでください。

1. 今いるフォルダの場所（パス）を教えてください。
2. このフォルダに、プロジェクトのルールを書いた「CLAUDE.md」というファイルを作ってください。内容は次のとおりです。

---ここからCLAUDE.mdの内容---
# マイルシミュレーター開発ルール

## 私について
- プログラミング未経験者です。専門用語は使わず、中学生にもわかる日本語で説明してください。
- 作業のあとは「何をしたか」「私が次に確認すること」を3行以内でまとめてください。

## 技術ルール（必ず守る）
- HTML / CSS / JavaScript だけで作る。npm・React・ビルドツール・外部ライブラリ・CDNは使わない。
- index.html をダブルクリックするだけで、インターネットなしで動くこと。
- ファイル構成は次の5つに固定する。
  - index.html（画面の骨組み）
  - style.css（見た目）
  - data.js（マイル・ポイント交換のデータ。数字はすべてここに集める）
  - calc.js（計算だけを行う関数。画面の操作は書かない）
  - app.js（画面の操作。入力を読み、calc.jsで計算し、結果を表示する）
- 計算の数字（必要マイル・交換レートなど）を app.js や calc.js に直接書かない。必ず data.js から読む。
- ファイルは、このフォルダの中だけに作る。
- 文字コードは UTF-8。画面の文字はすべて日本語。

## 大切な注意
- 必要マイル・交換レートは学習用のサンプル値。画面に「サンプル値なので公式サイトで確認すること」「ANA・JALとは無関係の個人用ツール」と必ず表示する。
---ここまで---

3. 作り終わったら、CLAUDE.mdに何が書いてあるかを、初心者向けに3行で説明してください。

これが、あなたのアプリづくりの第一歩です。

ここから先の9STEPで、実際に動くアプリが完成します。

💥 あと何ヶ月で家族旅行に行けるのか。その答えを、あなた自身のアプリで出してみませんか。