Expo Go

分析者 ViaAPK

Expo Goを初めて開いたとき、私は「アプリを作るための道具」という説明だけで、すぐに何でも試せるわけではないと感じました。これは完成した一般向けアプリを使うというより、JavaScriptとReactで作られたアプリを手元で動かし、開発の途中を確かめるための入口です。目的が合えば軽快ですが、何を準備すればよいのか分からないまま起動すると、最初の一歩でつまずきやすいアプリでもあります。

Expo GoはExpo Projectが提供する、ライブラリ＆デモの分野に属する無料アプリです。私は、スマートフォン上で開発中の画面や操作感を確かめたい人に向くツールだと考えます。評価は平均4.6で、評価数はおよそ3万2千件、インストール数は500万を超えています。対象年齢は3歳以上ですが、実際の主な利用者は、アプリ開発を学んでいる人や、Expoを使ったプロジェクトに関わる人でしょう。

最初につまずきやすいのは、アプリだけで完結しない点

Expo Goを入れれば、スマートフォンだけでアプリを作り始められると思う人もいるかもしれません。けれど、このアプリの役割は、主にExpoで用意したプロジェクトを実機で開いて確認することです。プロジェクト側の準備や実行方法が整っていなければ、アプリを開いただけでは試したい画面にたどり着けません。

そのため、初回利用では「Expo Goの設定が悪いのか」「開発中のプロジェクトがまだ起動していないのか」を分けて考えるのが大切です。画面が開かないとき、すぐにアプリを入れ直すより、まずプロジェクトが実行状態にあるか、案内された手順を最後まで進めたかを確認したほうが、無駄なやり直しを減らせます。

開発者ではない人が、ストアから入れて単独で使う一般的なユーティリティを探しているなら、期待とは違う可能性があります。Expo Goは完成済みのサービスを提供するアプリというより、開発環境とスマートフォンをつなぐ役割が中心です。逆に、Reactでアプリを学んでいる人には、ブラウザー上の表示だけでは分かりにくい実機の見え方を確かめる手段になります。

広告

準備は「アプリの版」とプロジェクトの状態から

利用前に確認したいのは、端末のOSが対応範囲にあることと、Expo Goのバージョンが古くなっていないことです。現在の版は58.0.5で、必要なOSは7.0以降です。アプリを更新した直後に以前のプロジェクトが開かなくなった場合も、まずはプロジェクト側の説明や依存関係が現在の環境に合っているかを見直すのが現実的です。

ここで役立つのは、問題を一度に何個も変えて解決しようとしないことです。たとえば、アプリの更新、プロジェクトの変更、接続環境の切り替えを同時に行うと、どれが効いたのか分からなくなります。私は、まずプロジェクトを正常に起動できるかを確認し、その後でExpo Goを開き直す順序を勧めます。原因を切り分けるだけでも、同じ失敗を繰り返しにくくなります。

初めて試す人は、複雑な既存プロジェクトから始めるより、小さなサンプルで「起動できる」「画面を変更すると反映される」「実機で操作できる」という流れを先に経験すると理解しやすいでしょう。これは派手な機能を探すより有効な使い方です。道具が動く範囲と、プロジェクト側で必要になる作業の境目を早めにつかめます。

実機確認を短い反復に組み込む

私が便利だと思うのは、見た目や操作の確認を開発の最後まで後回しにしなくてよいことです。スマートフォン上で画面を開けば、文字の収まりやタップしやすさなど、デスクトップのプレビューだけでは判断しにくい部分に早く気づけます。たとえば、通勤中にアイデアを思いついても、その場で本格的な開発を完了させるというより、後で作業する画面を実機で確かめるための流れを整えておく使い方が向いています。

小さな変更を加えたら、毎回すべてを作り直すのではなく、変更した箇所に関係する操作を重点的に試すと効率的です。ボタンの配置を変えたなら、そのボタンを押して目的の画面へ進めるか確認する。入力欄を調整したなら、実際に文字を入れたときに操作を妨げないかを見る。こうした確認は地味ですが、実機で動かす意味が最も出るところです。

広告

チームで作業する場合も、Expo Goは開発者自身の確認用として考えるのが扱いやすいでしょう。試作品を見せるときには、相手が何を準備すればよいかを先に伝えておくと、アプリを開いたのに何も表示されないという行き違いを防げます。単に「入れておいて」と頼むのではなく、どのプロジェクトをどの手順で開くのかを共有するのがポイントです。

開けないときは、戻る手順を決めておく

