Lovable・Rork・FlutterFlow比較：モバイルアプリを作るなら？

どれを選ぶかは、公開したいアプリ次第です

LovableはWebアプリを作るツールで、スマホ向けのUIにも対応しています。Rorkはモバイルアプリ向けのルートを用意していて、Appleのエコシステム向けにはRork Maxがあります。FlutterFlowはビジュアルエディタでアプリを組み立てられ、App Storeへの配信ルートも用意されています。

プロンプトや料金プランを比べる前に、まず欲しい成果物を決めてください。ブラウザで開くリンクなのか、iPhoneアプリなのか、iOSとAndroidの両方向けのアプリなのか。目的によって確認すべきことが変わります。「バイブコーディング」という言葉が初耳なら、まずバイブコーディングとはから読んでみてください。

このガイドでは、各社がドキュメントで説明しているルートを比較します。生成ツールの性能テストは載せていません。

Lovable：まずはWebアプリから

LovableのFAQによると、このツールが作るのはWebアプリで、React Nativeのプロジェクトは生成しません。Webアプリはモバイル向けに調整したり、PWAとしてインストールできるようにしたり、Capacitorのようなツールでラップしてストア申請の準備をしたりできます。

最初に必要なのが共有しやすいリンクなら、これで十分かもしれません。ただし、モバイル用のラッパーを経由すると、ビルド、テスト、公開という工程が増えます。ホーム画面に追加したPWAは、App Storeに公開されたページとは別物です。

判断するときは、実際の使われ方を想像してみてください。ユーザーがリンクからフォームに入力するだけなら、Webから始めれば十分なこともあります。Apple特有の機能が前提のプロジェクトなら、全画面を作る前にその機能に対応しているか確認しましょう。

RorkとRork Max：プロジェクトのルートを確認する

RorkのFAQでは、Rork ProはReact NativeとExpoのルート、Rork MaxはSwiftUIのプロジェクトと説明されています。Rork Maxのページでは、クラウドでビルドするAppleプラットフォーム向けのアプリ作成について書かれています。

FAQには、有料プランでの公開サポートやGitHub経由のエクスポートも記載されています。製品ページは変わっていくので、契約する前に、自分のプロジェクトで実際に使われる技術と、プランに含まれる機能を確認してください。

その後の開発では、プロジェクトの形式が重要になります。Codexのようなエージェントでアプリの開発を引き継ぎたいなら、どんなコードがエクスポートされるのか、どう起動するのか、どの機能がまだプラットフォームに依存しているのかを把握しておく必要があります。

なので、生成されたプレビューだけで選ばないでください。自分の端末にビルドをインストールする方法と、ツールの外でプロジェクトを引き継ぐ方法を確認しましょう。

FlutterFlow：ビジュアルエディタとデプロイのルート

FlutterFlowのApp Storeデプロイに関するドキュメントでは、プロジェクト、アプリのID、Appleへのアクセス権限を準備してから送信するまでの流れが説明されています。ビジュアルツールにルートが組み込まれていても、アカウントの準備や実機でのテストが不要になるわけではありません。

変更のたびにエージェントに任せるより、エディタで画面やロジックを設定したい人には検討する価値があります。アプリに必要な機能と、選んだプランの条件を確認してください。特に配信とプロジェクトの引き継ぎについてです。

画面を10個作る前に、ひとつの操作を最後まで通してみてください。その時点でわかりにくい回避策が必要になるなら、それはツール選びにとって有益な情報です。

選ぶ前に確認すべき質問

それぞれの質問について、契約前に得ておくべき答えをまとめました。

質問	得ておくべき答え
ツールは何を生成するのか？	Web、React Native、SwiftUI、またはその他の明確な形式のプロジェクト
自分のスマホでどうテストするか？	自分の端末で再現できる手順
プロジェクトをどう取り出すか？	エクスポートの条件と引き継ぎの手順
データはどこに保存されるか？	使われるサービスとアクセスルール
どう公開するか？	アカウント、ビルド、申請の手順
その後いくらかかるか？	ツール、各種サービス、配信の費用

答えはドキュメントにまとめておきましょう。よくわからない用語があれば、クレジットを追加購入する前に具体例を聞いてください。

プロトタイプを量産せずに比較する練習

ごくシンプルな架空の例を使います。荷造り用の持ち物リストです。ユーザーがアイテムを追加し、チェックを入れ、アプリを閉じて、またリストを開きます。

この同じ流れを、気になっているツールで試してください。すべてのプラットフォームを比べる必要はありません。一度試すだけで、仕組みが理解できるかどうかがわかります。

