Rork でアプリを作ったあと、「シミュレーターでは動いているけど、手元の iPhone で実際に触ってみたい」と思ったことはないでしょうか。
Rork には Companion アプリ という専用のテストアプリがあり、これを使うと有料の Apple Developer アカウントや Xcode なしに、iPhone や iPad の実機でアプリを確認できます。この仕組みと使い方、そして「ブラウザの中のシミュレータ」と「実機」をどう使い分けるかを整理します。
Companion アプリとは何か
Rork Companion は App Store で公開されている公式アプリです。Rork で作ったプロジェクトを、実機で QR コードをスキャンして即座に起動できます。証明書の発行も、ビルド設定の調整も要りません。
ポイントは、Companion が「手元の iPhone そのもので動かすための最短ルート」だということです。後述するブラウザ内のライブシミュレータとは役割が異なります。
シミュレーターと実機のあいだ — クラウド Mac のライブシミュレータ
Rork のテスト環境は、実は三層に分けて考えると見通しがよくなります。「ローカルのシミュレーター」「クラウド Mac 上のライブシミュレータ」「Companion による実機」の三つです。
Rork はクラウド上にホストした Mac のフリートでアプリをコンパイルし、その結果を 60fps のライブシミュレータとしてブラウザにストリーミングします。しかもタッチ入力にリアルタイムで反応するため、Chrome や Safari の画面の中で、Xcode を一度も立ち上げることなく動作を確認できます。手元に Mac がなくても、コンパイルからプレビューまでがブラウザだけで完結するのが大きな利点です。
ただし、ブラウザ内のライブシミュレータは「クラウドの Mac で動かした結果を映している」ものであって、あなたの iPhone そのもので動かしているわけではありません。指の感触、実際のチップ性能、センサーの実値、権限ダイアログの出方──こうした「その端末でしか分からないこと」を確かめる最後の一歩が Companion です。
| 確認環境 | 動かす場所 | 分かること | 分からないこと |
|---|---|---|---|
| ローカルのシミュレーター | 手元の Mac | 見た目・基本動作 | 実機性能・センサー・カメラ |
| クラウド Mac のライブシミュレータ | Rork のクラウド Mac（ブラウザに 60fps でストリーミング） | Mac なしでの素早い反復・タッチ操作の反応 | 実機固有の性能・権限ダイアログ |
| Companion（実機） | あなたの iPhone / iPad | 指の感触・実チップ性能・センサー実値・権限 | 本番審査レベルの厳密な検証 |
おすすめは二段構えです。ブラウザのライブシミュレータで素早く反復し、要所で Companion を使って実機に落とす。こうすると、確認の速さと正確さを両立できます。
シミュレーターと実機の主な違い
ライブシミュレータが便利でも、最終的に実機で確かめたい項目はいくつかあります。
- カメラ: シミュレーターでは使えません（静止画の代わりにシミュレーション画像が表示されます）。実機では実際の権限ダイアログまで確認できます
- タッチの感触: 指で操作して初めて分かる、ボタンの押しやすさやスワイプの引っかかりを確かめられます
- パフォーマンス: Mac の性能に依存するシミュレーターと、実際の iPhone チップとでは、アニメーションの滑らかさに差が出ることがあります
- プッシュ通知: シミュレーターでは動作が制限されますが、実機では本来の挙動を確認できます
- センサー類: 加速度センサー・ジャイロスコープ・GPS はシミュレーターでは模擬値、実機では実値です
セットアップ手順
1. Companion アプリをインストールする
iPhone または iPad で App Store を開き、「Rork Companion」で検索してインストールします。または直接 Rork の公式サイト からリンクを確認してください。
2. Rork のプロジェクトで QR コードを表示する
Rork（デスクトップまたはウェブ）でプロジェクトを開き、プレビュー画面またはシェアボタンから「Open on device」または「Companion」を選択します。QR コードが表示されます。
3. Companion アプリでスキャンする
iPhone で Companion アプリを起動し、「Scan QR Code」ボタンをタップして画面の QR コードを読み取ります。
これだけでアプリが実機で起動します。追加の設定やアカウント登録は不要です。
個人開発で実機テストを習慣にすると変わること
実機テストは、個人開発だと「あとでまとめてやろう」と後回しにしがちな工程です。私自身、シミュレーターで完成した気になって、いざ手元の iPhone に載せたら、片手だと親指が下のタブに届かない、という当たり前のことに公開直前まで気づけなかった経験があります。
Companion でこまめに実機を触る習慣をつけてから、こうした「指で操作して初めて分かる違和感」を、早い段階で潰せるようになりました。ブラウザのライブシミュレータで作り込みつつ、機能が一区切りするたびに QR コードを読み取って実機で数十秒触る。それだけで、後工程の手戻りがずいぶん減っております。
実機テストで確認しておきたいポイント
実機で試すときに、特に確認したいことをまとめました。
タップ領域のサイズ
シミュレーターではマウスでクリックするため小さいボタンでも操作できますが、実機では指で操作します。Apple のヒューマンインターフェースガイドラインでは、最小タップ領域として 44×44 ポイント以上が推奨されています。操作しにくいと感じたら、ボタンやリンクのサイズを大きくしましょう。
スクロールとスワイプの動作
実機のスクロール感はシミュレーターと微妙に異なります。慣性スクロールや引っかかりは実機でしか確認できません。リスト・カルーセル・スワイプ操作は、確定させる前に実機で触っておくと安心です。
ノッチ・Dynamic Island の表示確認
iPhone のモデルによってノッチや Dynamic Island のサイズが異なります。実機で見ると、テキストや重要な UI 要素が隠れていることがあるので確認しましょう。
カメラ・位置情報の権限
カメラや GPS を使う機能があれば、実機で実際に許可を求めるダイアログが表示されるかを確認します。権限ダイアログの文言は、新しいユーザーが最初に読む文章になることが多いので、文脈に合っているかも合わせて見ておきたいところです。
よくある問題と対処法
QR コードをスキャンしてもアプリが起動しない
- Rork のプロジェクトが保存・ビルドされているか確認する
- iPhone と Mac（または Rork サーバー）が同じ Wi-Fi に接続されているか確認する
- Companion アプリを一度終了して再起動してみる
シミュレーターと表示が異なる
フォントサイズ・余白の表示が、シミュレーターと実機で違う場合があります。実機での確認結果を「正」としてレイアウトを調整しましょう。
特定のモデルでクラッシュする
デバイスによって使えるメモリや処理速度が異なります。古い機種でクラッシュが起きる場合は、画像やアニメーションが重すぎないかをまず疑ってみてください。手元の機種で再現する場合は、Rork のコミュニティで報告すると、同じ問題を経験した人のアドバイスが得られることがあります。
Companion で拾えるバグ、拾えないバグ
Companion を使い始めると、つい「実機で動いたから大丈夫」と安心してしまいます。ところが実際には、Companion 経由の実行と、ストア配信されたビルドの実行では、確認できる範囲が違います。
Companion はホスト側の JavaScript バンドルを読み込んで動くため、JS レイヤの不具合はよく再現します。レイアウト崩れ、タップ領域の狭さ、スクロールの引っかかり、フォントの見え方。このあたりは Companion で十分に見つかります。
一方で、次のものは Companion では見えません。
- アプリ起動時のスプラッシュからの遷移速度（バンドルの読み込み経路が違うため）
- ネイティブモジュールの初期化失敗（Companion 側に同梱済みのため成功してしまう）
- App Store 提出後にだけ現れる権限ダイアログの文言（Info.plist の反映タイミング）
私は個人開発で一度、Companion では完璧に動いていたカメラ機能が、TestFlight ビルドで権限説明文の未設定によりクラッシュした経験があります。Companion は「UI の最終確認」、TestFlight は「ネイティブの最終確認」と役割を分けて考えるのが安全です。
接続そのものが安定しない場合は「Rork Companion が接続できない・プレビューが表示されないときの解決法」を、Apple Developer 登録前に実機で試したい場合は「Rork Companion で iPhone 実機テスト」をご覧ください。
公開までの流れの中での Companion の位置づけ
Rork のワークフローは、ブラウザでの設計・コーディング・テストから、最短 2 クリックでの App Store 公開までが一本につながっています。その流れの中で Companion が担うのは、「公開ボタンを押す前の、最後の実機確認」です。
ただし Companion はあくまでプレビュー・テスト用です。App Store に公開する前には、TestFlight を使った複数端末での確認など、より厳密な実機テストが必要になります。それでも、「完成に近い UI で、実際の使い心地を確かめる」というステップとして、Companion は十分な役割を果たしてくれます。
まだ試したことがない方は、今作っているプロジェクトで一度 QR コードを読み取ってみてください。シミュレーターとの違いに気づくことで、最終的なアプリの完成度は確実に一段上がります。