ご使用のブラウザが対応している高度なウェブ機能は何ですか？また、どのようなウェブアプリでこうした機能が活用されているのでしょうか。こうした疑問に答えるには、ブラウザのテストサイトとブラウザ拡張機能をご覧ください。
Project Fugu は、ウェブ機能のギャップを埋めて新しいクラスのアプリケーションをウェブで実行できるようにする全社的な取り組みです。具体的には、アプリ デベロッパーがこれまで不可能だったユースケースを可能にする新しい API をブラウザに追加することです。お使いのブラウザではどの API がサポートされていますか？どのウェブ アプリケーションでこれらの API が利用されますか。やってみよう！
使用しているブラウザが Fugu であるとは？
File Handling、File System Access、Async Clipboard、Web Share などの Project Fugu API により、プラットフォーム固有のアプリでのみ可能だと考えていた機能をウェブでも利用できるようになりました。たとえば、画像ファイルをダブルクリックして関連付けられた PWA で開き、変更を行い、変更内容をファイルに保存してから、画像コンテンツを別のアプリにコピーしたり、メール クライアントと共有したりできます。これは、最近までウェブでは実現できなかったフローです。
どのようなことができるかについては、アプリケーション Fugu のブラウザの仕組みや、お使いのブラウザでサポートされている Project Fugu API をご確認ください。すべての機能がすべてのプラットフォームで利用できるわけではありません。たとえば、Contact Picker API は現在、モバイルでのみ公開されています。そのため、パソコンでテストした場合にスコアが 100% になるのは技術的に不可能です（その逆も同様です）。したがって、このテストは絶対的な科学ではなく、遊び心のある競技とみなしてください。テストされた機能ごとに関連ドキュメントへのリンクがあり、機能の詳細を確認できます。機能を検出できる場合は、その機能がご使用のブラウザでサポートされているかどうかについてのメモが表示されます。最後に、Chrome のステータスにリンクされたページ読み込みの統計情報から、特定の機能の人気度の推移も確認できます。
お使いのブラウザが Web Share API をサポートしている場合は、Fugu フィッシュと進行状況バーの隣にある [Share] ボタンをクリックして、お使いのブラウザの Fugu の状態を共有できます。または、スクリーンショットをダウンロードして、任意のオンライン ソーシャル ネットワークで手動で共有できます。
Fugu は？
「How Fugu is the web?」というコンパニオン ブラウザ拡張機能を使用すると、アクセスしているサイトで使用されている Fugu API を確認できます。この拡張機能を Chrome ウェブストアからインストールしてウェブを閲覧すると、一部のサイトの Fugu fish Counter に検出された Project Fugu API のバッジが表示されます。たとえば、Excalidraw に移動すると、Excalidraw は検出可能な 9 つの Project Fugu API を使用するため、カウンタは 9 にジャンプします。具体的には、次のとおりです。
- CacheStorage
- Service Worker
- ウェブ共有
- 非同期クリップボード
- 非同期クリップボード（画像）
- ファイル システム アクセス
- ウェブ共有ターゲット
- ウェブ共有ターゲット（ファイル）
- ファイル処理
これまでと同様に、ブラウザが Web Share API をサポートしている場合は結果を直接共有し、サポートしていない場合は手動で共有することができます。[詳細] をクリックして、ブラウザが機能をサポートしているかどうかを確認するには、関連するドキュメントをご覧ください。また、箇条書きリストにあるソースコードのリンクをクリックして、関連するソースコード スニペットを直接確認することもできます。
まとめ
How Fugu is the Web? 拡張機能をインストールしてウェブをブラウジングすると、Project Fugu API バッジが表示される頻度が驚くほどよくわかります。たとえば、GitHub の [New Issue] ページ（使いにくいオプションとしてアップロードするのではなく）に画像を貼り付けられる機能があるページから、Excalidraw のようにファイル処理、ファイル システムへのアクセス、クリップボードへのアクセスなどの複数の機能を利用する本格的なアプリまで、さまざまな機能を備えています。以前はプラットフォーム固有のアプリが必要でしたが、ウェブ アプリケーションで補完できるようになりました。その一例として、WebHID API を使用してゲーミング キーボードをプログラミングする Wooting の Wootility アプリがあります。
同様に、ブラウザの新しいバージョン（または他のブラウザや埋め込み WebView のみ）で「How Fugu is my browser?」を実行しても、非常に満足できます。ほぼすべての新しいブラウザのリリースで、ブラウザに新しい機能が追加されるたびに、進行状況バーが少し上がります。
ウェブ向けの開発はかつてないほど実現可能で、プラットフォームには驚異的なペースで新機能が次々と追加されています。アプリを構築するための選択肢はウェブだけではありませんが、このテストサイトとブラウザ拡張機能を通じて、まだ対応可能なウェブについてまだ検討されていない方のために、もう一度検討していただけることを願っています。