5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Rorkで始める1日1ネイティブアプリ高速開発

Last updated at Posted at 2025-08-13

Rorkとは

ブラウザ上で ネイティブアプリ(iOS/Android) を作成できるAIサービスです。
技術基盤としては Expo + ReactNative になっています。

こちらが実際のRorkの画面です。

スクリーンショット 2025-08-13 14.50.11.png

できること

1. Expo Goアプリを使用した実機デバッグ from QRコード

画面上のQRコードを読み取ることで実際のスマートフォンでデバッグすることができます。

Rork では無料で1日に5回のリクエストが可能です。
これは5 x 30日で 150回リクエスト/月が可能になり、
有料プラン$20の可能メッセージ数が100リクエスト/月と考えると
破格というかちょっとバグのようになっています。

2.Rork上からのデプロイ

AppleアカウントやGoogle Playアカウントを連携することで、
アプリの申請手前までRork上で行うことができます。

スクリーンショット 2025-08-13 16.51.56.png

3.ソースコードのコピー

基本的にソースコードのエクスポートは有料ですが、コードエディターでソースを見ることはできます。そのため、一部分の画面が欲しいとなった場合コピーしてプロジェクトに持ってくることは可能です。

スクリーンショット 2025-08-13 16.51.02.png

4.[有料]SupabaseやGitHubへの連携、バックエンドとの接続も可能

有料プランに加入するとSupabase連携やGitHub連携、ソースコードのエクスポートなども可能です。

個人的におすすめの使い方

  1. Expo + ReactNative のテンプレートリポジトリを作成しておく
  2. Kiro で要件定義と設計
  3. Rork で実装 & 実機でデバッグ
  4. テンプレートリポジトリをコピーして作成したプロジェクトにコードをコピー

注意点

1.Rorkのプロンプト入力はEnterとともに送信されてしまう方式です。
そのため、あらかじめ別エディタにプロンプトを記載しておき貼り付けるのが良さそうです。

2.有料プランだとしてもバックエンドとの連携は少し甘めです。そのため別でAPIは作成し、CursorなどでAPI接続に関しては更新したほうが良さそうです。

3.大きすぎないアプリにすること。複雑すぎるとどのコーディングエージェントもそうですが、失敗しやすいです。

5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?