OpenAIExpo2026/06/05 20:00

What happened at AppJS 2026? Highlights, new products, and plans for the future

要点だけを先に読めるように短く再構成したセクションです。

元記事

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

openaijamodel: gpt-5-mini-2025-08-07

App.js 2026まとめ:Expoの現在地と今後の注力点

Key Points

  • Observe 公開ベータ
  • SDK56 起動40%短縮
  • エージェントでの実行検証

Summary

App.js 2026(Kraków、Software Mansion主催)で発表された主要内容の実務向けサマリ。参加者は500名超。ExpoはAI時代の「生成されたアプリ」のデフォルトになりつつあり、ドキュメント、エコシステムの普遍性、コミュニティが強みとして作用しています。会場発表はツールチェーンの高速化、エージェントによる実行検証、デフォルトで“良い”アプリが得られる開発体験の強化にフォーカスしています。

Key Points

  • 会議ハイライト

    • 500人超の参加、講演は録画公開(Software MansionのYouTube)。
    • ExpoはAIで生成されたコードの出力品質が高い(豊富な公開データ+充実したドキュメント)。
  • 投資する課題(今後の優先領域)

    • エージェントが実機・シミュレータでアプリを起動・操作・検証できるループの整備(Argent、Agent Device等のツール連携)。
    • ビルド、配布、起動時間の高速化を継続(開発→リリースの待ち時間短縮)。
    • デフォルトワークフローでネイティブ感のある仕上がりを実現(Expo Router等)。
  • 直近1年での主なプロダクト(実装/公開済み)

    • TVアプリ対応:コードの約85%を共有してApple TV/Android TVへ展開可能。
    • Expo UI(SDK 56で安定):単一JS APIからSwiftUI/Jetpack Composeウィジェットを駆動。
    • Expo Launch:TestFlight/App Store/ウェブへの高速公開フロー。
    • Expo MCPサーバー:エージェントとプロジェクトのSDK・設定・devサーバーを接続(無償で利用可能)。ローカル統合でスクリーンショット・タップ操作・RN DevToolsデータ取得が可能。
    • Expo skillsリポジトリ:UI構築、デプロイ、デバッグ用の公式スキル群。
    • Widgets / Live Activities対応(iOSホーム画面ウィジェット)。
    • Expo Router v56:ネイティブツールバー、共有要素遷移、検索バーのネイティブ的挙動などをJS APIで実現。
  • Expo SDK 56の注目点

    • ビルドが速くなるプリコンパイル済バイナリ、Android冷起動時間が約40%改善。
    • Hermes V1がデフォルト、スタートアプリのUX改善(初期画面のアニメーション等)。
    • EAS Workflowsにプリパッケージ化ジョブ(GitHubコメント、Appleデバイス登録、手動承認フロー等)。
  • 新機能:Observe(オープンソース、公開ベータ)

    • 本番の起動時間、バンドルロード、レンダ時間、time-to-interactiveを計測・記録。
    • デバイス状態やネットワーク、画面ごとのメトリクス(Expo RouterのURL単位で計測)を付与可能。
    • バージョンごとのインストール/ユーザ指標を表示、カスタムイベントやシリアライズ可能なデータを収集。
    • エージェント用のスキルが同梱され、自然言語でのクエリと解釈が可能。
    • 公開ベータ:最初の3か月は最大10,000 MAUまで無料、その後は有料予定。

エンジニア向け実践アクション

  • SDK 56へ早めにアップグレードしてビルド・起動時間の改善を確認する。
  • Observeを導入して画面単位の起動/インタラクティブ指標を収集し、ボトルネックを特定する。
  • MCPサーバーとローカルシミュレータ統合を試し、エージェントによる自動検証ワークフローを構築する。
  • Expo Routerを使い、ネイティブ遷移・共有要素をJS側で実装する設計を検討する。

録画・詳細はSoftware Mansionのチャンネルと公式ドキュメントを参照してください。

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

openaijamodel: gpt-5-mini-2025-08-07

AppJS 2026で何が起きたか? ハイライト、新製品、今後の計画

AppJS 2026で何が起きたか? ハイライト、新製品、今後の計画

App.js 2026は先週クラクフ(Kraków)でSoftware Mansionのホストにより開催されました。年内で最大規模のReact NativeとExpoのカンファレンスで、今年は500人以上の開発者が集まり、エコシステムの現状と今後の方向性について2日間にわたって講演が行われました。私たちもいくつかの講演を行いました。この投稿は、会場に来られなかった何百万もの皆さんのためにハイライトをまとめたものです。

なぜAI時代にReact NativeとExpoがうまくいっているのか

