ClaudeCodeでモバイルアプリ開発の苦手意識を克服した話

Claude Code Meetup Japan #7 (Claude Code祭り!)の登壇資料になります。

イベントページ
https://aid.connpass.com/event/402949/

Youtube
https://youtube.com/live/-Thyupg3nMI

Transcript

1. Claude Codeで、 モバイルアプリ開発の 苦手意識を克服した話 Claude Code Meetup Japan #7 1
2. Who are you?? Web3エンジニアコミュニティを運営し、 ETH Tokyoなどのハッカソンに参戦 AWS Community Builder (2026/3〜) AI-DLC Hackathon 2026 Shipatonベストマネタイズ賞 @haruki_web3 2
3. 皆さん、モバイルアプリ開発してますか？！ 3
4. Shipaton 2026に挑戦中！ 本格的なモバイルアプリ開発ハッカソンは初 これまではWebアプリ開発中心 ネイティブアプリ開発はずっと苦手意識あり それでも今回は「Claude Codeとなら行ける」と思ってエントリー！！ 4
6. 苦手意識はモバイルアプリ開発に挑戦して挫折したところから 環境構築 Xcode、SDK、証明書… 環境構築で一苦労 実機テスト シミュレータ・実機の 動作確認でつまずいた アプリ提出 審査フローが複雑で ゴールにたどり着けなかった コロナ禍、書籍を読み漁って勉強したものの……途中で挫折。 6
7. それ以来、ずっとPWAで凌いできた 「PWAでなんとか乗り切ればいいや！」 そう思い込んで数年が過ぎていた モバイル対応が必要な場面ではいつもPWAを選んできた ネイティブアプリ開発への苦手意識は消えないままだった でも今回のShipaton 2026でもう一度チャンレジしてみようと思った！ 7
8. Claude CodeにiOSシミュレータを自走させた瞬間、流れが変わった 1 ビルド してアプリをシミュレータに配置 2 シミュレータで 実際に起動 して画面を確認 3 画面を 自分で読み取り 動作を検証 4 問題があれば その場で自動修正 また1に戻る 環境構築でつまずいていた自分が気づけば見ているだけで開発が進んでいた。 8
9. Claude Code iOSシミュレーター とは？ できること ビルド・起動・検証すると自動で表示 画面をリアルタイムにストリーミング表示 自分でもタップ・スワイプして操作できる 必要環境 Claude Code Desktop （Pro/Max/Team/Enterprise） Xcode 26.x ＋ iOSシミュレータ ローカルセッション限定 ビルド→起動→画面確認→自動修正のループをClaudeが1人で回せる 公式ドキュメント 9
11. バシバシ機能開発・エラーが修正されていく 🛠️ 機能実装 📱 シミュレータで確認 🐛 エラー検知 ✅ 自動修正 モバイルアプリ開発がスムーズに！ 11
12. 実機テスト・審査対応もSKILLも用意したらさらにスムーズに開発が進む！ Before 実機テストの手順やアプリ審査のルールが 分からず、都度ググって時間を溶かしていた After 専用のSKILLを作成 → 手順や審査ポイントを 聞けば的確に回答、つまずきが激減 12
14. 【さらに開発を加速するために！】 使ってみているSKILL Android Studio SKILL Expoの各種SKILL RevenueCat の各種SKILL EASの各種SKILL mobile-ios-design Cloudflareの各種SKILL VercelのReact Native SKILL 14
15. Claude Codeが苦手意識を消し飛ばしてくれた！！ 15
16. みんなも使おう Claude CodeのiOSシミュレーター！ 16