[B! PWA] yoshitatuのブックマーク

進化する Web ～ Progressive Web Apps の実装と応用～

de:code2018の登壇で使用したスライドです。セッションの内容は、こちらの記事にまるっとまとめてありますのでぜひご覧ください。 https://blogs.msdn.microsoft.com/osamum/2018/07/03/about_pwa/ == 概要 == Progressive Web Apps (PWA) は Service Worker に代表される新しい API を複数組み合わせて実現する新しい Web アプリケーションの概念です。PWA は新旧問わず、ブラウザーの能力に応じた最適なユーザー体験を提供し、新しいブラウザーにはこれまでの Web にはなかった、ネイティブアプリのような体験も実装できます。このセッションでは、PWA の概念と具体的な実装方法、その技術の応用について紹介します。(※本セッションは JavaScript 中級者以上が対象です)

yoshitatu 2018/05/26

PWA

リンク

はじめてのPWAとAMP入門（SonicGarden Tech #1 岡山まとめ）

PWA初心者でもわかるPWAの概要とそのメリット、デメリットを解説。そして、PWAアプリを作るためにすべきことをおすすめチュートリアルサイトの紹介を交えて解説。 0から始めた人のおすすめチュートリアルやノウハウやとても役に立ちますよね〜。スマホアプリを開発するためにはSwiftやJava, kotolinなど複数の開発言語を用いてiOS対応, Android対応しなくてはならなかったのですが、PWAのようなwebの技術を使ってアプリのように動作するアプリを作れるのはリソースが足りていないチームにはぴったりだと思いました。この発表で概要を一気につかめた人は多いのではないでしょうか？ 2. AMP ~プログラマがAMPと付き合う上で知っておくべきこと~by 遠藤大介 AMPって何？という導入の部分からプログラマがAMPの何を知るべきで何に気をつけなくてはならないのかを解説。AMP特

yoshitatu 2018/04/19

PWA
AMP

リンク

Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside

はじめまして。DMM.comラボエンターテインメント本部イベント開発部の上井（ウワイ）と申します。インフラからフロントエンドまで幅広く担当しております。今回は、業務で利用しているNuxt.jsとFirebaseを使って、SPA×SSR×PWA×サーバーレスのWebアプリケーションを構築する方法をご紹介いたします。

yoshitatu 2018/04/11

リンク

PWAの実装をしてみた - 技術探し

一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？目的技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ネットワーク実装ライブラリ webpack-offline 構成ファイルルーティングアセットのインストール API周り SSR 資料さいごにそういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能

yoshitatu 2018/04/10

PWA

リンク

脱ネイティブ！Googleが推進する「PWA」にたった数時間で対応する方法

Googleが昨年発表した、Webアプリをネイティブアプリのように使えるようにするしくみ「PWA（Progressive Web Apps）」が話題です。既存サイトをPWA化する方法をサンプルコードをもとに解説します。ここ最近はプログレッシブWebアプリ（Progressive Web Apps、PWA）の話題をよく耳にするとともに、これが未来のWebなのかどうかが議論の的になっています。ネイティブアプリ vs PWA論争に加わるつもりはありませんが、PWAがモバイルデバイス対応を強化し、ユーザーエクスペリエンスを向上することだけは確かです。2018年までにはモバイルからのアクセス数がほかのすべてのデバイスからのアクセス数を上回ると予測されるなかで、どうしてこの流れを無視できるのでしょうか。良いニュースは、PWAの作成は難しくないということです。実際のところ既存のサイトをPWA化するこ

yoshitatu 2018/03/10

PWA

リンク

SCOUTER開発者ブログ

2024-04-29 CSSってどんな勉強をしたらいいの？おすすめの勉強法3選！文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […] 2024-04-29 WEBエンジニアから見たXserverの使い勝手と評判レンタルサーバーのおすすめサイトを見ると、大体どこでも上がってくる有料のレンタルサーバーの一つに「Xserver」があります。このXserverとは、どのようなサーバーで、サービスにはどのようなものがあるのか。ホームページ関連