Expoが伸びている理由はいくつかあります。

  • スタック自体

    • JavaScript、TypeScript、Reactの上に構築されているため、モデルが学習するためのトレーニングデータが膨大にあります。モデルがExpoのコードを書くとき、ほんの数例からではなく、何年分もの公開されたReactやTypeScriptの事例から学んでいます。
  • ドキュメント

    • 過去1年でExpoリポジトリへのコミットで最も多かったのはドキュメントです。ドキュメントはモデルが学習する一部であり、これがモデルがExpoアプリをうまく書ける理由の一つです。
  • ユニバーサリティ(普遍性)

    • 小さなアプリ生成用の入力ボックスにプロンプトを入れるだけで(例: "I want an app that plays the stream from my radio station")、モデルはユーザーの端末種別を知らなくてもExpoを選び、1度ビルドしてあらゆる環境で動かせます。これにより、オンザフライでアプリを生成するツールのデフォルトとしてExpoが使いやすくなります。
  • コミュニティ

    • 皆さん一人ひとりです。React Nativeで難しい問題を解決して投稿すると、次の人はその成果の上に立てます。モデルも同様にそれらの投稿を読みます。これがエコシステムを継続的に成長させる大きな要因です。

Expoが解決を目指している課題

私たちが次に注力している点は以下の通りです。

  • エージェントが自分の作業を検証できること

    • エージェントがアプリを実行し、画面を見て、タップして、実際に構築したものが動くかどうか判断できれば、あとは自動で修正や最適化ができることが多いです。Software Mansion(Argent)やCallstack(Agent Device)のようなチームが提供する、実行中のアプリを検査してスクリーンショットを取得し挙動をプローブできるツールが、そのループの基盤になります。
  • スピード

    • コードを書くのが速くなった今、ボトルネックはビルド、配布、起動時間など周辺の部分に移っています。次の1年で、これらの部分を可能な限り高速化するために多くの努力を注ぎます。そうすれば制限は「どれだけ速く要望を説明できるか」だけになります。
  • 簡単にすることが良い方法であること

    • Expo Routerのようなツールは、デフォルトで磨かれたネイティブに近い体験のアプリを生成する道にするべきです。

1年でExpoに加わったもの(短い要約)

  • TVアプリ対応

    • ExpoのTVアプリ対応により、ユニバーサルアプリの考え方がリビングルームに拡張されました。Apple TVやAndroid TVをターゲットにしつつ、コードの約85%を共有できます。
  • Expo UI

    • Expo UIはExpo SDK 56で安定版になり、デフォルトのテンプレートがあります。単一のJavaScript APIから実際のSwiftUIやJetpack Composeウィジェットを駆動できるため、ネイティブプリミティブをラップするネイティブモジュールを書かずに利用できます。
  • Expo Launch

    • Expo Launchは、TestFlight、App Store、ウェブにアプリを素早く出すためのWebベースのフローを提供します。設定ファイルを手書きする必要がありません。
  • 公式Expo MCP server

    • 公式のExpo MCPサーバーは、エージェントをプロジェクトのSDKバージョン、config、実行中のdevサーバー、Expoのクラウドサービスに接続します。現在はExpoアカウントを持つ誰でも無料で利用できます。
    • ローカルシミュレータ統合は特に重要です: マルチモーダルなエージェントが実行中のアプリをスクリーンショットしてタップし、React Native DevToolsのデータを取得し、TestFlightやクラッシュデータを使ってビルドやワークフローが失敗した原因を掘り下げられます。
  • Expo skillsリポジトリ

    • Expoアプリの構築、デプロイ、デバッグのための公式スキルを集めています。UI作業、デプロイ、SDKアップグレード、DOMコンポーネント、dev clientsをカバーします。Expo Routerやliquid glassと深く統合されていれば、エージェントが一発でネイティブらしいUIを生成できます。
  • Expo widgets

    • 以前はネイティブコードに降りる必要があったiOSのホーム画面ウィジェットやライブアクティビティを簡単に作れるようになりました。
  • Expo Router v56

    • よりネイティブなナビゲーションに寄せており、ネイティブツールバー、リンクトランジション、以前より多くのネイティブプリミティブを提供します。デモでは、タブバー上にアクセサリが乗り、スクロールでタブバー内に滑り込んでコンテンツの領域を確保する挙動や、スクリーン間でのshared elementトランジション、検索バーがタブバーを折りたたんでキーボード上に浮く挙動などが、すべてExpo RouterのAPIだけで実現されていました。

これ以外にも多くの改善がありますが、今注目すべきハイライトは以上です。

Expo SDK 56の新機能

Expo SDK 56はスピードに焦点を当てています。

  • プリコンパイル済みバイナリによりビルドが高速化
  • Androidのコールドスタート時間が40%改善
  • Hermes V1がデフォルトになりました
  • その他多数の小さな改善

