ToolNote
🔍 レビュー

React Native副業案件の始め方｜学習ロードマップと現実を解説

結論：React Native副業は「取れる」が、最初の案件まで3〜6ヶ月は見ておく

React Nativeでの副業案件は実在するし、単価も悪くない。ただし「React Nativeを少し触ったことがある」程度では案件には繋がらない。発注側はほぼ例外なく「iOSとAndroid両方リリースできる人」を求めており、ストア申請・署名・CI/CD周りまで一気通貫でこなせるかどうかが最低ラインになっている。

この記事では、実際に副業案件を受注してきた経験をもとに、現実的な学習ロードマップ・案件の探し方・単価の相場を整理する。

React Native副業案件の市場感

案件の種類と単価感

案件タイプ月額相場難易度
既存アプリの機能追加・保守5〜15万円★★☆
0→1の新規アプリ開発（スタートアップ）20〜50万円★★★
ネイティブモジュール対応・パフォーマンス改善50万円〜★★★★
テックリード・設計込み70万円〜★★★★★

クラウドワークスやランサーズでは5〜15万円帯の案件が多い。一方、レバテックフリーランスやFindy Freelanceを使うと、スタートアップの0→1開発案件で月30〜50万円台も普通に出てくる。

現実的なハードル

正直に言うと、React Native案件はFlutterと比べて絶対数が少ない。国内では特にFlutterが台頭してきており、新規案件はFlutter優勢になりつつある。ただし「既存のReact NativeアプリをメンテできるJSエンジニア」の需要はむしろ安定している。ReactやTypeScriptが書けるWeb系エンジニアが副業でモバイルにも対応できるポジションを狙うのが、最も現実的な入り方だ。

学習ロードマップ（3〜6ヶ月想定）

Phase 1：前提知識の確認（〜1ヶ月目）

まずReactとTypeScriptの基礎が固まっていることが大前提。

  • React：hooks（useState / useEffect / useCallback / useMemo）、Context API
  • TypeScript：型定義、Generics、型ガード
  • 非同期処理：async/await、Promise、fetch/axios

Reactがまだ不安な場合はここを先に固める。React Nativeに飛び込む前にReactをしっかり書ける状態が必須。

📚 おすすめ書籍

モダンJavaScriptの基本から始めるReact実践の教科書

ReactとTypeScriptの基礎を固めるのに最適な一冊

Amazonで見る →

Phase 2：Expo + React Nativeの基本（2〜3ヶ月目）

まずExpoで始めることを強く推奨する。npx create-expo-app で即座に動く環境が作れ、iOSシミュレータ・Androidエミュレータで確認できる。

npx create-expo-app my-app --template blank-typescript
cd my-app
npx expo start

習得すべき基本スキル：

  • ナビゲーション：expo-router（ファイルベースルーティング）または react-navigation
  • スタイリング：StyleSheet API、Tailwind系なら nativewind
  • 状態管理：Zustand または Jotai（Reduxは過剰なことが多い）
  • データ取得：TanStack Query（React Query）
  • フォーム：React Hook Form + Zod

この段階でToDoアプリ・天気アプリ程度ではなく、認証（Supabase / Firebase）→一覧表示→詳細画面→投稿フォームという一連のCRUDアプリを作り切ること。これがポートフォリオの最低ラインになる。

Phase 3：ストア申請・EASビルドを習得（3〜4ヶ月目）

案件で最も詰まるポイントがここ。**EAS（Expo Application Services）**を使ったビルドとストア申請フローを一通り経験しておく。

npm install -g eas-cli
eas login
eas build:configure
# iOSビルド（証明書・プロビジョニングプロファイルはEASが管理）
eas build --platform ios --profile preview
# Androidビルド（.aab形式）
eas build --platform android --profile production

チェックリスト：

  • Apple Developer Program（年12,980円）に登録してTestFlightで配信できる
  • Google Play Consoleで内部テスト → 本番リリースまで経験している
  • app.json のバージョン管理（versionCode / buildNumber）を理解している
  • OTAアップデート（eas update）を使ったことがある
