メインコンテンツへスキップ
チュートリアル

Capgo Updates を軽量かつ高速に保つ方法

より小さく、より安全なLive Updateを実現する実践的なCapgoガイド:デルタブンドル、チャネルベースのロールアウト、ネイティブベースラインの更新、PRプレビュー、そして直接更新のガードレール。

Capgo のアップデートを軽量かつ高速に保つ方法 Capgo ブログ イラスト

最高の live update とは、ユーザーがその存在にほとんど気づかないものです。

通常、それは次の3つを意味します:

  1. ダウンロードサイズが小さいこと。
  2. ロールアウトが制御されていること。
  3. 問題が発生しても、復旧は瞬時に行えます。

React Native の世界で機能する「OTA を軽量に保つ」アドバイスは、Capgo にも当てはまります。違いは、Capgo が Capacitor チームにいくつかの追加レバーを提供することです: 差分アップデート, チャンネル, 自動ロールバック, バージョンターゲティングは、、およびオプションの エンドツーエンド暗号化.

これらを組み合わせることで、ペイロードが小さくなり、インストールが速くなり、運用上の手間が大幅に減ります。

MAUが同じでも、スリムさは重要です

Capgo に特有の有用な詳細として、Capgo の MAU は、過去 30 日間にアップデートサービスに接続した月間アクティブデバイス数を表します。

つまり、バンドルをスリムにすることは、MAUの集計を減らすためのトリックではありません。ユーザーやチームが実際に体感する部分、つまり以下が改善されるため重要です:

  • モバイル通信や不安定なWi-Fi環境でのダウンロード速度向上
  • より良い体験 直接アップデート
  • 失敗やロールバックされたリリースによる帯域幅の無駄遣い削減
  • リリースのテストやステージング時の影響範囲(ブラスト半径)の縮小

スリムなアップデートは、速度、安全性、運用規律の確保が本質です。

1. デフォルトでDeltaアップデートを使用する

もし1つだけやるなら、これです。

Capgo の 差分アップデート フルのWeb bundleを再ダウンロードするのではなく、バージョン間で変更されたファイルだけを送信します。これが通常のOTAパフォーマンスにおける最大の改善ポイントです。

bun run build
bunx @capgo/cli@latest bundle upload --channel staging --delta

QAが一通り終わったら:

bunx @capgo/cli@latest bundle upload --channel production --delta

CIを厳格に保ちたい場合は、次を使います: --delta-only これで誤ってフルbundleのアップロードにフォールバックすることがなくなります:

bunx @capgo/cli@latest bundle upload --channel production --delta-only

次の場合にのみ使用してください: --delta-only 本番環境のデバイス群がDelta更新をサポートしているときです。プラグインのバージョンが混在していると、マニフェストベースのdelta配信をサポートしていない古いデバイスは、その更新をダウンロードできません。

次のものを使う場合はさらに重要です: directUpdate「更新が見つかった」から「アプリがリロードされる」までの時間がユーザーに見えるようになるからです。

2. アセットはアセットとして扱い、JavaScriptの荷物にしない

大きなアセットは、OTA bundle が静かに肥大化する原因です。

いくつかの実用的なルール:

  • 通常の asset ファイルで済む場合、大きな画像やメディアを JavaScript にインライン化しないでください。
  • アプリ bundle に含める必要がない頻繁に変わるコンテンツは、独自の CDN または API に配置してください。
  • リリースごとに差し替えられるマーケティング画像、オンボーディング動画、一時的なキャンペーン用アセットには注意してください。
  • 安定したアセットはそのままに。Delta updatesを使えば、変更のないファイルは再ダウンロードせず再利用されます。

アプリの規模が拡大しても Capgo を高速に保つための、最も簡単な方法の一つです。最悪のパターンは、小さなUI修正のせいで無関係なメディアを大量にダウンロードさせることです。

3. 本当にネイティブな変更にだけネイティブリリースを使う

Capgo は、HTML、CSS、JavaScript、実行時に読み込まれるアセットといったWebレイヤーをアップデートします。

次の用途には向いていません:

  • 新しいネイティブプラグイン、
  • 権限の変更、
  • capacitor.config.ts 変更、
  • iOSやAndroidのネイティブプロジェクトの状態を変更するものすべて。

この線引きはパフォーマンスにも重要です。大きな構造変更をOTAレーンに押し込み続けると、アップデート戦略は時間とともに重く、リスクの高いものになります。

2つのリリースレーンを意図的に使い分けましょう:

ネイティブレーン

プラグインの変更、権限の変更、ネイティブ設定の変更には:

bun run build
bunx cap sync

その後、通常のストアリリースを公開します。

Capgo レーン

安全なWebレイヤーの反復には:

bun run build
bunx @capgo/cli@latest bundle upload --channel production --delta

最近、長期間保持されるアセットを多く追加した場合は、ネイティブベースラインも定期的に更新してください。新しいストアビルドはその新しいベースラインを埋め込むため、将来の Capgo の差分を小さく保つことができます。

4. チャンネルを使用してロールアウト規模を小さく保つ

「スリム」なアップデートは、メガバイト数だけではありません。問題が確認される前に、アップデートを受信するデバイスの数も重要です。

Capgo の チャンネルシステム を制御する最もクリーンな方法は次のとおりです:

  • staging QA用
  • beta 招待されたテスター用
  • production 全ユーザー用
  • hotfix 緊急復旧用

