その他のミニアプリのランタイム環境

モバイル以外でも

中国などの国では、ミニアプリが市場を席巻しています。ミニアプリが普及し、本来の環境であるモバイル デバイス以外にも、自動車や従来のパソコンなど、他のランタイム環境にもミニアプリが進出しています。

自動車向けミニアプリ

2020 年 7 月、ドイツの自動車メーカー BMW グループは、WeScenario というブランドで Tencent とのコラボレーションを発表しました。Tencent によると、このコラボレーションは「世界中の 30 の主要な自動車会社に展開され、ソーシャル、コンテンツ、サービスの [WeScenario] エコシステムを 110 を超える主流の自動車モデルに導入する」予定です。

ミニアプリ アイコンが 2 行表示されている Tencent の自動車のダッシュボード。
Tencent WeScenario のランディング ページ(出典: BMW)。

パソコンのミニアプリ

WeChat Desktop のミニアプリ

macOSWindows で利用可能な WeChat デスクトップ クライアントを使用すると、デスクトップで WeChat ミニアプリを実行できます。(調査を目的としてすべての機能を利用したい場合は、制限が多いため、App Store から macOS バージョン読み込まないでください)。

macOS でテストするには、モバイル デバイスから「ファイル転送」アカウントを介して自分とミニアプリを共有します。メッセージが表示されたら、パソコンのクライアントで開きます。ほとんどの場合、ミニアプリは直接クリックして実行できるようになります。そうでない場合は、モバイル デバイスから自分宛てにチャット履歴を転送し直す必要があります。

共有ミニアプリとチャット履歴が 2 つのメッセージとして表示されている、自分とのチャットを示す WeChat macOS デスクトップ クライアント。
WeChat macOS デスクトップ クライアントで自分自身とミニアプリを共有する。

Windows では、ユーザーが最近使用したミニアプリを表示する専用のミニアプリ パネルがあり、新しいミニアプリを見つけることができるアプリ検索も含まれているため、ミニアプリを自分と共有するための回避策は必要ありません。

ユーザーが最近使用したミニアプリが表示されている、WeChat Windows クライアントのミニアプリパネル。
WeChat Windows クライアントのミニアプリパネル。
WeChat Windows クライアントのミニアプリ検索。ゲーム、ビジネス、教育など、さまざまなカテゴリに分類されたミニアプリが表示されています。
WeChat Windows クライアントでのミニアプリ検索。

パソコン版 WeChat ミニアプリは、オペレーティング システムとシームレスに統合されます。macOS と Windows の両方で、マルチタスクバーに独自のエントリが作成され、独自のタスクバー アイコンが設定されます。macOS では、Dock に保持するオプションがありますが、WeChat クライアント アプリが閉じられるとアイコンは消えます。Windows では、ミニアプリのアイコンをタスクバーに固定できますが、起動することはできません。macOS では、アプリのタイトルが実際のタイトルではなく常に「WeChat」と表示されますが、Windows ではタイトルが正しく表示されます。

macOS のマルチタスク切り替えツールには、通常の macOS アプリに加えてミニアプリも含まれています。
Starbucks アプリはミニアプリであり、通常の macOS アプリと同様にマルチタスクできます。
macOS の Dock にある Starbucks ミニアプリのアイコンと WeChat のタイトル。
macOS のミニアプリのタイトルは WeChat です。

ほとんどのミニアプリは、まだパソコン向けに最適化されておらず、サイズ変更不可の固定ウィンドウで実行されます。このウィンドウには、モバイル版と同様に、よく知られた UI アフォーダンスと権限プロンプトが含まれています(ユーザー エクスペリエンスをご覧ください)。

macOS で実行されている Starbucks ミニアプリが、ユーザー プロファイルの権限をリクエストしています。ユーザーは下部に表示されるプロンプトから権限を付与できます。
macOS で実行されている Starbucks ミニアプリが、ユーザー プロファイルの権限を要求しています。
macOS で実行されている Starbucks ミニアプリのホーム画面。
macOS で実行されている Starbucks ミニアプリ。サイズ変更不可の固定ウィンドウで実行されます。

パソコン用に最適化されたレスポンシブ ミニアプリ(モバイル用を除く)は、幅の広いウィンドウで表示できます。このウィンドウは、現在 macOS では固定されていますが、Windows ではサイズを柔軟に変更できます。

サイズを変更できるレスポンシブ アプリ ウィンドウで実行される WeChat コンポーネントのデモアプリ。デフォルトでは、通常のモバイル画面よりも幅が広くなっています。
レスポンシブ アプリ ウィンドウ内の WeChat コンポーネントのデモアプリ。
3 つのボックス A、B、C が重ねて表示されている狭いウィンドウの WeChat コンポーネント デモアプリ。
狭いアプリ ウィンドウに表示された WeChat コンポーネントのデモアプリ。
3 つのボックス A、B、C を表示する WeChat コンポーネントのデモアプリ。A は B の上に重ねられ、C は横に表示されています。
幅広いアプリ ウィンドウで表示される WeChat コンポーネントのデモアプリ。

macOS では、コンテキスト メニューからミニアプリの権限設定を変更できます。Windows では、これはできないようです。デモアプリによって報告される位置情報は、Windows がアプリに権限を尋ねることなく取得することを許可する大まかな位置情報のようです。

