サンプルのプログレッシブ Web Apps (PWA) では、デバイスにインストールしたときにアプリを段階的に強化できる機能と API を使用する方法を示します。
ほとんどの PWA サンプルの概要については、「MicrosoftEdge/Demo」リポジトリの Readme の「プログレッシブ Web Apps (PWA)」を参照してください。
はじめに使用する最初のサンプルは、 温度コンバーターのサンプルです。
特定のサンプルについては、Readme ファイルを参照してください。 一部のサンプルではセットアップが必要であり、アプリの GitHub.io デモ リンクをクリックするだけでは機能しません。
次のサンプルは、"MicrosoftEdge/Demo" リポジトリ以外のリポジトリにあります。
BPM テクノ
BPM テクノは、デバイス マイクを介してオーディオを分析し、リアルタイムの 1 分あたりの拍数 (BPM) カウンターを表示します。
このデモは、 webmaxru/bpm-counter リポジトリにあります。
BPM テクノでは、次の機能が使用されます。
| 機能 | 説明 | ドキュメント |
|---|---|---|
| ショートカット | BPM テクノは、ユーザーがアプリ内のオーディオ ファイルをアップロードできるショートカットを定義します。 | アプリのショートカットを定義する (長押しまたは右クリックメニュー) |
| ファイル処理 | BPM テクノは、 *.mp3 ファイルをネイティブに処理します。 |
PWA 内のファイルを処理する |
| 共有ターゲット | 他のアプリは、オペレーティング システムの共有ダイアログを使用して、BPM テクノとオーディオ ファイルを共有できます。 | 共有コンテンツの受信 |
| プロトコル処理 | アプリは web+bpm: URI を処理します。これは、分析対象の曲へのリンクを送信するために使用できます。 |
PWA でプロトコルを処理する |
Webboard
Webboard は描画アプリケーションです。
このデモは、 pwa-builder/web-whiteboard リポジトリにあります。
Webboard では、次の機能が使用されます。
| 機能 | 説明 | ドキュメント |
|---|---|---|
| Web 共有 | 図面は、オペレーティング システム共有ダイアログを使用して他のアプリと共有できます。 | コンテンツの共有 |
関連項目
- DevTools のサンプル コードで"MicrosoftEdge/Demos" リポジトリをドライブに複製します。