コンテンツへスキップ

Bolt.new から iOS アプリへ:ネイティブ SwiftUI で App Store に公開

Bolt.new なら、ウェブアプリを1分で公開し、スマートフォン向けの Expo プロジェクトをひな形から作れます。どちらも App Store で公開されるアプリまでは完成しません。

AirBuild読了時間:約 6 分

Bolt.new なら、最初のバージョンまですぐに進めます。プロンプトを入力し、プレビューを確認して、Publish ボタンを押すだけです。そこから、ユーザーが App Store でインストールできるアプリにするには別の作業が必要です。必要な作業は、Bolt プロジェクトの種類によって異なります。

2種類の Bolt プロジェクト

Bolt が作るものは2種類あります。Bolt のドキュメントにも、ウェブ向けに作成したプロジェクトをモバイル向けへ簡単に切り替えることはできないと記載されています。最初のプロンプトでモバイルアプリを指定していなければ、ウェブプロジェクトです。

ウェブプロジェクトExpo プロジェクト
内容ブラウザで動くウェブアプリ共通のコードから作る iOS、Android 向け React Native アプリ
公開先無料の bolt.host アドレス、または有料プランのカスタムドメイン自分で実行する EAS ビルド、その後 TestFlight と App Store Connect
スマートフォンでの動作iOS ビルドはありませんQR コードを使って Expo Go でプレビュー

Bolt が対応する範囲

ウェブプロジェクトで使いたくなる近道は、公開したアドレスをネイティブのシェルで包む方法です。しかし、これは Apple のガイドライン 4.2 に抵触します。your-app.bolt.host を WebView で包むと、定義上は再パッケージ化したウェブサイトになります。

Expo プロジェクトには実際のコードがありますが、公開までの最終工程は Bolt の対応範囲外です。ドキュメントには手順が明記されています。EAS CLI をローカルにインストールし、自動申請を有効にして iOS ビルドを実行します。TestFlight への反映を待ち、App Store Connect から一般公開の申請を行います。

Bolt で行うこと

  1. プロンプト「モバイルアプリを作る」
  2. Expo プロジェクトReact Native コード
  3. Expo Go プレビュースマートフォンで読み取る QR コード
  4. GitHubコミットを同期

Bolt の後:自分で行う作業、AirBuild への移行後は AirBuild が担当

  1. ビルド自分のコンピュータに入れた EAS CLI
  2. TestFlightiPhone で試す
  3. 掲載情報スクリーンショット、プライバシーに関する回答、審査メモ
  4. App Review回答、修正、再申請
Expo プロジェクトが App Store に届くまで。上段は Bolt が行い、下段は自分で行います。

App Review は対話です

審査担当者からアプリに権限が必要な理由を聞かれたり、何も起きない画面を指摘されたりしたら、修正して再申請します。この繰り返しは、ツールではなく自分で対応する部分です。プロジェクトを AirBuild に移行すると、この対話を AI チームが担当し、すべての手順を確認できます。

  1. 申請ビルドと掲載情報
  2. 審査担当者からの質問例:カレンダーが必要な理由は?
  3. 修正用途を説明する文言、スクリーンショット
  4. 再申請返信を添付

再び質問されたら、この手順を繰り返します

App Review の流れ。最初のビルド後に行う作業の多くはここで発生します。

AirBuild への移行方法

  1. リンクを送る

    公開済みの bolt.host アドレスまたは Bolt と同期している GitHub リポジトリを添えて、ウェイティングリストに登録してください。iOS アプリで実現したいことと対象ユーザーも、1文でお知らせください。Expo プロジェクトも対象です。その場合はリポジトリのリンクが適しています。

  2. AI チームが SwiftUI で作り直す

    AirBuild のプロダクト、デザイン、開発担当エージェントが、アプリの機能、画面、フローを確認し、Apple のフレームワークを使ってネイティブ iOS アプリを作ります。Bolt プロジェクトには手を加えません。引き続き Bolt で編集して公開できます。

  3. iPhone で試してから App Review へ

    アプリは TestFlight 経由で iPhone に届きます。実際に試し、普段の言葉で変更を依頼できます。準備ができたら、AirBuild が App Store の掲載情報を用意し、申請、審査状況の確認、審査担当者への返信、指摘事項の修正、再申請を進めます。

引き継がれるもの

アプリの要素移行後
画面とフロータブバー、ナビゲーションスタック、シート、戻るジェスチャなど、iOS のナビゲーションを使った SwiftUI ビューとして再構築します。Expo プロジェクトも、各画面を同じように対応させます。
文言、色、ブランド引き継がれます。テンプレートのような見た目ではなく、あなたのアプリらしさを保ちます。
データとバックエンド現在の場所に残ります。アプリの接続先が Supabase、Firebase、API のどれかをお知らせください。その接続先に合わせて iOS アプリを設計します。
Bolt プロジェクト変更されません。引き続き自分で Bolt から編集、公開できます。

準備するもの

  • Bolt プロジェクトの公開リンク。Expo プロジェクトの場合や、サインイン後に表示されるページがある場合は GitHub リポジトリ。
  • Apple Developer Program への登録。または、アプリの申請前に登録する予定。
  • iOS アプリで最初に実現したいことをまとめた1段落。ウェブアプリのすべての機能を含める必要はありません。
  • プライバシーポリシーの URL。Apple が提出を求めており、これがないと App Store Connect から申請できません。

よくある質問

Bolt.new から App Store にアプリを公開できますか?

Bolt.new だけでは公開できません。Bolt のウェブプロジェクトは bolt.host のアドレスに公開されます。Bolt の Expo プロジェクトでは React Native コードが生成されますが、Bolt のドキュメントによると、ビルドと申請には有料の Apple Developer アカウントと自分のコンピュータに入れた EAS CLI が必要です。

Bolt プロジェクトはウェブアプリです。iOS 向けのラッパーにできますか?

可能ですが、ガイドライン 4.2 では、アプリに再パッケージ化したウェブサイト以上の機能、コンテンツ、UI を含めることが求められています。bolt.host のアドレスを包んだだけのシェルはまさにこれに該当し、却下されることがよくあります。

Bolt プロジェクトですでに Expo を使っています。それでも AirBuild に移行する理由は何ですか?

Bolt が対応するのはコードまでだからです。ビルドの実行、App Store の掲載情報の入力、App Review は自分で行う必要があります。AirBuild はアプリをネイティブ SwiftUI で作り直し、申請から再申請まで App Review を担当します。

バックエンドはどうなりますか?

現在の場所に残ります。ウェイティングリストへの登録時に、アプリの接続先が Supabase、Firebase、API のどれかをお知らせください。データを移動せず、その接続先に合わせて iOS アプリを設計します。

Mac や Xcode は必要ですか?

どちらも必要ありません。AirBuild は AI チームを Mac またはクラウドで動かし、アプリを TestFlight 経由で iPhone に届けます。公開には Apple Developer Program への登録が必要です。

iOS アプリのコードは誰のものですか?

あなたのものです。Bolt のコードも、それをもとに AirBuild が作る SwiftUI プロジェクトも、あなたが所有します。