読み込みが止まったり、変更が反映されなかったりした場合、私は次の順で確認するのがよいと思います。まずプロジェクトが引き続き実行中かを確かめ、次に端末と開発側の接続が保たれているかを確認します。それでも変わらなければ、Expo Goをいったん閉じて開き直し、プロジェクトをもう一度読み込みます。やみくもに設定を変更するより、基本の状態を戻すほうが原因を見つけやすくなります。

コードを直したのに画面が変わらないときは、変更したファイルが実際に表示されている画面で使われているかも見てください。似た名前のファイルや別の画面を編集していると、アプリ側の不具合に見えて、実際は変更箇所の取り違えということがあります。小さなテキスト変更を一度加えて反映を確かめると、読み込みの問題なのか、編集した場所の問題なのかを分けやすくなります。

作業を中断した後に再開する場合は、前回の画面が残っていることを前提にしないほうが安全です。開発側の実行状態を確認してから、必要ならプロジェクトを開き直します。特に、端末を再起動したり別のネットワークに移ったりした後は、まず接続の前提が変わっていないかを確かめてください。再読み込みを繰り返すだけでは、停止したプロジェクト自体は復旧しません。

原因がアプリ側とは限らない

Expo Goでエラーが見えたからといって、すぐにExpo Goが原因だと決めつけないことも大切です。アプリのコード、プロジェクトの設定、利用しているパッケージ、開発環境の状態など、複数の場所で問題が起こり得ます。エラーが特定の画面や操作の後だけ発生するなら、その操作をした直前に変えたコードや設定から調べるのが近道です。

一方、プロジェクトを起動する段階から問題が出るなら、スマートフォン側だけを何度も触っても改善しにくいでしょう。まず開発環境の説明を読み返し、必要な手順を飛ばしていないか確認します。初心者には少し面倒に感じるかもしれませんが、アプリとプロジェクトを別々の要素として考える習慣は、後のデバッグにも役立ちます。

また、Expo Goで試せることを、すべてのReactアプリに当てはめるのも避けたいところです。プロジェクトの構成や必要な機能によっては、このアプリでの確認方法が適さないことがあります。実機で特定の機能が動かない場合は、まずそのプロジェクトがExpo Goでの実行を想定しているかを調べるべきです。複雑な開発要件がある人は、別のビルド方法や開発ツールを選ぶほうがよい場面もあります。

学習用か、完成アプリかで評価は変わる

同じ開発系の選択肢と比べると、Expo Goのよさは、スマートフォン上で試作品を確かめる入口として分かりやすいことです。ブラウザーのプレビューは手軽ですが、実機でのタップや画面の見え方を確かめる目的では不十分なことがあります。反対に、開発用のビルドを整える手段は、より細かな要件に対応しやすい一方、準備の手間が増えることもあります。学習や素早い確認ならExpo Go、要件が合わない場合やより専門的な検証が必要な場合は別の手段、という使い分けが現実的です。

Expo Goは無料で、リリース日は2015年12月8日です。長く使われている開発向けアプリとして、多くの利用者に選ばれている点は安心材料の一つですが、人気だけで自分のプロジェクトに合うと判断するのは早計です。評価の高さは、主に用途が合った利用者にとって便利であることを示す目安として受け止め、必要な開発機能やプロジェクトの条件を先に確認したいところです。

向いている人と、別の方法を選びたい人

ReactやExpoを学び始めた人、画面の変更を実機で素早く確かめたい人、試作品の操作感を自分で確認したい人には、まず試す価値があります。たとえば、夕方にナビゲーションの配置を変えたあと、スマートフォンで数画面を移動して、戻る操作や文字の見え方を確認する。こうした短い反復を開発習慣にできる人ほど、便利さを実感しやすいでしょう。

一方、コードを書かずにアプリを探して使いたい人にはおすすめしません。Expo Goを入れただけで、さまざまな完成済みアプリが並ぶわけではありません。また、プロジェクト側の準備やトラブル対応を避けたい人、Expo Goで動かせない要件を持つ開発者にも、別の開発手段のほうが適しています。ここを理解しておけば、アプリを使い始めてから「思っていたものと違う」と感じる可能性を減らせます。

私の結論として、Expo Goは、Expoを使う開発の途中を実機で確かめるための実用的な相棒です。初回の準備には少し慣れが必要で、問題が起きたときはアプリ、プロジェクト、接続環境を切り分ける必要があります。それでも、変更を早い段階でスマートフォン上で確認できる利点は大きいです。開発中のアプリを試したい人なら、まず小さなプロジェクトで流れをつかみ、自分の要件に合うか判断するのがよいでしょう。