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