よって翻訳されました。必要に応じて、コンテンツの保存と分類を行います。使用して構築および強化されており、機能、信頼性、インストール性を強化し、単一のコードベースであらゆるデバイス、あらゆる場所、あらゆるユーザーにリーチできます。可能な限り最適なエクスペリエンスを実現するため、コアと最適なチェックリストと推奨事項を使用してください。ウェブアプリのチェックリストでは、サイズや入力タイプに関係なく、すべてのユーザーがアプリをインストールして使用できるようにするための要件について説明しています。エクスペリエンスの成功に重要な役割を果たします。パフォーマンスの高いサイトは、パフォーマンスの低いサイトよりもユーザーを惹きつけ、維持します。ユーザー中心のパフォーマンス指標の最適化に重点を置きます。理由ユーザーにアプリを使用利用してもらうには、スピードが不可欠です。イベントでも停止しません。ユーザーが、ボタンのクリックなどの操作が登録されたかどうかを疑う必要は決してありません。スクロールとアニメーションがスムーズである必要があります。パフォーマンスは、アプリの動作とユーザーの認識の両方において、エクスペリエンス全体に影響します。基づいており、これらの監査で高いスコアを獲得できれば、ユーザーが快適に利用できる可能性が高くなります。データを取得することもできます。すばやく起動し、すばやく利用できるようにする方法をご確認ください。すべてのブラウザで動作ユーザーは、インストール前であれば、どのブラウザでもウェブアプリにアクセスできます。ウェブアプリであるため、ブラウザ間で動作する必要があります。エクスペリエンスを向上させることです。エクスペリエンスを強化し、より魅力的なエクスペリエンスを実現します。フォームの送信を例に考えてみましょう。フォームを使用することです。フォームを送信するようにしましょう。これにより、サポートできるユーザーの利便性を向上させることができます。ユーザーは、さまざまなデバイスやブラウザでサイトにアクセスします。その範囲の頂点だけをターゲットにすることはできません。機能検出を使用して、まだ存在しないブラウザやデバイスを使用しているユーザーを含む、可能な限り幅広い潜在的ユーザーに有用なエクスペリエンスを提供します。このクロスブラウザのプログレッシブな方法論でウェブデザインについて考える方法を説明している優れたリソースです。実践的な概要と、より高度なトピックへのリンクを提供します。特徴検出の実装記事で、特徴を直接クエリして検出する方法について説明しています。あらゆる画面サイズで使用でき、そのすべてのコンテンツはどのビューポートのサイズでも利用できます。理由デバイスにはさまざまなサイズがあり、ユーザーは同じデバイスでもさまざまなサイズでアプリを使用できます。サイズで使用可能にすることが重要です。ユーザーが完了したいタスクやアクセスしたいコンテンツは、ビューポートのサイズによって変わりません。ビューポートのサイズに応じてコンテンツを並べ替えることができますが、いずれにしてもすべて表示する必要があります。First』の中で述べているように、小さく始めて大きな画面向けにデザインを調整すると、サイトのデザインを改善できます。デバイスでは、ソフトウェア開発チームは、アプリ内で最も重要なデータとアクションのみに集中する必要があります。ピクセルの画面には、余分な要素を入れるスペースがありません。優先順位を決める必要があります。デザインに関するリソースは多数あります。よるオリジナルの記事、それに関連する重要なコンセプトのコレクション、書籍や講演などです。レイアウトをご覧ください。サイトの小さな見解と、より一般的なモバイルの見方の両方に当てはまります。内に留めておく方がシームレスなエクスペリエンスを提供できます。理由ユーザーは、接続ステータスに関係なく、インストール済みのアプリが動作することを期待します。プラットフォーム固有のアプリは、オフラインのときに空白のページを表示することは決してありません。ページを表示してはなりません。エクスペリエンスを実行中のデバイスの一部のように感じられます。ページをプリキャッシュできます。ページを作成するをご覧ください。インストール可能デバイスにアプリをインストールまたは追加したユーザーは、そのアプリをより頻繁に使用します。インストールすると、他のインストール済みアプリと同じように動作し、見た目や操作感も同じになります。他のアプリを起動する場所から起動します。ウィンドウで実行され、他のアプリと同様にタスクリストに表示されます。デバイス上のアプリユーザーと同等のエンゲージメント指標を持っています。これらの指標には、通常のユーザーよりもリピート訪問が多い、サイト滞在時間が長い、コンバージョン率が高いなどがあります。インストール可能にする方法については、インストール可能ガイドをご覧ください。作成するには、基本チェックリスト以上のものが必要です。実行されているデバイスの一部のように感じさせるものです。オフラインで利用できる接続が厳密には必要でない場合、アプリはオフラインでもオンラインの場合と同じように動作します。オフラインで使用できることを期待します。旅行アプリや航空会社のアプリでは、ルートの詳細や搭乗券をオフラインでもすぐに利用できるようにする必要があります。アプリは、オフライン再生を可能にする必要があります。アプリとニュースアプリは、ユーザーがオフラインで読めるように、最近のコンテンツをキャッシュに保存する必要があります。ユーザーはオフラインでも認証が維持されることを期待しています。そのため、オフライン認証を想定して設計してください。ユーザーにアプリのようなエクスペリエンスを提供します。方法ユーザーがオフラインでの使用を想定している機能を決定したら、コンテンツを利用可能にしてオフラインの状況に適応できるようにする必要があります。使用してデータの保存と取得を行うことができます。バックグラウンド同期を使用すると、ユーザーはオフライン中に操作を実行でき、ユーザーの接続が安定するまでサーバーの通信を遅らせることができます。ワーカーを使用して、画像、動画ファイル、音声ファイルなどの他の種類のコンテンツをオフライン用に保存したり、安全で長時間のセッションを実装してユーザーの認証を維持したりすることもできます。インジケーターにフォールバックできます。ユーザー補助要件を遵守します。ユーザー補助要件で定められた方法で使用したいと考えています。操作して理解する能力は連続体であり、ニーズは一時的または永続的です。アクセシブルにすることで、誰もが利用できるようになります。アクセシビリティの概要から始めることをおすすめします。ユーザー補助テストの大部分は手動で行う必要があります。ユーザー補助機能の監査、Axe、ユーザー補助分析情報などのツールを使用すると、ユーザー補助機能のテストを自動化できます。要素など、そのような要素を独自に再作成するのではなく、意味的に正しい要素を使用することも重要です。これにより、より高度な機能を構築する必要がある場合に、ユーザー補助機能の要件(矢印とタブのどちらを使用するかなど)を満たすことができます。関するアドバイスが優れています。検索で簡単に検出できます。理由ウェブの最大の利点の一つは、検索を通じてサイトやアプリを見つけられることです。実際、ウェブサイトのトラフィック全体の半分以上がオーガニック検索から発生しています。存在し、検索エンジンがサイトをインデックスに登録できることが重要です。レンダリングを採用する場合に特に当てはまります。ディスクリプションを設定します。検出可能性の問題をデバッグし、修正できます。サイト所有者ツールを使用することもできます。構造化データを含めることも検討してください。理由デバイスにはさまざまな入力方法があり、ユーザーがアプリの使用中、入力方法をシームレスに切り替えられる必要があります。同様に重要なこととして、入力方法は画面サイズに依存しないようにする必要があります。大きなビューポートはタップ操作に対応し、小さいビューポートはキーボードとマウスをサポートする必要があります。可能な限り、アプリとそのすべての機能で、ユーザーが選択する入力方法の使用がサポートされていることを確認してください。必要に応じて、入力に固有のコントロール(プルして更新など)も可能になるようにエクスペリエンスを強化します。さまざまな入力オプションを操作する統合インターフェースを提供し、タッチペンのサポートを追加する場合に特に適しています。再作成していないことを確認してください。ホバーで有効になるインタラクションを追加する場合は、クリックまたはタップでも有効にできるようにしてください。必要な場合にのみ尋ねます。)は、オプトインが必要な強力な機能に関連していることが多いため、ユーザーの邪魔になるように意図的に設計されています。ページの読み込み時など、追加のコンテキストなしでこれらのプロンプトをトリガーすると、ユーザーは権限を承認しにくくなり、今後権限を信頼しにくくなります。代わりに、その権限が必要な理由をユーザーにコンテキストに沿って説明した後にのみ、プロンプトをトリガーしてください。適用される権限プロンプトの設計方法を理解するための優れたリソースです。プラクティスに沿って健全なコードを作成するコードベースを健全に保つと、目標を達成し、新機能を提供しやすくなります。アプリケーションの構築には、多くの作業が必要です。アプリケーションを最新の状態に保ち、コードベースを健全な状態に保つことで、このチェックリストに記載されている他の目標を達成する新機能を容易に提供できるようになります。方法コードベースの健全性を確保するために、優先度の高いチェックがいくつかあります。既知の脆弱性があるライブラリは使用しないでください。使用していないことを確認します。リスナーの使用など)。破損しないように、防御的なコードを記述することもできます。チャンネルでの自動テストを必須にすることを検討してください。これらの手法は、エラーが本番環境に到達する前に検出するのに役立ちます。ライセンスにより使用許諾されます。ライセンスにより使用許諾されます。サイトのポリシーをご覧ください。関連会社の登録商標です。