使用できるウェブの検出

お使いのブラウザでは、どのような高度なウェブ機能がサポートされていますか？それらの機能を活用しているウェブアプリは何か？これらの質問に答えるには、ブラウザのテストサイトとブラウザの拡張機能をご確認ください。

Thomas Steiner 氏

Project Fugu は、ウェブ機能のギャップを埋めて、新しいクラスのアプリケーションをウェブで実行できるようにする全社的な取り組みです。具体的には、以前は不可能だったユースケースに対応するために、新しい API をブラウザに追加するということです。お使いのブラウザでは、どのような API がサポートされていますか？どのウェブ アプリケーションでこれらの API を利用していますか？詳しく見ていきましょう。

私のブラウザは Fugu だとどうでしょうか？

ファイル処理、ファイル システム アクセス、非同期クリップボード、ウェブ共有などの Project Fugu API により、プラットフォーム固有のアプリでしか実現できない機能をウェブにもたらしました。たとえば、画像ファイルをダブルクリックして関連付けられている PWA で開き、変更を加え、変更をファイルに保存してから、画像コンテンツを別のアプリにコピーしたり、メール クライアントで共有したりできるようになりました。これは、最近までウェブでは不可能だったフローです。

可能な操作については、Fugu がブラウザにどのように対応しているかアプリケーションを確認し、お使いのブラウザでサポートされている Project Fugu API を確認してください。すべての機能がすべてのプラットフォームで公開されているわけではありません。たとえば、Contact Picker API は現在モバイルでのみ公開されています。そのため、パソコンでテストしてもスコアが 100% に達することは技術的には不可能です（その逆も同様です）。したがって、このテストは絶対的な科学ではなく、遊び心あふれる競争と考えてください。テスト済みの機能ごとに関連ドキュメントへのリンクがあり、機能の詳細を確認できます。機能の検出が可能な場合は、その機能がお使いのブラウザでサポートされているかどうか、最後に Chrome のステータスにリンクされたページ読み込みの統計情報が表示されます。これにより、特定の機能の利用状況の推移を確認できます。

ブラウザが Web Share API をサポートしている場合は、Fugu fish と進行状況バーの隣にある [Share] ボタンをクリックして、ブラウザの状態を共有できます。または、スクリーンショットをダウンロードし、任意のオンライン ソーシャル ネットワークで手動で共有することもできます。

こちらのサイト（https://howfuguismybrowser.dev/）です。
「Fugu がブラウザにどのように対応しているか」と思ったことはありませんか？

Fugu のウェブ仕様を教えてください。

How Fugu is the web? というコンパニオン ブラウザ拡張機能を使うと、アクセスしているサイトで使用されている Fugu API を確認できます。この拡張機能を Chrome ウェブストアからインストールし、ウェブをブラウジングすると、一部のサイトの Fugu の魚カウンタに、検出された Project Fugu API のバッジが表示されます。たとえば、[Excalidraw] に移動すると、Excalidraw は検出可能な 9 つの Project Fugu API を使用するため、カウンタが 9 にジャンプします。わかっています。

  1. CacheStorage
  2. Service Worker
  3. ウェブ共有
  4. 非同期クリップボード
  5. 非同期クリップボード（画像）
  6. ファイル システム アクセス
  7. ウェブ共有ターゲット
  8. ウェブ共有ターゲット（ファイル）
  9. ファイル処理
拡張機能「How Fugu is the Web」は https://excalidraw.com/ で呼び出しています。
「Fugu はウェブとどうやって違うのか」と思ったことはありませんか？

前述のように、Web Share API をサポートしているブラウザは結果を直接共有でき、サポートしていない場合は手動で共有することもできます。ブラウザが機能をサポートしているかどうかを確認するには、[詳細] をクリックして関連ドキュメントをお読みください。箇条書きにあるソースコードのリンクをクリックすることで、関連するソースコード スニペットを直接確認することもできます。

まとめ

How Fugu is the Web? 拡張機能をインストールしてウェブを閲覧していると、Project Fugu API バッジがどのくらいの頻度で表示されるかは驚くべきことです。たとえば、GitHub の [New Issue] ページのように画像をアプリに貼り付けられる機能（あまり快適ではないオプションとしてアップロードするのではなく）から、ファイル処理、ファイル システムへのアクセス、クリップボード アクセスなどの複数の機能を利用する本格的なアプリ（Excalidraw など）まで多岐にわたります。以前はプラットフォーム固有のアプリが必要でしたが、ウェブ アプリケーションによって対応できる場合があります。そのようなアプリの一例として、WebHID API を使用してゲーム キーボードをプログラミングする Wooting の Wootility アプリがあります。

同様に、任意のブラウザ（または他のブラウザや埋め込み WebView）の新しいバージョンで Fugu のウェブブラウザはどうですか？を実行するたびに非常に満足します。ブラウザのリリースのたびに進行状況バーが少し上に移動し、1 つか 2 つの新機能が追加されると進行状況バーが少し上に移動します。

ウェブ向けの開発はかつてないほど可能になり、プラットフォームには新しい機能が驚異的なペースで追加され続けています。アプリを構築するための選択肢はウェブだけではありません。このテストサイトとブラウザ拡張機能により、能力に優れたウェブを再検討できると感じていただけていれば幸いです。