タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

PWAに関するsatoyan419のブックマーク (3)

  • PWA Starter Kit - PWAを学ぶためのテンプレート

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWA(Progressive Web Apps)というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。 そこで勉強のベースに使ってみたいのがPWA Starter Kitです。PWAに関する要素が盛り込まれたテンプレートです。 PWA Starter Kitの使い方 こちらがテンプレートです。 カウンター。これは再読み込みすると消えてしまいます。 ショッピングカート。 マニフェストファイルもきちんと設定されています。 PWA Starter KitではPWAとして必要になる要素(レスポンシブ、SPA、アプリマニフェスト)などの要

    PWA Starter Kit - PWAを学ぶためのテンプレート
  • 進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より)

    2018年5月に開催された日マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった方に向けてセッションの内容を記事にまとめましたので、ぜひご覧ください。 進化する Web ~ Progressive Web Apps の実装と応用 ~ from Osamu Monoe この記事では、昨今話題に上ることが多いPWAことProgressive Webアプリケーションについて、実際の作り方を解説しながら、それがいったいどういったものであるかを詳(つまび)らかに紹介することを目的としています。 Webでは、「ネイティブアプリと同じことができる」「ネイティブアプリを置き換える」など、期待に胸を膨らませずにいられない浪漫に満ちた噂がありますが、それが当かどうか記事

    進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より)
  • Webマーケターこそ押さえたい!プッシュ通知まで使えると話題のプログレッシブWebアプリとは

    これまで、Web技術は環境に合わせて独自の進化を遂げてきました。その端緒となるのがレスポンシブデザインです。レスポンシブデザインは、デスクトップで閲覧できるWebサイトを、端末の横幅に応じて多端末に対応させることで、モバイルにおける閲覧時の問題点を解決してきました。 一方、モバイル向けのWebアプリケーションの開発がこれまであまり活性化してこなかったのは、主にブラウザの制約が大きかったように思われます。 例えば、プッシュ通知やカメラ機能などをブラウザから直接操作できるかは、ブラウザのキャリアやバージョンによっても異なります。 しかし、PWAの対応ブラウザが増えることで、オフライン対応できたり、プッシュ通知が可能になります。ホーム画面から起動するときのUXも向上するので、ユーザーエンゲージメントも高まる可能性もあります。 PWAに関する基用語 それでは、PWAを実装するには、何が必要なので

    Webマーケターこそ押さえたい!プッシュ通知まで使えると話題のプログレッシブWebアプリとは
  • 1