「作ったアプリをiPhoneで動かして確認したい、でもApple Developerの年間$99は高いな…」
そんな悩みを解消してくれるのが「Rork Companion」です。このアプリを使えば、Apple Developerアカウントへの登録もXcodeも不要で、作成したiOSアプリをそのまま実機iPhoneで動作確認できます。QRコードをスキャンするだけというシンプルさで、初めてアプリ開発に挑戦する方にも安心して使えます。
Rork Companion とは何か
Rork Companionは、Rorkで作成したアプリを実機デバイスでリアルタイムプレビューするための専用アプリです。App Storeから無料でダウンロードでき、Rorkの無料アカウントがあれば誰でも利用できます。
通常、iOSアプリを実機でテストするには「TestFlight」を通じたベータ配信か、Xcodeを使った開発者向けインストールが必要です。どちらもApple Developerプログラムへの登録(年間$99/約1万5,000円)が前提となっています。
Rork Companionはこの制約を取り除き、アプリ開発の最初のステップにかかるコストをゼロにします。仕組みとしては、Rorkのサーバーが生成中のJavaScriptバンドルを配信し、Companionアプリがそれを受け取って描画する、という流れです。ネイティブのバイナリを焼き込むTestFlightとは別物で、「いま編集している内容をその場で映す」用途に特化していると考えると分かりやすいです。
実機テストを始めるまでの手順
実際に試してみましょう。手順はシンプルです。
まず、iPhoneに「Rork Companion」アプリをApp Storeからインストールします。「Rork Companion」で検索すれば見つかります(無料です)。
次に、Rork(rork.app)にアクセスして作成中のアプリを開くか、新しいアプリを作成します。アプリの画面右上またはプレビューエリアに「QRコード」のアイコンがあります。
そのQRコードを、さきほどインストールしたRork CompanionアプリのカメラでスキャンするとRork Companionがアプリを受け取り、iPhoneの画面に表示されます。
これだけです。ブラウザの仮想プレビューとは異なり、本物のiOS環境でアプリが動きます。ひとつだけ前提として、ブラウザでRorkにログインしているアカウントと、Companion側でログインしているアカウントを同じにしておくことを意識してください。別アカウントだと、スキャンは通ってもプロジェクトが見つからないことがあります。
つながらない・反映されないときの切り分け
最初のスキャンでつまずく方が一定数いるので、起きやすい順に切り分けの目安をまとめておきます。
| 症状 | まず疑うところ |
|---|---|
| QRコードがそもそも読み取れない | カメラ権限の許可、画面の明るさ、Rork側でプレビューが起動済みか |
| スキャンは通るがアプリが出てこない | ブラウザとCompanionが同一アカウントか、社内Wi-Fi/VPN/ファイアウォールが通信を遮っていないか |
| コードを直したのに実機に反映されない | Rork側で再読み込みされたか、Companionで一度アプリを閉じてQRを再スキャン |
| 読み込みの途中で固まる | 大きな画像・動画アセットの転送待ち。回線を変えて再試行 |
私の経験では、もっとも多いのは2番目の「ネットワーク」です。自宅の回線では一発で通ったものが、ゲストWi-Fiやテザリングだと弾かれることがあります。うまくいかないときは、まずiPhoneのモバイル回線に切り替えて試すと、原因がネットワーク側かどうかを素早く分けられます。
実機テストで確認すべきポイント
ブラウザ上のシミュレータでは気づけない問題が、実機テストでははっきり見えてきます。特に注意して確認したい点を挙げます。
タッチ操作の感触は実機でなければわかりません。ボタンが小さすぎて押しにくくないか、スワイプ操作が意図した通りに反応するかをチェックしましょう。Apple のヒューマンインターフェイスガイドラインでは、タップターゲットの最小サイズとして44×44ポイントが推奨されています。
セーフエリアとDynamic Islandは、実機でないと判断を誤りやすい部分です。画面最上部のタイトルやステータス表示が時計やDynamic Islandと重なっていないか、最下部のボタンがホームインジケーターに食い込んでいないかを、実際の端末で目視してください。SafeAreaView を入れていても、背景色や固定ヘッダーの作り方によっては隙間が破綻します。
パフォーマンスの確認も重要です。画面遷移がスムーズか、スクロール時にカクつきがないか、テキスト入力時にキーボード表示にラグがないかを確認します。ブラウザプレビューより実機の方が処理が速いこともありますし、逆に遅くなることもあります。
フォントとレイアウトも実機サイズで確認しましょう。iPhoneのモデルによって画面サイズが異なるため、小さいiPhoneでは文字が見切れていないか、大きいiPhoneでは余白が大きすぎないかをチェックします。
ダークモード対応も忘れずに確認してください。iOS のシステム設定でダークモードに切り替えて、テキストや背景が読みやすい状態を保てているかを確認しましょう。
Companion では確認できないこと(ここが分かれ目)
便利な一方で、Rork Companion は「いまのコードを映す」プレビューであって、本番のネイティブアプリそのものではありません。次の領域は、Companion 上では正しく確かめられないか、挙動が本番と異なります。
- プッシュ通知の実挙動 — 許可ダイアログやバックグラウンド受信は、ビルドした実体でないと正確に検証できません。
- アプリ内課金(StoreKit) — サンドボックス購入のテストには TestFlight 配信が必要です。
- 一部のネイティブモジュール — Companion に組み込まれていないネイティブ依存は、読み込み時にエラーになることがあります。
- バックグラウンド動作・起動速度 — 実際のコールドスタートやメモリの振る舞いは、本番ビルドで測るべき指標です。
つまり Companion は「UIと操作感を素早く回す」ための道具です。通知・課金・パフォーマンスの最終確認まで来たら、EAS Build 経由の TestFlight、あるいは Rork Max のクラウドビルドに切り替える、という線引きを最初に持っておくと迷いません。
実機でしか見えなかったこと
個人開発で壁紙アプリをいくつも公開してきた中で、私自身、何度も思い知らされたのが「ブラウザのシミュレータで完璧に見えても、実機で初めて崩れる」という事実です。
特に手こずったのが画面サイズの差でした。iPhone は 4インチの SE から 6.9インチの Pro Max 系まで幅があり、解像度ごとに画像を出し分ける作りにしていると、Mac 上のプレビューでは余白がちょうど良く見えたサムネイル一覧が、手元の小さい iPhone SE に転送した瞬間、最下段のセルが半分見切れている——そんなことが何度もありました。実機に映して初めて「これはこのままでは届けられない」と分かるのです。
もう一つ、シミュレータでは決して再現できなかったのがスクロールの感触です。画像をぎっしり並べる画面では、指で勢いよくスクロールしたときにわずかでもカクつくと、体験全体が安っぽく感じられてしまいます。これはマウスのホイールでは絶対に気づけません。実機を握り、自分の親指でスクロールして、はじめて「あと一歩なめらかにしたい」という違和感に手が届く。Rork Companion の良さは、まさにこの“握って確かめる”ステップを、Apple Developer 登録の前に踏ませてくれるところにあると感じています。
Rork Max との違いと連携
Rork Companionは、通常のRork(React Native/Expo)で作成したアプリのテストに使います。SwiftUIネイティブアプリを生成する「Rork Max」との組み合わせでも、ある段階までのプレビューには使えますが、Rork MaxはクラウドMacでのフルビルドに対応しているため、本格的な実機確認にはRork Maxの2クリック公開フローを使うことになります。
最初のアイデア検証や基本的なUI確認にはRork Companion、App Store提出前の最終確認にはRork Maxという使い分けが一般的です。
全体を振り返って
Rork Companionは、アプリ開発の最初のハードルを大幅に下げてくれるツールです。年間$99を払う前に、まず実機でアイデアを試してみる。そのシンプルなフローが、多くの人を「アプリ開発を始めてみようかな」という一歩へ誘ってくれます。
大切なのは、Companion で「UIと操作感」を素早く固め、通知・課金・パフォーマンスの最終確認は本番ビルドに任せる、という役割分担を最初に決めておくことです。ここを意識しておくと、後半の工程で慌てずに済みます。
まだRorkを試したことがない方は、ぜひRork公式サイトから無料で始めてみてください。