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

PWAを体感できるサービス「ぱちぱち」をリリースした - Qiita

今月のはじめあたりから個人で開発をしていたWebサービス「ぱちぱち」をリリースしました。 🎉「ぱちぱち」をリリースしました！🎉 相手に気軽にぱちぱちを送れます👏 プッシュ通知に対応していて、ぱちぱちを受け取ると通知がきます💌 アカウント登録してくれた方は出来る限り私からぱちぱちを送ります👏 是非登録してみんなに「ぱちぱち」を送ってみてください🙏https://t.co/0pQgdWOHqT — おりばー@技術書典5 【き27】 (@oliver_diary) 2018年9月30日元々は技術書典5 の執筆を行う上で、扱っていたテーマが PWA ということもあり、そのサンプルアプリケーションとして作成していたのですが、ブラッシュアップをすれば世にリリースできるのでは？と思ったのでリリースした感じになります。是非アクセスして、利用していただければ幸いです。また、技術書典5

n314 2018/10/01

PWA

リンク

iOSでPWAとして起動されたときにLocalStorageに保存したtokenを利用してオートログインさせる - Qiita

背景 iOS(11.3時点)のPWAではCookieが起動ごとに初期化され、Session(Cookie)を利用したログイン状態の保持ができません。追加調査でLocalStorageについては初期化されないことがわかったため、LocalStorageを利用したオートログインの実現について実験しました来週開催されるWWDCやiOS12で解消されるのを切に願ってます😭 過去の調査内容【調査】WEBアプリをPWAとして起動した場合にブラウザのCookieが引き継がれるか確認する - Qiita 【調査】WEBアプリをPWAとして起動した場合にブラウザのlocalStorageが引き継がれるか確認する - Qiita サンプルアプリ調査のために作成したサンプルアプリは今後もiOS, Androidバージョンアップ時に利用する可能性がありそうなためHerokuで公開しておきました。（無料プラ

n314 2018/09/13

PWA
iOS

リンク

PWAで表示速度が2倍に！スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット - エンジニアHub｜Webエンジニアのキャリアを考える！

PWAで表示速度が2倍に！スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリットネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA（Progressive Web Apps）は本当に「アリ」なのか――？ネイティブアプリの開発にはWebとは異なる専門知識が必要であり、またAndroidやiOSなどOSごとでも異なるため、リソースが膨大にかかるという課題があります。そこで昨今は、XamarinやReact Nativeなどのクロスプラットフォーム開発ツールを使い、ネイティブアプリやWebの開発を一本化しようという動きが活発になっています。一方で、ネイティブアプリに近い体験を簡単に提供できるとして注目を集めているのが、Goog

n314 2018/06/05

世間的にはSPA用なの？従来のHTMLの方がキャッシュの効果ある気がしてた。SPAの方が良いなら昔のAppCacheのときにもっと流行ってても良かったと思う。

PWA

リンク

「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える

Progressive Web Appsというワードが世に出て約2年半が経ちました。2015年10月に開催されたChrome Dev SummitにてFlipkartの事例をもってお披露目となったそのコンセプトは、2018年現在までに徐々に成功事例を増やしながらWeb界隈の注目を集め、ついに先日（忘れもしない2018年3月30日！）iOS 11.3からiOSデバイスでも一部の機能が利用できるようになるまで成長しました。これは、まるで進学する我が子を見ているかのような、新年度にふさわしい晴れやかなニュースですし、いい機会なので PWAとは何かを改めて振り返ってみようと思います。 Webに足りなかったもの私はWebが大好きです。リンクを1つクリックしたら（インストールなど煩わしい手続きなしで）すぐに新しいコンテンツを読めるのは最高の体験だなと常日頃感じています。ただし、今までのWebアプリの

n314 2018/04/19

PWA

リンク

日経電子版サイト高速化とPWA対応 / nikkei-high-performance-pwa

html5j Webプラットフォーム部第19回勉強会 W.A.S.M featuring PWA https://html5j-webplat.connpass.com/event/74013/

n314 2017/12/20

やってみた的なことじゃなくて実例というのがいい

リンク

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) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能