優れたアプリの新しいパターン

クリップボード パターン、ファイル パターン、アプリのパターンなど、優れたアプリの新しいパターンのコレクションを見てみましょう。

次世代の動画編集アプリでも、やみつきになるワードゲームでも、 将来を見据えたオンライン SNS アプリには、基本的なものがいくつか必要です。 block:

  • 通常は、動画編集アプリで、編集した動画を保存できます。
  • ユーザーがゲームの進行状況を友だちと共有できるゲームもあります。
  • オンライン ソーシャル ネットワーク アプリでは、ユーザーが投稿に画像を貼り付けられる可能性が高くなります。

これらは、そのようなパターンのほんの一例であり、他にも多くのパターンがあります。しかし、これらはすべて そのすべてに共通点が 1 つあります。それは、普遍的に実現する方法はないということです。

進行状況の共有

たとえば、すべてのブラウザに Web Share API が実装されているわけではないため、 別のアプローチ(例: Twitter のウェブ インテント、 クリップボードへのコピーもできます。 選択したアプローチ Wordle(Web Share API が実装されていない場合)。 うーん、これはまだ間に合いませんでした。

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

ファイルを保存中

節約に関して最も有効なアプローチは、 File System Access API を使用するため、最終的に FileSystemFileHandle になります。 を使用すると、真の保存、編集、保存のフローを実装できます。次の 最善の方法は、従来の <a download> にフォールバックすることです。これにより、同様にユーザーはデータを保存できますが、 ダウンロードのたびに新しいファイルが作成されるという欠点があるため、最終的に my-video.mp4 になります。 my-video (1).mp4my-video (2).mp4 など

画像を貼り付けています

概要としてまとめると、すべてのブラウザがウェブアプリへの画像の貼り付けをサポートしているわけではないため、 代わりに Drag and Drop API を使用するか、ファイル選択ツールを表示できますが、この方法は Async Clipboard API に似ていますが、少なくとも機能します。

新しいパターン

新しいパターン セクションは次のとおりです。

クリップボードのパターン

クリップボードのパターン: システム クリップボードに関連するもの(以下を参照) コピー&ペーストできます

ファイルのパターン

ファイル パターン: ファイルとディレクトリに関連するすべてのものそうだ 保存、開く、ドラッグ&ドロップ、受信、または共有します。

ウェブアプリのパターン

高度なアプリに関連するすべてを対象としたウェブアプリのパターン アプリのショートカットの提供、バックグラウンドでの定期的なデータ同期、アプリの表示 バッジなど多数あります

フィードバック

これらのパターンが優れたアプリの開発に役立つことを願っております。皆様からのフィードバックをお待ちしております。 フィードバックは、@ChromiumDev でツイートするか、 問題の報告。どちらの場合も、 @tomayacして、表示されることを確認します。

謝辞

レビューと編集を手伝ってくれた Joe Medley に感謝します。 パターンを認識します。Pete LePage のご協力に感謝いたします。 Ewa GasperowiczRachel AndrewKen Pascal 氏、 および Matthias Rohmer 技術面、組織面のサポートや 大きなポイントですパターンのプロジェクト全体は、 個々のパターンの作成者の助けを借り、 Harry TheodoulouTony ConwayPalances LiaoCecilia CongFrançois Beaufort Joe Medley