見るべきタイミングは3つです。最初の生成、細部の修正、そして翌日のプロジェクト再開。3つ目では、最初のプレビューでは見えない問題がよく出てきます。データはどこにあるのか、バージョンをどう戻すのか、最初からやり直さずにどう続けるのか、といった問題です。

1ページの要件定義書は共通の依頼文として使えます。Expoのプロジェクトで直接作業したいなら、Codexガイドで別のルートを紹介しています。

コストは生成ツールのサブスクだけではありません

生成クレジットだけでなく、公開後も使い続けるサービスも確認してください。データベース、ストレージ、プロダクト内でのAI呼び出し、そして配信です。

作成ツールのサブスクと、将来のユーザーが使うAPIは別の出費です。操作のたびにAPIを呼ぶアプリは、開発が終わった後もコストが発生することがあります。全画面にAI機能を付ける前に、まずその呼び出しと上限を理解しましょう。

iPhoneアプリの予算は、こうした疑問の整理に役立ちます。無料でアプリを作るガイドでは、公開費用がかかる前に試せることを整理しています。

App Storeが目的なら、どのツールを選ぶべき？

欲しいアプリを作れて、自分でテストでき、修正を引き継げるルートを選んでください。どんなプレビューもAppleの承認を保証してはくれません。Webをラップしたアプリも、公開要件を満たす体験を提供する必要があります。

ルートで迷っているなら、iOS KitがアイデアからApp Storeまでを4つのステップに分けています。全体の流れを理解するには、iPhoneアプリ作成ガイド、続いてApp Store公開の流れを読んでください。AIで公開までたどり着きたいなら、バイブコーディング講座をチェックしてみてください。

生成ツールにするか、本格的なプロジェクトにするか、まだ迷っていますか？無料の診断が、あなたの状況と使っているツールをもとに、最初に取り組むべきステップを教えてくれます。

よくある質問

Lovable、Rork、FlutterFlow：モバイルアプリにはどれを選ぶべき？

公開したいアプリ次第です。LovableはWebアプリを作り、Rorkはモバイル向けのルート（Apple向けにはRork Max）を用意し、FlutterFlowはApp Storeへの配信ルートを備えたビジュアルエディタを提供しています。まずは成果物を決めてください。ブラウザで開くリンク、iPhoneアプリ、あるいはiOSとAndroid両方のアプリです。

LovableでiPhoneアプリは作れますか？

FAQによると、Lovableが作るのはWebアプリで、React Nativeのプロジェクトではありません。Webアプリはモバイル向けに調整したり、PWAとしてインストールできるようにしたり、Capacitorのようなツールでラップしてストア申請の準備をしたりできます。ただし、ホーム画面に追加したPWAは、App Storeに公開されたページとは別物です。

Rorkが生成するのはReact Native？それともSwiftUI？

プランによってどちらもです。RorkはRork Pro向けにReact NativeとExpoのルートを、Rork Max向けにSwiftUIのプロジェクトを用意しています。Rork MaxはAppleプラットフォーム専用で、クラウドでビルドします。FAQには、有料プランでの公開サポートやGitHub経由のエクスポートも記載されています。ページは変わっていくので、契約前に自分のプロジェクトで実際に使われる技術を確認してください。

FlutterFlowでApp Storeに公開できますか？

はい。FlutterFlowのドキュメントでは、ビジュアルエディタからApp Storeへデプロイするルートが説明されています。プロジェクト、アプリのID、Appleへのアクセス権限の準備から送信までをカバーしています。ルートが組み込まれていても、アカウントの準備や実機テストが不要になるわけではありません。配信とプロジェクトの引き継ぎについて、プランの条件も確認してください。

アプリ生成ツールをやめたら、プロジェクトを取り出せますか？

ツールとプラン次第です。FAQによると、Rorkは有料プランでGitHub経由のエクスポートを用意しています。FlutterFlowについては、プロジェクトの引き継ぎに関するプランの条件を確認してください。支払う前に、どんなコードがエクスポートされるのか、どう起動するのか、どの機能がまだプラットフォームに依存しているのかを確認しましょう。

アプリ生成ツールで作ったアプリの費用はいくら？

生成ツールのサブスクはコストの一部にすぎません。生成クレジットを確認し、次に公開後も使い続けるサービスを確認してください。データベース、ストレージ、プロダクト内でのAI呼び出し、配信です。将来のユーザーが使うAPIは、作成ツールのサブスクとは別の出費です。iPhoneアプリの予算は、こうした疑問の整理に役立ちます。