スマホアプリ（iOS / Android）の開発は、ネイティブ言語やビルドの作法を一から覚える必要があり、長らく「専門職の領域」でした。Claude Code を相棒にすると、Web の知識がある人なら会話で指示しながらアプリを組み立てられます。本稿では、もっとも入りやすい Expo（React Native）を軸に、環境づくりから実機確認、ストア公開までを 2026 年時点の実態に沿って、図とともに整理します。
FIG.1 「指示 → 生成 → 画面で確認 → また指示」を小さく回すのが基本リズム
大事なのは、最初から完成形を狙わないこと。1 画面・1 機能ずつ動かして確認し、その結果を言葉で返す——この往復を積み重ねるのが、AI と作るときの一番速いやり方です。
01どの土台で作るか — 選択肢は 3 つ
モバイル開発の「土台（フレームワーク）」は大きく 3 系統。Web 経験があるなら、まずは Expo（React Native）が無難です。理由は、JavaScript / TypeScript と React の知識がそのまま生き、iOS と Android を 1 つのコードで賄えるから。
Expo / React Native
JS・TS で書け、iOS / Android / Web に展開。Web 開発者がそのまま入れる。本稿の主役。
Flutter（Dart）
Google 製。独自言語 Dart を覚える必要はあるが、UI の作り込み自由度が高くデスクトップ展開も可。
ネイティブ（Swift / Kotlin）
iOS は Swift、Android は Kotlin。最高の性能と OS 統合が得られる反面、2 言語ぶんの学習コスト。
Flutter とネイティブも Claude Code で扱えますが、Dart や Swift/Kotlin は Web の知識から少し離れます。「まず動くものを早く」なら Expo、「凝った UI やデスクトップ対応も」なら Flutter、「OS 固有の最先端機能をフルに」ならネイティブ、と目的で選び分けてください。
02Expo で最初のプロジェクトを作る
Expo は React Native の公式系フレームワークで、ビルドや配信の面倒を肩代わりしてくれます。準備するのは Node.js だけ。かつて推奨されていた expo-cli のグローバル導入は不要になり、いまは npx 経由で最新ツールを直接呼ぶのが標準です。
# 新規プロジェクトを作成（--template なしで既定構成） npx create-expo-app@latest my-app cd my-app # このフォルダで Claude Code を起動 claude
2026 年時点の既定テンプレートは、Expo Router（ファイルベースのルーティング）を採用しています。app/ フォルダに置いたファイルが、そのまま 1 画面（ルート）になる仕組みで、Next.js を触ったことがある人には馴染み深いはず。以前のように「画面を増やすたびにナビゲーション設定を手書きする」必要はありません。
