経緯 趣味が手芸（ミシン）の妻からある日突然、slack でこんな画像が送信されてきました。 特に難しいものではなかったので、隙間時間でサッと作って Cloudflare Pages にデプロイしました。 Cloth Price Calculator 計算したログを残せたほうがいいんじゃないか、そのログから合計をだしたりできたほうがいいのではないかなど色々と提案してみたのですが、これくらいシンプルなほうが使い勝手がいいとのことだったので希望通りに実装しました。 結果そこそこの反響があり、せっかくなのでオフラインでも動作するように PWA 対応をしてみました。 Next.js で PWA 対応 https://github.com/hbsnow/cloth-price-calculator/tree/v1.0.0 対応前のコードは上記になります。 ここでは Next.js の公式サイトにある
pwaperformanceService Worker Lifecycle ExplainedExplaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible. The Service Worker lifecycle is arguably the most complex part around Service Workers and Progressive Web Apps (PWAs). I only felt like I understood it completely while writing this article, and I hope it will make your life with Service Workers a lot easi
【Nuxt.js】Vue.jsをより効果的に使えるフレームワークのメリットや利用シーンを紹介！｜Udemy メディア
システム開発 2019/09/20 【Nuxt.js】Vue.jsをより効果的に使えるフレームワークのメリットや利用シーンを紹介！ Nuxt.jsとは、Webアプリ開発の機能が最初から組み込まれているVue.jsベースのJavaScriptフレームワークです。2017年以降、爆発的に普及しています。今回は、Nuxt.jsのメリットや利用シーンについてお伝えします。 Nuxt.jsとは？ Nuxt.jsとは、Vue.jsベースのJavaScriptのフレームワークで、「ナクスト」と読みます。React.jsベースのサーバーサイドレンダリング(以下SSR)用フレームワークであるNext.jsに触発されて作られました。 UIなどフロントエンド向けのフレームワークであるVue.jsに対し、UI以外の部分でWebアプリケーション開発に必要な機能が最初から組み込まれています。 Nuxt.jsは、ホテル
Nuxt.jsを使うと、比較的簡単にPWA対応のサイトを作ることができます。 ただ、PWA対応と一言で言っても、PWAが指す機能は様々なものがあります。 オフラインキャッシュ ホームスクリーン追加 プッシュ通知 カメラ 決済機能 etc iOSではAndroidと比べてPWAの対応が遅く、キャッシュ以外はあまり使うことがなかったのですが、 最近iPhoneからPixel4に機種変更したこともあり、手元の環境で色々とPWAを試すことができるようになったので、 色々実装して遊んでみました。 今回は、比較的簡単に実装ができる、 オフラインキャッシュ ホームスクリーン追加 プッシュ通知 をNuxt.jsとPush7というサービスを使って、実装してみたいと思います。 なお、今回作成したサンプルは以下のURLにアップしています。 https://nuxtpwa.netlify.com/ https:/
TechCrunch
With the current iteration of its product going through its paces with a handful of beta customers, FlexAI will launch its first commercial product later this year.
米MicrosoftのPWA（Progressive Web Apps）プロジェクト、PWABuilderは7月10日（現地時間）、米Googleとの協力により、開発者がPWAをGoogleのAndroidアプリストア「Google Playストア」に登録しやすくするため、ツールの相互運用性を確保したと発表した。 Microsoftのユダ・ガブリエル・ヒマンゴ氏は公式ブログで「Microsoftのオープンソースの開発者ツールPWABuilderとGoogleのユーティリティ＆ライブラリのBubblewrapを連携させ、開発者がPWAをGoogle Playストアで公開できるようにした」とし、「MicrosoftとGoogleがWeb開発者コミュニティの利益のために新たに協力したと発表できて嬉しい」と語った。 PWAは、米Googleが中心となって取り組んでいる、Webアプリの進化系のような
What's new, what's missing, new challenges and new abilities by Maximiliano Firtman Twitter @firt About Newsletter Published 4 years ago (16 Sep 2020) About 21 min reading time #ios #webview #pwa #store From today, iOS 14 and iPadOS 14 are available to most users in the world. I've played with it, and here you have a list of the essential changes for PWA and Web Designers and Developers. As usual
Building a PWA at Google, part 1 Stay organized with collections Save and categorize content based on your preferences. This is the first of a series of blog posts about the lessons that the Google Bulletin team learned while building an external-facing PWA. In these posts we'll share some of the challenges we faced, the approaches we took to overcome them, and general advice for avoiding pitfalls
【ネイティブJavaScriptのみ】 Web APIを活用したアプリ開発（PWA化も）【JS勉強1か月でも開発可】 - Qiita
はじめに コロナの影響で今年のＧＷは外出自粛。 ということでオンラインハッカソンに参加させていただきましたのでその記録の記事です。 構想編 何が作りたいか？ 「日常生活での無駄を減らせるものが使いたい」ということで 以前より無駄だなと思っていた今日何食べよう（どこ行こう？）問題に焦点をあてることに。 何が作れるか？ 現在のスキルとしてHTML,CSS,JavaScriptの基礎の知識（dotinstall一周したくらい）しかない。 JavaScriptで動かせるものを探していたらAPIがJavaScriptが動かせそうと知る。 構想編まとめ 【作成目標】 ・ 今日なに食べよう？と考える不毛時間の削減 ・ 考えるのが嫌になって毎度同じ店に行ってしまう現象の防止（未開拓店舗の発掘） 【アプリ概要】 ・ 今日の気分から適切なレストランを提案 → 周辺の店舗検索 （yes/no診断→店舗検索） ・
Random notes around service workers development and testing
Hey! Here are a few random tips and tricks I learned through the years around service workers development and testing. Helpful service worker resources Introduction to Service Worker - Google's introduction to service workers. It's a great starting point if you know nothing about service workers. Now THAT’S What I Call Service Worker! - Jeremy Wagner breaks down the performance improvements obtain
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.js で作成した Web アプリを PWA 対応する | DevelopersIO
Service Worker Lifecycle Explained | Felix Gerschau
Nuxt.js＋Push7でPWAアプリとプッシュ通知を実装する - Qiita
MicrosoftとGoogle、PWAのPlayストア登録促進でコラボ
Safari on iOS 14 and iPadOS 14 for PWA and Web Developers－firt.dev
Building a PWA at Google, part 1 | Articles | web.dev