Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Badge in Background

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for tiwu tiwu
May 01, 2020
Technology
100
0

Badge in Background

Badging API move in the Periodic Background Sync API

Avatar for tiwu

tiwu

May 01, 2020

More Decks by tiwu

See All by tiwu
Eleventy で SSG
Avatar for tiwu tiwu_dev
2
710
Eleventy - 11ty
Avatar for tiwu tiwu_dev
0
150
Install for PWA
Avatar for tiwu tiwu_dev
0
1.8k
App Shortcuts
Avatar for tiwu tiwu_dev
0
950
Web Vitals
Avatar for tiwu tiwu_dev
0
85
Web Share API
Avatar for tiwu tiwu_dev
0
1.8k
PWAとCache API #frontkansai
Avatar for tiwu tiwu_dev
5
2.6k
Web Componentsとlit-element #frontkansai
Avatar for tiwu tiwu_dev
2
1.9k
Service Worker Life Cycle “Install” #pwanight
Avatar for tiwu tiwu_dev
0
690

Other Decks in Technology

See All in Technology
Docker Desktop不要の時代が来る？ WSL標準の「wslc」で Linuxコンテナを動かしてみた.
Avatar for ueponx ueponx
0
890
AWS Blocks を触ってみた/first-tach-aws-blocks
Avatar for MURAKAMI Masahiko fossamagna
2
160
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
Avatar for you（@youtoy） you
PRO
0
130
プロダクトだけじゃない、社内プロセスにおける自動化・省力化ノススメ
Avatar for KAKEHASHI kakehashi
PRO
1
3.5k
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
Avatar for Akira Tameoka zettaittenani
0
250
AI駆動開発におけるQAエンジニアの役割事例 〜AI駆動開発の現場から〜
Avatar for Yorimitsu Kobayashi kobayashiyorimitsu
0
470
あなたの『Site』はどこですか？ — xREという考え方
Avatar for miyamu miyamu
0
1.2k
SRE Lounge Hiroshimaへの招待
Avatar for gr1m0h grimoh
0
600
Keeping applications secure by evolving OAuth 2.0 and OpenID Connect
Avatar for Alexander Schwartz ahus1
PRO
1
160
完全自律ロボットを作りたくて、先に開発を自律させた話(ROS Japan UG #63 LT)
Avatar for ありさん ( ari-san ) rryz09
0
440
Baseline対応のDOMの型定義を作った
Avatar for uhyo uhyo
3
730
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
Avatar for サイバーセキュリティクラウド cscengineer
PRO
1
4.3k

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
180
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
150
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.8k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
1k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
170
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
220
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
160

Transcript

  1. Badge in Background Wataru Taguchi

  2. Progressive Web App

  3. Badge

  4. Badging API

  5. How do I move it in the background ?

  6. Periodic Background Sync API

  7. None
  8. None

  9. Periodic Background Sync API + Badging API

  10. None
  11. None

  12. Badge in background !

  13. Demo

  14. Thank ! https://blog.jxck.io/entries/2020-04-23/periodic-background-sync.html https://web.dev/periodic-background-sync/ https://web.dev/badging-api/