アプリと同等のUXをウェブでも提供する、PWA最新事情 from #ChromeDevSummit 2019
[レベル: 上級] この記事では、Chrome Dev Summit 2019 の PWA 関連セッションのハイライトをレポートします。 僕はデベロッパーではないので技術的な部分、特にコーディングについては言及しません。 テクニカルな内容は記事最後で紹介する動画でご確認ください。 では、PWA の最新事情を一緒に見ていきましょう！ ウェブプラットフォームとしての PWA 新興国のような通信環境が整っていない国々でもウェブを利用しやすくする。 スマートフォンや PC などあらゆるデバイスでウェブにアクセスできるようにする。 ネイティブアプリと同等な機能をウェブアプリでも提供することが重要。 airbnb 事例 airbnb はネイティブアプリから PWA サイトでのサービス提供に移行した。 その結果、初回訪問ユーザーの 65 % はウェブ経由になった。 成果: パフォーマンス（読み込み速度）
WordPress を PWA に！ホーム画面への追加機能を実装 – FirstLayout
また、不動産総合情報サイト SUUMO も成功事例として知られています。 私も Twitter 、Instagram 、Pinterest 、日経電子版の PWA を使っており、いずれもアプリはアンインストールしました。 この PWA の中で最も簡単に実装できるのが、ホーム画面への追加機能。WordPress サイトにも簡単に実装でき、あなたのサイトがウェブアプリに変貌します。 ホーム画面への追加機能を導入後に、どのように動くのか説明します。 ホーム画面への追加機能に対応したブラウザでサイトにアクセスすると、「ホーム画面に追加」バナーが表示されます。 2018 年 2 月時点の「ホーム画面に追加」バナー バナーが表示される条件は、2 回以上アクセスすること、前回のアクセスより 5 分以上が経過していることです。ただし、この条件は、今後変更される可能性があります。 執筆時点でホーム画面への追
Yahoo! JAPANトップページ（スマートフォン）におけるPWAの取り組み〜ホーム画面追加編〜
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 概要 Yahoo! JAPAN Tech Advent Calendar 2018の12月19日目を担当します、 Yahoo! JAPANトップページ（スマートフォン）のエンジニアをやっている神野（@miracletshirt09）です。よろしくおねがいします。 当記事においてはYahoo! JAPANトップページ（スマートフォン）に置けるPWAに関する取り組みをご紹介させて頂きます。 PWAとは はじめにPWAの説明を致します。 すでにご存知の方は「Yahoo! JAPANトップページ（スマートフォン）に置けるPWAの取り組み」まで読み飛ばして頂いて大丈夫です。 PWAの概要 PWAとはProgressive Web Appsの
いまさら聞けないPWAとAMP - Qiita
概要 PWA = モバイルのWEBページでネイティブアプリのようなUXを提供するためのもの ※ 2020/04/05 追記: PWAに関する仕様の策定当初はモバイルでのユースケースが主だったと記憶していますが、PWAはモバイルに限定されたものではなく、実際にデスクトップでの活用例も増えています。参考: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = モバイルのWEBページを高速化するためのもの どちらもGoogleが主軸となって策定されている、モバイルページを進化させるためのプロジェクトおよび技術。ネイティブアプリの代替技術ではなく、ブラウザAPIの進化によってネイティブアプリのようなUXをウェブページで提供することが主眼。 1. PWAとは Progressive Web Appsの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
