【完全版】知識ゼロから1週間でアプリ公開！AI（Claude）とFlutterで「おかいものハム」をリリースした全工程

はじめに：AIの力を借りれば、誰でも「アプリ開発者」になれる時代

「自分のアプリをApp Storeに出してみたい。でも、プログラミングなんて全くわからないし……」そう思っている方にこそ、この記事を読んでほしいです。

先日、私は**「おかいものハム」という買い物サポートアプリをリリースしました。開発にかかった期間はわずか1週間**。実働時間にすると約10時間ほどです。

使った武器は、最新のAI（人工知能）と、Googleが開発したアプリ作成ツール「Flutter」。今回は、全くの初心者がどのようなツールを使い、どんな手順でApp Storeの審査を突破したのか、その全記録を公開します。

1. リリースしたアプリ「おかいものハム」とは？

まずは、今回作成したアプリを簡単にご紹介します。

「お母さんの買い物」を、ハムスターが楽しくサポート！

「おかいものハム」は、スーパーでの買い物を効率化し、さらに楽しくするためのアプリです。

食材の目利き機能：「美味しいトマトの選び方は？」が片手でサッと確認できます。
チェック式リスト：買い忘れを防止するシンプルな買い物リスト。
底値メモ＆比較：お店ごとの価格を記録して、どこが一番安いか一目で比較。
100g単価の自動計算：「400gで598円」と「250gで380円」、どっちがお得？を瞬時に判定。

私の母のように「スマホ操作が少し苦手」という方でも迷わず使えるよう、**「究極のシンプルUI（見た目）」と、子供も親しみやすい「ハムスター」**をモチーフにしました。

「ハムスターと一緒に選んだ野菜、おいしい！」 親子で楽しく「目利き」をすることで、お子様が自ら進んでお手伝いし、自分で選んだ野菜を完食する。そんな「好き嫌いをなくす食育のきっかけ」もこのアプリに込めています。

[App Storeからダウンロードする]

2. 【初心者必見】今回使用した「最強のツール」たち

「プログラミング言語を一から勉強する」のは時間がかかります。私は以下のツールを組み合わせることで、学習コストを最小限に抑えました。

①Flutter（フラッター）＆ Dart（ダート）

役割（Flutter）：ボタン、文字、入力欄といった「画面の見た目」や、画面を切り替える「仕組み」がまとめられた開発フレームワークです。
役割（Dart）：Flutterを動かすための命令を書くプログラミング言語です。
初心者にオススメな理由：本来、iPhone用（Swiftという言語）とAndroid用（Kotlinという言語）は別々に作る必要がありますが、Flutterを使えばひとつのプログラム（Dart）を書くだけで、iPhoneとAndroid両方のアプリを同時に作成できるため、手間と学習時間が半分で済みます。

② Claude 3.5 Sonnet（クロード）

役割：あなたの代わりにコード（プログラムの文字）を書いてくれる超優秀な相棒。
使いこなし術：今の状況を伝えて「〜な機能を作って」と頼むだけで、ほぼ完璧なコードを生成してくれます。今回は「Claude Code」という機能で直接ファイルを編集してもらいました。

③ ChatGPT（チャットGPT）

役割：アプリのアイデアを練る**「軍師」。**
使いこなし術：UI（画面のデザイン）をどうするか、どんな機能があったら便利か、といった「方針相談」に活用しました。

④ Android Studio ＆ Xcode（エックスコード）

役割（共通）：書いたプログラムを読み込んで、実際のスマホで動く「アプリのデータ（インストーラー）」に変換するための**統合開発環境（IDE）**というソフトです。
Android Studio：主にWindowsでアプリの画面を確認したり、プログラムのミス（バグ）を見つけたりするために使用します。パソコン上の「仮想スマホ」で動作テストができます。
Xcode：Appleが提供しているMac専用のソフトです。iPhoneアプリとして配布するためには、最終的にこのソフトを通して「Apple専用の署名（正規のアプリである証明）」を付け、App Storeへアップロードする必要があります。

3. 開発の流れ：アイデアから完成までの5ステップ

Step 1：AIと「企画会議」をする

まずはChatGPTに、「日常生活で活用できるアプリを作りたい」と相談しました。ここで機能の優先順位を決め、ハムスターをキャラクターにする世界観を固めました。

Step 2：Flutterの環境を整える

Windowsパソコンに「Flutter」と「Android Studio」をインストールしました。初めて触るツールばかりですが、これもAIに「インストール手順を教えて」と聞けば、画像付きの解説サイトよりも分かりやすく教えてくれます。

Step 3：Claudeで爆速コーディング

ここが一番の驚きでした。自分でコードを書くのではなく、AIに「買い物リスト機能を作って」「100gあたりの計算機能を付けて」と指示を出すだけ。 AIが書いたコードを自分のパソコンに貼り付け、Android Studioのエミュレータ（画面上の仮想スマホ）で動かして調整。これを繰り返すだけで、1週間で形になりました。

Step 4：MacでiPhone用にビルド

iPhoneアプリとして出すには、最後にMacでの作業が必要です。普段使いはWindowsですが、ビルド（製品化）のためにMacを使用しました。ここで「Xcode」というソフトを使いますが、ボタンが多くて最初は戸惑います。ここもAIに画面のスクリーンショットを見せながら「次は何を押せばいい？」と聞きながら進めました。

Step 5：App Storeへの申請

Appleにお金を払い（年間約1.3万円）、審査に出します。

4. 【実体験】初心者がハマりやすい「落とし穴」

これから挑戦する方のために、私が苦戦したポイントを共有します。

① Apple Developer Programの「住所入力」

Appleに開発者登録をする際、住所を「日本語」で入力してしまったため、確認作業がストップしてしまいました。結局、Appleと問い合わせのやり取りをして、再登録に1週間かかってしまいました。「登録情報は英語（ローマ字）で書く」。これが鉄則です。

② Xcodeの操作難易度

Windowsで開発している人にとって、MacのXcodeは別世界です。設定項目が多すぎて、最初はどこを触ればいいか分かりません。でも安心してください。これもAIにエラーメッセージをコピペすれば、解決策を即座に提示してくれます。

5. アプリ公開にかかった費用まとめ

「おかいものハム」をリリースするまでにかかった直接的な費用は以下の通りです。

Apple Developer Program参加費：12,800円（年間）
AIサブスク代：月額約3,000円〜
PC代・電気代：手持ちのもの
Flutterなどのツール利用料：0円！

実質、1.5万円〜2万円程度で「アプリ開発者」という肩書きと、自分のアプリが世界に並ぶ経験が手に入ります。

6. まとめ：完璧主義を捨てて「AIと走る」のが近道

今回、私はFlutterもXcodeも「完全に使いこなせる」ようになったわけではありません。

今の時代、ツールの学習に何ヶ月もかける必要はありません。

AIに聞きながら、とりあえず動くものを作る
エラーが出たらAIに直してもらう
公開の手順もAIにガイドしてもらう

この「アウトプット先行」のスタイルが、最も効率よく、そして挫折せずにアプリをリリースできる方法だと確信しました。

自分の作ったアプリがApp Storeに並んでいるのを見た時の感動は、何物にも代えがたいです。あなたも、自分だけのアプリを世界に届けてみませんか？

最後に：もっと詳しく知りたい方へ

「具体的なプロンプト（指示文）が知りたい！」「このエラーで止まっている」などあれば、ぜひコメントで教えてください！

また、「おかいものハム」もぜひダウンロードして使ってみてくださいね。ハムスターと一緒に、毎日の買い物をもっと楽しくしましょう！