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
Mock Service WorkerでAPIをモックして開発をスムーズに進められた話 - Classi開発者ブログ
こんにちは。開発本部 認証連携チームでエンジニアをしている id:ruru8net です。前回はこちらの記事を書かせていただきました。 tech.classi.jp 現在は認証基盤再建というプロジェクトの中で、主にフロントエンド開発を担当しています。この記事ではフロントエンド開発においてAPIのモックのために「Mock Service Worker」を使ったところスムーズに開発を進めることができたので、使い方を紹介したいと思います。 mswjs.io ツールの導入 弊社ではフロントエンドのフレームワークにAngularを採用しているのでAngularでの導入手順を記します。 基本的にはドキュメントの手順通りです。 1. インストール $ npm install msw --save-dev # or $ yarn add msw --dev 2. モックを定義 src/mocks/hand
Safari on iOS 14 and iPadOS 14 for PWA and Web Developers－firt.dev
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
We give up, Progressive Web Apps can track you, says W3C: After 5 years, it decides privacy is too much bother
We give up, Progressive Web Apps can track you, says W3C: After 5 years, it decides privacy is too much bother Updated In 2015, as part of a privacy review conducted under the auspices of the World Wide Web Consortium (W3C), Nick Doty flagged a potential problem with web applications. This week, after five years of debate about whether or how to mitigate this privacy concern, the technical types d
Building a PWA at Google, part 1 | Articles | web.dev
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
MicrosoftとGoogle、PWAのPlayストア登録促進でコラボ
米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アプリの進化系のような
Service Worker Lifecycle Explained | Felix Gerschau
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
Speed up service worker with navigation preloads | Blog | web.dev
Speed up service worker with navigation preloads Stay organized with collections Save and categorize content based on your preferences. Navigation preload lets you overcome service worker startup time by making requests in parallel. Summary In some situations, service worker boot-up time can delay a network response. Available in the three major browser engines, navigation preload fixes this by al
TechFeed ProのPM兼UXデザイナーが語る、PWAのデメリット・メリット
関心が高まりつつあるPWA（Progressive Web Apps）についての技術・情報交換の場である「PWA Night」。Vol.14の今回はUI/UXがテーマです。株式会社テックフィードCEOで、「TechFeed Pro」のプロダクトマネージャーでありUXデザイナーでもある白石俊平氏は、同アプリ開発の経験からUI/UX設計の2つの原則について話しました。 TechFeed ProのUI/UX 白石俊平氏（以下、白石）：始めようと思います。「TechFeed ProのUI/UX」というタイトルでやりたいと思います。 軽く自己紹介すると、株式会社テックフィードというところの社長をやってます。「TechFeed Pro」というプロダクトがあるんですけれども、そのプロダクトマネージャーとかUXデザイナーとかもやっています。なので、ビジネスからUXデザイン……僕、開発者でもあるので、そうい
mozaic.fm v3 リリースと Podcast の PWA 化 | blog.jxck.io
Intro mozaic.fm をリニューアルし v3 としてリリースした。 今回の更新は以下のような変更/修正を実施している。 PWA 化 before install prompt Background Fetch Periodic Background Sync Content Index API Badging API Player UI の刷新 Pure Webcomponents Media Session API WAI-ARIA Portal Preview Screen Wake Lock Security CSP v3 (not Report-Only) Cross Origin Resource Policy Cross Origin Opener Policy Cross Origin Embedder Policy Expect-CT NEL Referrer P
Release Notes for Safari Technology Preview 💯
Safari Technology Preview Release 100 is now available for download for macOS Catalina and macOS Mojave. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS. This release covers WebKit revisions 254696-255473. Web Inspector Added links to Web Inspector Reference documentation (r254730) Renamed the Canvas Tab to be the G
Service workers at TPAC
Last month we had a service worker meeting at the W3C TPAC conference in Fukuoka. For the first time in a few years, we focused on potential new features and behaviours. Here's a summary: Resurrection finally killed If you unregister a service worker registration, it's removed from the list of registrations, but it continues to control existing pages. This means it doesn't break any ongoing fetche
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Progressive Web Apps in 2021 | CSS-Tricks
When you see PWA, Microsoft and Google want you to think Programs With Attitude: Web app release tool tweaked
The State Of Progressive Web Apps Adoption By Developers
All you need to know about Ivy, The new Angular engine!
Weekly Platform News: Web Apps in Galaxy Store, Tappable Stories, CSS Subgrid | CSS-Tricks
JSConf US 2019: Pushing JavaScript Beyond the Browser - SitePen
GitHub - chrisdancee/react-ios-pwa-prompt: A native styled 'Add to Home Screen' React component for PWAs on iOS
Top 10 Web Development Trends to Follow in 2019 - DZone Web Dev