新しいstarter appも導入され、思った以上に効果があります。新規プロジェクトの最初の画面は初めからきれいに見え、読み込み時のクリーンなエントランスアニメーションや、exploreタブの組み込みアニメーションが含まれます。

補足:

  • expo.devのダッシュボードとウェブサイトが全面的に刷新され、より整理されデータ量も増えています。
  • EAS Workflowsはプリパッケージされたジョブ群を出しました。例としては、ワークフロー上のすべてのビルドとアップデートをPRに報告するGitHub commentジョブ、ワークフロー内でad hocプロビジョニングプロファイルにデバイスを追加するためのApple device registration requestジョブ、そしてワークフローの途中に人の承認を入れるrequire approvalジョブなどです。後者を使えばリリースをプレビューして承認し、App StoreやPlay Storeのレビューに送ることができます。

“Observe”の紹介

今回の大きな新発表がこれです。開発者からよく聞くこと: 実際のユーザーが何を体験しているかを知るのは難しい。ローカルで開発すると、良好なWi‑Fiや良い端末、通常は1台のテスト端末に依存しがちですが、ユーザーはあらゆる端末とネットワーク環境にいます。その差分にパフォーマンス問題が隠れています。

Observeは、本番環境のアプリから実際のパフォーマンスメトリクスやログをキャプチャ、記録、解析するための新しいオープンソースライブラリです。

  • 何を計測するか

    • アプリのアイコンをタップした瞬間から実際に使える状態になるまでの経路を追跡します: 起動時間、バンドルロード時間、レンダーまでの時間、インタラクティブになるまでの時間。
    • 各測定には端末情報、アプリバージョン、位置情報などのメタデータが付与されます。
    • time-to-interactiveにはバッテリー状態(満充電かどうか)、Wi‑Fi接続かどうか、ドロップフレームの有無などのデバイス状態も含まれます。
    • 画面固有のトラッキングのためにカスタムオブジェクトを添付できます。これが開発者から最も要望される部分です。
  • スクリーン単位のメトリクス

    • モバイルアプリはシングルページアプリのように振る舞うため、どの画面が遅いかを判定するのは従来難しかったです。しかし、Expo Routerアプリの各ルートはURLを持つため、Observeはそれを使ってページごとのメトリクスを報告します。リビルド後には、各スクリーンのコールド/ウォームtime-to-renderやtime-to-interactiveを、Expo RouterReact Navigationとともに確認できます。
  • バージョニングの可視化

    • React NativeアプリはネイティブレイヤとJavaScriptバンドルを併せ持つため、ユーザーがどのバージョンを使っているか把握しづらいことがあります。Observeはこれを可視化します。例として2バージョン(1.0.0と1.0.1)がある場合、各バージョンのインストール数とユーザー数(最新のメトリクスがそのバージョンであるユーザー)を確認できます。
  • カスタムイベントとシリアライズ可能なデータのキャプチャ

データを収集すること自体は一つのことですが、読み解くことは別です。そこにエージェントの出番があります。ダッシュボードを延々と眺めて問題のある指標を探す代わりに、自然言語で質問してエージェントに解析させることができます。Observeにはインストールやメトリクスのクエリ、解釈のためのスキルが付属しています。

Expo Observeはパブリックベータです。少なくとも最初の3か月間は、すべてのプランで月間アクティブユーザー10,000まで無料で利用できます。その後は有料サービスになります。GA準備のためのフィードバックを募集しています。

今後に向けて(まとめ)

ここで紹介したのは、これまでに作ったものの初期段階の一部にすぎません。もっと多くの機能や改善を準備中です。今は開発者にとって非常に良い時期です。

最後の基調講演はSeth Webster(現在Expo所属)による「It's a great time to be a builder」でした。彼の主張は、判断力とセンスがあり適切なツールを持つ1人が、かつては10人必要だったものを作れるようになった、というものです。多くのReact開発者(このチームの一部も含む)は、かつて本格的なモバイルアプリを作るにはObjective‑CやJavaを十分に学ぶ必要があると感じていましたが、React NativeとExpoはその壁を下げました。もしAIがさらに多くの人に同じ扉を開くなら、これはワクワクすることです。

Software Mansionが2日間の講演を全て録画しています。ラインナップにはこの分野で活躍する素晴らしい人々が揃っています。彼らのYouTubeチャンネルへのリンクも掲載しています。最後に、カンファレンスを実現してくれたSoftware Mansionとすべてのスポンサーに感謝します。

さあ、何かを作りましょう!そしてPortlandで開催されるChain React Confで会いましょう!

AppJS 2026で何が起きたか? ハイライト、新製品、今後の計画 | Expo | DocsDigest