スマホアプリ(iOS/Android)
ホーム画面に置ける本物のアプリ。ストア公開も視野に
どんなもの?
iPhone/Andropidのホーム画面に置ける本物のスマホアプリ。カメラ・通知・位置情報などスマホならではの機能が使え、App Store/Google Playでの公開も目指せます。1つのコードでiOS/Android両方に対応できる技術を使うのが今の主流です。
スマホのホーム画面に置けるアプリを作りたい人
iPhone/Androidのホーム画面に置ける本物のスマホアプリが手に入ります。カメラ・通知などスマホならではの機能が使え、ストア公開も目指せます。
おすすめの技術スタック
スマホアプリは専用技術が必要ですが、Webの知識(React)を活かせるReact Native/Expoが個人開発の主流。バックエンドはWebアプリと同じSupabaseが使え、Web版で得た知識をそのまま応用できます。まずWebアプリを数本作ってからの挑戦がおすすめです。
費用の目安
開発と自分のスマホでの動作確認は無料です。ただしApp Store公開にはApple Developer(年99ドル)、Google Play公開には初回25ドルが必要です。
| 項目 | 費用 | 補足 |
|---|---|---|
| Cursor | 無料〜有料 | 本格開発では有料が快適 |
| Claude Code | 有料(Claude課金) | 複雑な実装の委任に |
| Supabase(バックエンド) | 無料枠あり | Webと同じ知識が使える |
| Expo(iOS/Android土台) | 無料枠あり | ストア申請ビルドは従量の場合あり |
| Apple Developer(iOS公開時) | 年99ドル | App Store公開する場合のみ |
| Google Play(Android公開時) | 初回25ドル | Google Play公開する場合のみ |
必要なアカウント
開発を始める前に、下のサービスの無料アカウントを用意しておきましょう。
必要なAPIキー・設定
APIキーとは、外部のサービスを自分のアプリから使うための「合鍵」です。下記を取得・設定します。
作り方: まずこのプロンプトをClaudeに送る
細かい手順を覚える必要はありません。下のプロンプトをコピーして、Claude(やCursorのAIチャット)にそのまま貼り付けてください。 あとはClaudeが1ステップずつ伴走してくれます。詰まったら、エラー文や状況をそのまま伝えれば解決に導いてくれます。
あなたはプログラミング初心者の私に、スマホアプリ(iOS/Android)の作り方を最初から最後まで伴走してくれるメンターです。以下の前提と要望をふまえて、私が迷わないように「一度に1ステップずつ」教えてください。
【私の状況】
- プログラミングはほぼ未経験です。専門用語は都度かんたんに説明してください。
- パソコンはWindows(またはMac)を使っています。※実際のOSに置き換えて伝えてください
- AIエディタ「Cursor」をインストール済みです。
- 必要な無料アカウント(このページに記載のもの)は作成済みです。
【作りたいもの】
- iPhone/Androidの両方で動くスマホアプリ。※作りたいアプリの内容もここに書いてください
- React Native / Expoを使って、1つのコードで両OSに対応したい。
- 開発中は自分のスマホ(Expo Go)で動作確認しながら進めたい。
- データの保存やログインはSupabaseを使いたい。
- 私はWebアプリを少し作った経験があります。※初めてなら先にWebアプリを勧めてください
- 最終的にApp Store / Google Playへの公開手順も教えてほしい。
【進め方のお願い】
1. まず全体像(何をどの順でやるか)を、専門用語なしで箇条書きで教えてください。
2. そのあと、最初のステップだけを具体的に指示してください。私が「できた」と言ったら次へ進んでください。
3. 各ステップでは、私が実行するコマンドや操作を省略せずに書き、それが「何のための作業か」も一言添えてください。
4. エラーが出たら私がその文面を貼るので、原因と対処をやさしく説明してください。
5. データベースやログインを扱う場合は、セキュリティ(他人にデータが見えない設定)も忘れずに教えてください。
6. 途中で必要なファイルの中身は、コピーして貼れる完全な形で提示してください。
まずは【1】の全体像から教えてください。 ※ 【私の状況】の部分(OSや、まだ登録していないアカウント)は、あなたの環境に合わせて書き換えてから送ると精度が上がります。
つまずきやすいポイント
- いきなりスマホアプリは難易度が高め。まずWebアプリ(ToDoやカレンダー)を数本作って基礎を固めてからが確実です。
- 最初の環境構築でエラーが出やすいです。エラー文をそのままClaudeに貼れば、原因と対処をほぼ特定してくれます。
- ストア審査には独自のルールがあり、初回は却下されがち。審査ガイドラインへの対応もClaudeに相談できます。
収益化のヒント
スマホアプリは難度が高いぶん読者の関心も高い。Cursor・Claude Code・Supabase等の紹介が導線です。