Actions日本語このページはコミュニティーの尽力で英語から翻訳されました。コミュニティーについてもっと知り、仲間になるにはこちらから。紹介し、それが何なのか、また普通のウェブアプリよりもどのような利点があるのかを説明します。「プログレッシブウェブアプリ」という用語は、公式または正式な名称ではありません。当初使用していた略語です。数々の特定の技術と、ウェブアプリとネイティブアプリの機能の利点を併せ持った標準パターンを使用して開発されたウェブアプリです。ウェブアプリはより見つけやすいものです。アクセスするのは、アプリケーションをインストールするよりはるかに簡単で手早く、リンクを通してウェブアプリを共有することもできます。ネイティブアプリはオペレーティングシステムとより調和するので、ユーザーにもっとシームレスな使い勝手を提供します。ネイティブアプリをインストールするとオフラインで動作し、ユーザーはブラウザーを使ってアプリに移動するのではなく、ホーム画面のアイコンから好きなアプリをタップするだけで簡単にアクセスできます。よって、ネイティブアプリの利点を引き継いだウェブアプリケーションを作成することができます。これ新しい概念ではありません。このような考えは、過去にもウェブプラットフォーム上で、様々なアプローチにより何度も繰り返されてきました。プログレッシブエンハンスメントとレスポンシブデザインにより、すでにモバイルフレンドリーなウェブサイトを構築することができます。ウェブを素晴らしいものにする既存の機能を一切排除することなく、これらすべてとそれ以上の機能を提供します。単一の技術によって成り立っているわけではありません。API、機能を含みます。見極めることはできません。オフラインで動作すること、インストールできること、簡単に同期できること、プッシュ通知を送信することができることなどです。スコアを得ることができます。このスコアは大まかな指標でしかありません。して見なされるために、いくつかの重要な原則があります。コンテンツを検索エンジンで見つけることができる。アプリを端末のホーム画面に追加できる。送るだけでアプリを共有できる。オフラインか、あるいは貧弱なネットワーク環境でも使用できる。古いブラウザーでも基本的な機能は使用でき、最新のブラウザーではすべての機能が使用できる。新しいコンテンツがあるときには、通知を送ることができる。携帯電話やタブレット、ノートパソコン、テレビ、冷蔵庫など、画面とブラウザーを備える全ての端末で使用できる。アプリからの通信が第三者からの攻撃に対して安全であり、機密情報を保護できる。これらの機能を提供し、長所をすべて活用することで、ユーザーや顧客にとって魅力的で柔軟性の高いサービスを提供することができます。機能を実装するのに必要な労力は比較的小さく、得られる便益は膨大です。サービスワーカーによるキャッシュのおかげで、貴重な帯域幅と時間の節約とともに、アプリがインストールされた後の読み込み時間が短縮されます。瞬時にローディングが行われます。アプリの更新があると、変更されたコンテンツだけを更新することができます。ネイティブアプリでは、わずかな変更でもユーザーはアプリ全体をダウンロードし直さなければなりません。ネイティブプラットフォームとよく統合されたルックアンドフィール。ホーム画面のアプリアイコンや、全画面で動作するアプリなど。システム通知やプッシュメッセージによるユーザーの再エンゲージ。これはエンゲージユーザーやコンバージョン率の向上に繋がる。アプローチは挑戦する十分な価値があります。あなたのアプリでそれがどう動くのか、ぜひ自身で確認してみてください。目的は、ウェブアプリが検索エンジンでより適切に表現され、公開されやすく、カタログ化とランク付けされ、ブラウザーにメタデータを使用してそれらに特別な機能を提供することです。ような独自の技術によって特定のウェブベースのプラットフォームですでにできるようになっています。タグを使って同様のメタデータを指定するフォーマットを提供しています。manifest)です。形式のマニフェストファイルで定義します。これは、アプリ一覧や端末のホーム画面などの場面で使用するためのものです。インストール可能性ウェブアプリの使い勝手の中心となるのは、ユーザーがホーム画面にアプリのアイコンを表示し、タップしてアプリを開くことができるネイティブコンテナーであり、基盤となるプラットフォームとうまく統合されていることです。(en-US)と呼ばれる機能によって、このようなネイティブアプリの感覚を持つことができます。アプリにリンクできることです。アプリストアは不要で、複雑なインストールプロセスも不要です。これは今までもそうでした。最新のウェブアプリケーションは、ネットワークの信頼性が低い、あるいは存在しない場合でも動作します。ネットワーク非依存性の基本的な考え方は、以下の通りです。ネットワークが利用できない場合でも、サイトを再訪してそのコンテンツを取得できる。ユーザーが過去に一度でもアクセスしたことのあるコンテンツであれば、接続性が悪い状況でも閲覧できる。接続がない状況で、ユーザーに表示するものを制御することができます。クライアントサイドのデータストレージ技術など、さまざまな技術を組み合わせて実現されています。許容できる使い勝手を提供するように開発することができます。私たちは、プログレッシブエンハンスメントなどのベストプラクティスを用いて、何年も前からこれを行ってきました。クロスブラウザーに対応します。一部の機能や技術の実装が、ブラウザーの実装ごとに異なることを考慮する必要があります。再エンゲージ可能性ネイティブプラットフォームの大きな利点は、ユーザーがアプリを見ていない時や端末を使用していない時でも、アップデートや新しいコンテンツによってユーザーを簡単に再エンゲージできることです。新しい技術を使用することで、このようなことが可能になっていますが、ユーザーがウェブブラウザーを積極的に使用していないときにも、ユーザーの関心を引くことができます。利用し、セキュリティを考慮してアプリを開発していれば、ウェブプラットフォームは、コンテンツが改ざんされていないことを確認すると同時に、盗み見されることを防ぐ安全な配信メカニズムを提供します。サイトのドメインと一致するため、ユーザーは正しいアプリをインストールしているかどうかを簡単に確認することができます。これは、アプリストアのアプリとは大きく異なります。アプリストアには似たような名前のアプリがいくつもあり、中には自分のサイトをベースにしたものもあるため、混乱を招くだけです。ウェブアプリは、そのような混乱を解消し、ユーザーに最高の使い勝手を提供します。依存するのではなく、さまざまなテクノロジーを使用して、可能な限り最高のウェブの操作性を提供するという目標を達成します。必要な重要な要素は、サービスワーカーのサポートです。ありがたいことに、サービスワーカーは現在、デスクトップとモバイルのすべての主要なブラウザーでサポートされています。ウェブアプリマニフェストやプッシュ通知、お知らせ、ホーム画面に追加などの他の機能も幅広く対応されています。ウェブアプリマニフェストとホーム画面に追加の対応が制限されており、ウェブプッシュ通知には対応していません。他の主要なブラウザーはこれらすべての機能に対応しています。プログレッシブエンハンスメントのルールに従うべきです。利用可能な場合はアプリの外観や実用性を向上させる技術を使用し、それらの機能が利用できない場合はアプリの基本的な機能を提供します。信頼性の高いウェブサイトを優れたパフォーマンスで提供することは、これらの機能強化を使用することの結果であり、これは、より良い慣行に従ったウェブアプリを構築することを意味します。機能の恩恵をさらに受けることができます。カテゴリーに提出されたゲームに関する情報をリストする、非常にシンプルなウェブサイトのソースコードを調べます。ウェブサイトの実際のコンテンツについて考える必要はありません。機能を使用する方法を学ぶことです。見つけることができます。これについては、次のいくつかの記事で詳しく説明します。部に移り、サンプルアプリの構造を見ていきましょう。