シンプルなフローは次のようになります:

  1. にアップロード staging.
  2. 実機で検証します。
  3. 制御されたチャネルまたはパーセンテージベースのロールアウトを通じて、段階的に展開します。
  4. ヘルスチェックが低下したら、すぐにロールバックします。

アプリに複数のネイティブベースラインが流通している場合は、チャネルを バージョンターゲティングは、と組み合わせましょう。これにより、互換性のない、または不要に重いバンドルを古いバイナリから遠ざけることができます。

より厳密なレビューループを求めるチームには、Capgo も PRプレビューと組み合わせるのが効果的です。これにより、プロダクト、QA、ステークホルダーが、新しい TestFlight や Play 内部ビルドを待つことなく、JS のみの変更をテストできます。

5. 直接更新を有効にする場合、起動時の最適化を徹底する

更新を素早く適用したいほど、起動パスの規律が重要になります。

Capgo の 更新動作 ドキュメントでは、 directUpdate と Delta 更新を組み合わせることを明確に推奨しています。これが正しいデフォルトです。

2番目のガードレールは notifyAppReady().

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

アプリがデフォルトの10秒 notifyAppReady() 以内、または appReadyTimeout のCapacitor設定で指定した時間内にreadyを報告しない場合、Capgoはそのbundleを無効とマークし、直前の正常なバージョンにロールバックできます。このロールバック動作は本番環境で望ましいものですが、起動処理をクリーンに保つ必要があることを意味します:

  • 呼び出す notifyAppReady() 適切な場所に配置する
  • クリティカルパスでの起動時の遅い処理を避ける
  • 即座にリロードする場合、アプリの状態の保存と復元を慎重に行う
  • 大規模展開前に、ネットワーク不良や低スペック端末のシナリオをテストする

最近確認していない場合は、 notifyAppReadyガイド を再読する価値があります。

6. 不要なネイティブ再ビルドの代わりに内部アップデートチャネルを使う

多くのモバイルチームが、明らかにWebだけの変更のためにバイナリをビルドする時間を無駄にしています。

変更が次のような場合:

  • コピー,
  • UIの調整,
  • オンボーディングフロー、
  • 料金プラン画面のロジック、
  • アナリティクスの組み込み、
  • フィーチャーフラグ、
  • プロンプトや API のレスポンス描画、

そんなときは、Capgo アップデートの方がレビュー用の成果物としては速いことが多いです。

つまり、ネイティブの再ビルドやTestFlightの手間が減り、チームのフィードバックループがより密になります。これは Capgo のあまり活用されていないメリットの一つです。ネイティブ/Webの境界を壊さずに、レビューやQA作業の多くをOTAレーンへ移せます。

こちらのガイドでは、 単一のモバイルアプリIDによるステージングについて、 長期的にクリーンな状態を保つための実践的な方法を解説しています。

7. 軽量化とシークレットは分けて考える

小さいバンドルとセキュアバンドルは、それぞれ異なる課題を解決します。

Channelは配信対象を制御しますが、それ自体でbundleを機密にするものではありません。

より強固な配信保証が必要な場合:

だからといってアップデートサイズが無関係になるわけではありません。両方の側面で最適化すべきだというだけです:

  • 速度のための軽量化
  • 配信制御のための暗号化
  • ロールアウト制御のためのChannel
  • 復旧のためのロールバック

実践的な「軽量な Capgo」ワークフロー

シンプルな標準運用モデルなら、これを使う:

  1. ネイティブとOTAのリリースレーンは分ける。
  2. JSの変更は次でアップロード: --delta デフォルトで。
  3. 使用する staging と beta リリース前にchannelsを使う。 production.
  4. 視聴する アップデートの統計とログを確認する。 ロールアウト後も、その前だけでなく確認する。
  5. Native Buildが不要な場合は、PRをインストール可能なプレビューに変換する。
  6. 可能であれば、大きく頻繁に変更されるメディアをバンドルから除外してください。
  7. アセットの大幅な増加やネイティブ変更の後、ネイティブベースラインを更新してください。
  8. ロールバック notifyAppReady() の挙動を、セットアップの細部ではなくリリースエンジニアリングの一部として扱ってください。

この組み合わせにより、「変更したものをアップロードするだけ」という一般的なアプローチよりも、ずっと長く高速さを維持できます。

まとめ

Capgo チームにとって、「スリムで高速」は単なるバンドルサイズの課題ではありません。

これはリリース設計の問題です。

ペイロードサイズにはDelta updates、ロールアウト規模にはチャネル、障害規模にはロールバックを使います。OTAをそう捉えれば、アプリ、チーム、ユーザー基盤が大きくなっても更新は高速なままです。

「Capgo の更新をスリムかつ高速に保つ方法」から続ける

使用している場合 Capgo Updates を軽量かつ高速に保つ方法 チャンネルルーティングと段階的ロールアウトを計画するには、次と組み合わせてください: チャンネル Channelsの実装の詳細については、 チャンネル Channelsの実装の詳細については、 チャンネル Channelsの実装の詳細については、 ベータテストソリューション ベータテストソリューションのプロダクトワークフロー向け、および バージョンターゲティングソリューション バージョンターゲティングソリューションのプロダクトワークフロー向け。

Capacitor アプリ向けの Live Updates

Web レイヤーのバグが本番で発生したら、App Store の審査を何日も待たずに Capgo で修正を配信しましょう。ネイティブの変更は通常の審査フローに残したまま、ユーザーはバックグラウンドでアップデートを受け取れます。

最新のブログ記事

Capgoは、真にプロフェッショナルなモバイルアプリを作るために必要な最高のインサイトを提供します。