macOS で実行されている WeChat コンポーネントのデモアプリ。位置情報とユーザー情報の権限の 2 つのチェックボックスが表示されています。
macOS 版 WeChat ミニアプリの設定。

360 Secure Browser のミニアプリ

360 Secure Browser(360 安全浏览器)は、Qihoo 社が開発したウェブブラウザです。このブラウザは、iOS と Android 以外に、WindowsmacOSLinux でもご利用いただけます。Windows では、特別な 360 ミニアプリを実行できます。デベロッパー向けドキュメントAPI は他のベンダーのものと同等ですが、360 には専用の DevTools はありません。代わりに、デベロッパーは任意の IDE でミニアプリを作成し、特別な開発モードを使用してブラウザでテストする必要があります。デバッグは Chrome DevTools で行います。デモアプリを使用して、すぐに使い始めることができます。

360 Secure Browser で実行されている 360 ミニアプリを Chrome デベロッパー ツールでデバッグしている様子。
Chrome DevTools を使用して 360 度ミニアプリをデバッグする。

360 ミニアプリは全画面表示モードで実行でき、マルチタスクバーに個別のエントリとして表示されます。コンテキスト メニューから、デスクトップからミニアプリを起動できるホーム画面のアイコンを追加できます。

全画面モードで実行されている 360 度動画ミニアプリ。視聴する動画のさまざまなサムネイルが表示されています。
360 ミニアプリが全画面モードで実行されている。

ウェブベースのミニアプリ

ウェブベースのミニアプリ プラットフォームもありますが、その潜在能力を最大限に引き出すには、特別な WebView が必要です。

LINE

LINE は、スマートフォン、タブレット、パソコンなどの電子機器でインスタント コミュニケーションを行うためのアプリです。また、LINE はデジタル ウォレット、ニュース ストリーム、ビデオ オンデマンド、デジタル コミック配信など、さまざまなサービスを提供するプラットフォームです。このサービスは、韓国のインターネット検索エンジン会社 Naver Corporation の子会社です。

LINE ミニアプリは、LINE Front-end Framework(LIFF)を読み込む基本的には通常のウェブアプリサンプルアプリを参照)であるため、特別な永続リンク)を使用して、メインの LINE アプリの外部からアクセスすることもできます。ただし、このような場合でも、すべての API を使用できるわけではありません。ブラウザ API で使用できない API の例としては、QR コードを読み取る liff.scanCode() メソッドや、liff.bluetooth.getAvailability() などの Bluetooth 関連の API などがあります。プラットフォームの雰囲気をつかむには、ブラウザで LINE Playground アプリをテストするか、LINE アカウントをお持ちの場合は LINE アプリをテストします。

iOS デバイスで実行されている LINE Playground デモアプリ。`liff.getOS()` が「ios」を返していることを示しています。
iOS デバイスで実行されている LINE Playground デモアプリ。
ウェブブラウザで実行されている LINE Playground デモアプリ。`liff.getOS()` が「web」を返していることを示しています。
ウェブブラウザで実行されている LINE Playground デモアプリ。

Google Spot

Google Spot Platform を使用すると、デベロッパーは Google Pay に Spot を設定できます。Spot は、必要に応じて作成してブランドを表示し、ホストできるデジタル ショーウィンドウです。このショーウィンドウは、オンラインと実店舗の両方を通じて、容易に見つけることができます。ユーザーはお気に入りのメッセージ アプリで簡単に「スポット」(アプリでの呼称)を共有する、または Google Pay で検索できます。Spot は HTML と JavaScript を使用してビルドされているため、お知らせ投稿に記載されているように「JavaScript を数行追加する」だけで、モバイル ウェブサイトや PWA への既存の投資を簡単に Spot に変換できます。

Google Pay スーパーアプリで実行されている Eat.fit ミニアプリ。ログイン用のボトムシートが表示されています。
Google Pay スーパーアプリで実行されている Eat.fit ミニアプリ(出典: Google)。

VK ミニアプリ

ロシアのソーシャル ネットワーキング プラットフォーム VK は、ミニアプリ プログラムを運営しています。このプログラムでは、デベロッパーがソーシャル ネットワークと深く結びついたミニアプリを作成できます。VK ミニアプリは、VK のプラットフォーム固有のモバイルアプリとデスクトップ ウェブサイトの両方で動作します。Mail.ru などのブランドの他のプラットフォームに加えて、VK ミニアプリは Atom ブラウザにも統合されています。

VK で実行されている Все аптеки ミニアプリ。
VK で実行されている Все аптеки ミニアプリ(出典: VK)。

Telegram ミニアプリ

Telegram ミニアプリを使用すると、デベロッパーは JavaScript を使用して、Telegram 内で直接起動できる柔軟なインターフェースを作成できます。ボットと同様に、Mini Apps は 20 の決済プロバイダ(Google Pay と Apple Pay が標準で搭載)を使用したシームレスな認証統合された支払い、ユーザーに合わせたプッシュ通知の配信などをサポートしています。この機能をテストするためのデモ ミニアプリがあります。

Durger King のデモ用ミニアプリ(出典: Telegram)。

謝辞

この記事は、Joe MedleyKayce BasquesMilica MihajlijaAlan Kent、Keith Gu が確認しました。