📚 おすすめ書籍

React Native & Expo 実践入門

Expoによるストア申請まで網羅した実践書

Amazonで見る →

Phase 4：CI/CD・チーム開発対応（4〜6ヶ月目）

実案件では個人開発と違い、GitHub Actions + EAS Build の自動化が求められることが多い。

# .github/workflows/eas-build.yml の例（抜粋）
name: EAS Build
on:
  push:
    branches: [main]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npm ci
      - uses: expo/expo-github-action@v8
        with:
          eas-version: latest
          token: ${{ secrets.EXPO_TOKEN }}
      - run: eas build --platform all --non-interactive

加えて：

  • ESLint / Prettier：コーディング規約に従ったコードが書けること
  • Detox / jest-expo：E2Eテスト・ユニットテストの基礎
  • Sentry：クラッシュレポートの導入と確認

案件の獲得方法：プラットフォーム別攻略

クラウドソーシング（初案件向け）

  • クラウドワークス：単価は低めだが実績ゼロからでも取りやすい。まず1件こなして★をつけることを目標にする
  • ランサーズ：同様。「React Native」「Expo」「モバイルアプリ」で検索して提案を入れ続ける

提案文で刺さるポイントは「iOSとAndroid両方リリース経験あり」「EAS Buildで自動化できる」という具体的な実績だ。ポートフォリオのGitHubリンクとTestFlightのデモURLは必須。

エージェント・フリーランスプラットフォーム（単価を上げたい場合）

  • Findy Freelance：スキルシートで客観評価される。GitHubの草が生えていると有利
  • レバテックフリーランス：週3〜4稼働の副業案件も扱いがある
  • YOUTRUSTやWantedly：知人経由の紹介に繋がりやすい。日頃からアウトプットしておく

SNS・コミュニティ活用

X（旧Twitter）で「React Native」「Expo」関連のアウトプットを続けていると、発注者からDMが来るケースがある。Zennに技術記事を書く→検索流入→問い合わせ、というルートも実際に有効だ。

ポートフォリオで差がつくポイント

多くの応募者が「ToDoアプリ作りました」止まりなので、以下を満たすだけで上位に入れる。

  1. App Store / Google Playに実際に公開している（URLを貼れる）
  2. EAS BuildのCI/CDが組んである（README にバッジがある）
  3. Supabase / Firebase を使ったバックエンドと繋がっている
  4. Push通知（expo-notifications）が動いている
  5. READMEにスクリーンショットと設計の説明がある

よくある誤解と注意点

「ReactができればすぐRNで案件が取れる」は甘い。Webと違い、ネイティブAPIのラッパー知識・署名・ストア審査のルール・パフォーマンス最適化（Hermes / Fabric）など固有の知識が要る。

Flutterと比較されるリスクを認識する。発注者がFlutterも視野に入れていた場合、TypeScript/Reactエコシステムとの親和性を強調してRN採用を後押しできる説明力が必要になる。

週10〜20時間の稼働を確保できるか確認する。副業案件の多くはコミュニケーションコストがあり、週5時間以下では受注しても迷惑をかけるケースがある。

まとめ

フェーズ期間ゴール
Phase 1〜1ヶ月React + TypeScriptの基礎固め
Phase 22〜3ヶ月Expo + RNでCRUDアプリ完成
Phase 33〜4ヶ月ストア申請・EASビルド経験
Phase 44〜6ヶ月CI/CD・チーム開発対応
案件獲得6ヶ月〜クラウドソーシングで初案件→エージェントへ

React Native副業は「地味だが確実なルート」がある。まずExpoでアプリを作り切り、ストアに公開してURLを貼れる状態にすること。それだけで多くの競合を振り切れる。焦らず半年のロードマップで進んでほしい。

#React Native #Expo #副業 #フリーランス #モバイル開発