v0 が得意なのは、多くの人が苦労してきた工程です。見た目の整った画面を作れます。そして、名前も決まらないうちから「iPhone アプリにできる？」という問いが生まれる場所でもあります。
v0 が作るのは Web UI
v0 は Next.js、Tailwind、shadcn/ui でコードを生成し、ブラウザでプレビューして、Vercel にデプロイします。画面がどれほどアプリらしく見えても、できあがるのは Web サイトです。iOS ビルドも App Store への申請もありません。
これは欠点ではなく、対象範囲の違いです。v0 は Web 向けに作られています。iOS アプリは Apple のフレームワークで別に作る必要があり、手元にあるものを誰がアプリにするかが次の課題です。
手元にあるもの
チャットの裏側にある v0 プロジェクトは、通常、shadcn/ui コンポーネントを使った Next.js のコードベースです。手元には 2 つのものが残り、どちらのリンクでも登録に使えます。
データベースや API に接続している v0 プロジェクトもあれば、プレースホルダーデータを使ったフロントエンドの段階にあるものもあります。どちらからでも始められます。バックエンドはそのまま使い、プレースホルダーも方針を決めるまで残せます。
iPhone アプリにする 3 つの方法
外枠で包む。Vercel のデプロイをネイティブの外枠で包みます。最も速い方法ですが、URL を表示するだけの WebView は Apple にとって Web サイトのままです。Guideline 4.2 では、再パッケージした Web サイトを超える機能、コンテンツ、UI が求められます。
React Native で書き直す。コンポーネントを React Native 向けに書き直し、Expo ビルドを実行します。本物のアプリになりますが、クロスプラットフォーム向けで、独自のランタイムと iOS 上での見た目を持ちます。
AirBuild へ持ち込む。AI チームが v0 の画面をデザインとして受け取り、それをもとにネイティブ SwiftUI アプリを作ります。同じ画面を iOS コントロールで再現し、App Review にも対応します。
画面を SwiftUI にする方法
デザインしたページの構成と文言は維持されます。各 Web コントロールは、同じ役割を持つ iOS コントロールに置き換わります。
- データテーブル絞り込みと並べ替えリストスワイプできる行、引っ張って更新
- ダイアログページの上に表示シート下から表示し、下へのスワイプで閉じる
- タブ画面上部に配置セグメントコントロールまたはタブごとに 1 つの Form セクション
- コマンドメニュー⌘K から何でも検索検索フィールドリスト上部に配置
- ドロップダウンメニューボタンから表示メニューツールバーボタンから表示
- サイドバーナビゲーション左側に配置タブバー3〜5 個のタブ
配色、文字、間隔は iOS で可能な範囲で引き継ぎます。v0 で Web フォントを使っていた箇所にはシステムフォントと動的な文字サイズを使い、利用者の文字サイズ設定に合わせます。
AirBuild へ持ち込む流れ
リンクを登録
v0 プロジェクトのデプロイ先アドレスか、同期先の GitHub リポジトリを添えてウェイティングリストに登録します。iOS アプリで実現したいことと、誰が使うのかも 1 文でお知らせください。
AI チームが画面を SwiftUI で作り直す
AirBuild のデザイン担当と開発担当のエージェントが、画面、その構成、文言を読み取り、iOS のナビゲーションとコントロールを使った SwiftUI ビューとして作り直します。v0 プロジェクトには手を加えないため、引き続き v0 で更新できます。
iPhone で試してから App Review へ
アプリは TestFlight を通じて iPhone に届きます。実際に試し、普段の言葉で変更を依頼できます。準備が整うと、AirBuild が App Store の掲載情報を用意し、申請、審査状況の確認、審査担当者への返信、指摘箇所の修正、再申請まで進めます。
用意するもの
- v0 プロジェクトのデプロイ先リンク、または GitHub リポジトリ。
- 特に重要な画面。正しく仕上げる必要がある 3 画面は、優先度の低い 12 画面より役立ちます。
- Apple Developer Program のメンバーシップ、またはアプリの申請前に登録する予定。
- プライバシーポリシーの URL。Apple が提出を求めており、App Store Connect では URL がないと申請できません。
よくある質問
v0 でモバイルアプリや iOS アプリを作れますか？
いいえ。v0 は Next.js、Tailwind、shadcn/ui で Web UI を生成し、Vercel にデプロイします。iOS ビルドや App Store への申請は行いません。
v0 のデプロイをネイティブの外枠で包めますか？
可能ですが、Guideline 4.2 では、再パッケージした Web サイトを超える機能、コンテンツ、UI がアプリに求められます。vercel.app のアドレスを包んだだけの外枠はまさにこれに当たり、却下されることがよくあります。
SwiftUI アプリは v0 のデザインと同じ見た目になりますか？
デザインは維持されます。構成、文言、配色、階層はそのままに、v0 の Web コントロールを iOS コントロールで作ります。特に重要な画面を教えてください。
v0 プロジェクトにまだバックエンドがありません。問題になりますか？
いいえ。プロジェクトがまだプレースホルダーデータで動いている場合は、ウェイティングリストへの登録時にお知らせください。現状に合わせて iOS アプリを計画します。
Mac や Xcode は必要ですか？
どちらも必要ありません。AirBuild は Mac またはクラウドで AI チームを動かし、アプリは TestFlight を通じて iPhone に届きます。公開には Apple Developer Program のメンバーシップが必要です。
iOS アプリのコードは誰のものですか？
あなたのものです。v0 のコードも、AirBuild がそれをもとに作る SwiftUI プロジェクトも、あなたが所有します。