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

モバイルにとどまらない機能

中国などの国では、ミニアプリが市場を席巻しています。ミニアプリがいたるところに存在し、自然の生息環境であるモバイル デバイスとは別に、自動車や従来のデスクトップなど、他のランタイム環境をミニアプリが占拠し始めています。

自動車のミニアプリ

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

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

デスクトップのミニアプリ

パソコン版 WeChat のミニアプリ

macOSWindows 用の WeChat デスクトップ クライアントを使用すると、デスクトップで WeChat ミニアプリを実行できます。(リサーチを行っている場合や完全なエクスペリエンスを提供する場合は、制限の厳しいため、App Store から macOS バージョン読み込まないでください)。

macOS でテストするには、「File Transfer」アカウントを使用して、モバイル デバイスのミニアプリを自分と共有します。デスクトップ クライアントで開くことができるメッセージが表示されます。ほとんどの場合、ミニアプリは直接クリック可能になり、実行できるようになります。それ以外の場合は、モバイル デバイスからチャット履歴を再度自分自身に転送する必要があります。

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

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

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

デスクトップ上の WeChat ミニアプリは、オペレーティング システムと自然に統合されます。macOS と Windows の両方で、マルチタスクバーに独自のエントリと独自のタスクバー アイコンが表示されます。macOS では、ホルダーに残すオプションがありますが、WeChat クライアント アプリが閉じるとアイコンは表示されなくなります。Windows では、ミニアプリ アイコンをタスクバーに固定することはできますが、起動することはできません。macOS では、アプリのタイトルが常にアプリの実際のタイトルではなく「WeChat」になりますが、Windows では正しく表示されます。

macOS マルチタスク スイッチャーには、通常の macOS アプリに加えて、ミニアプリが含まれています。
Starbucks アプリはミニアプリで、通常の macOS アプリと同じようにマルチタスクが可能です。
macOS Dock 上の「WeChat」というタイトルの Starbucks ミニアプリアイコン。
macOS のミニアプリのタイトルは WeChat です。

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

macOS で実行されている Starbucks mini アプリが、下部に表示されるプロンプトを介してユーザー プロファイル権限を要求している。
macOS で実行されている Starbucks mini アプリがユーザー プロフィールの権限を要求している。
macOS で実行されている Starbucks mini アプリのホーム画面が表示されている。
macOS で実行されている Starbucks ミニアプリ(サイズ変更不可の固定ウィンドウ)。

デスクトップ用に最適化されたレスポンシブ ミニアプリは、(モバイルとは別に)幅広いウィンドウで表示できます。macOS では現在も固定されていますが、Windows では柔軟にサイズ変更が可能です。

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

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

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

360 セキュア ブラウザのミニアプリ

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

360 Secure Browser で動作し、Chrome Dev Tools でデバッグ中の 360 Mini アプリ。
Chrome デベロッパー ツールを使用して 360 ミニアプリをデバッグする

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

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

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

一部のミニアプリ プラットフォームはウェブベースのものですが、その可能性を最大限に引き出すには、特別な WebView の存在に依存します。

LINE

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

LINE ミニアプリは、LINE フロントエンド フレームワーク(LIFF)を導入する本質的に通常のウェブアプリサンプルアプリを参照)であるため、メインの LINE アプリの外部から特別な永続リンクを介してアクセスすることもできます()。ただし、すべての 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 を設定できます。これは、自由に作成、ブランディング、ホストできるデジタル ショップです。オンラインでも物理的なバーコードでも検出できます。ユーザーはお気に入りのメッセージ アプリで「スポット」を簡単に共有したり、Google Pay で見つけたりできます。Spot は HTML と JavaScript を使用して構築されているため、お知らせの投稿にあるように、「数行の JavaScript を追加する」だけで、モバイルサイトまたは PWA への既存の投資を簡単に Spot に変換できます。

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

VK Mini アプリ

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

VK で動作する Avgсе айтеки ミニアプリ。
VK で動作する にとって重要なミニアプリ ####(出典: VK)。

Telegram Mini アプリ

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

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

謝辞

この記事は、Joe MedleyKayce BasquesMilica MihajlijaAlan Kent、Keith Gu によってレビューされました。