クリップボード パターン、ファイル パターン、アプリのパターンなど、優れたアプリの新しいパターンのコレクションを見てみましょう。
次世代の動画編集アプリでも、やみつきになるワードゲームでも、 将来を見据えたオンライン 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).mp4
、my-video (2).mp4
など
画像を貼り付けています
概要としてまとめると、すべてのブラウザがウェブアプリへの画像の貼り付けをサポートしているわけではないため、 代わりに Drag and Drop API を使用するか、ファイル選択ツールを表示できますが、この方法は Async Clipboard API に似ていますが、少なくとも機能します。
新しいパターン
新しいパターン セクションは次のとおりです。
クリップボードのパターン
クリップボードのパターン: システム クリップボードに関連するもの(以下を参照) コピー&ペーストできます
ファイルのパターン
ファイル パターン: ファイルとディレクトリに関連するすべてのものそうだ 保存、開く、ドラッグ&ドロップ、受信、または共有します。
ウェブアプリのパターン
高度なアプリに関連するすべてを対象としたウェブアプリのパターン アプリのショートカットの提供、バックグラウンドでの定期的なデータ同期、アプリの表示 バッジなど多数あります
フィードバック
これらのパターンが優れたアプリの開発に役立つことを願っております。皆様からのフィードバックをお待ちしております。
フィードバックは、@ChromiumDev でツイートするか、
問題の報告。どちらの場合も、
@tomayac
して、表示されることを確認します。
謝辞
レビューと編集を手伝ってくれた Joe Medley に感謝します。 パターンを認識します。Pete LePage のご協力に感謝いたします。 Ewa Gasperowicz、Rachel Andrew、 Ken Pascal 氏、 および Matthias Rohmer 技術面、組織面のサポートや 大きなポイントですパターンのプロジェクト全体は、 個々のパターンの作成者の助けを借り、 Harry Theodoulou、Tony Conway、 Palances Liao、Cecilia Cong、 François Beaufort Joe Medley。