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
140
Install for PWA
Avatar for tiwu tiwu_dev
0
1.6k
App Shortcuts
Avatar for tiwu tiwu_dev
0
940
Web Vitals
Avatar for tiwu tiwu_dev
0
83
Web Share API
Avatar for tiwu tiwu_dev
0
1.6k
PWAとCache API #frontkansai
Avatar for tiwu tiwu_dev
5
2.4k
Web Componentsとlit-element #frontkansai
Avatar for tiwu tiwu_dev
2
1.7k
Service Worker Life Cycle “Install” #pwanight
Avatar for tiwu tiwu_dev
0
680

Other Decks in Technology

See All in Technology
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
Avatar for Masaki Kubota makikub
0
130
チームで実践する AI-DLC 思考の軌跡を残すチェックポイント設計
Avatar for Belong inc. belongadmin
0
2.6k
JJUG CCC 2026 Spring　AI時代の開発こそ標準化を武器に！ ― 方式・プロセス・プラットフォームの標準化
Avatar for WatanabeShun s27watanabe
2
720
地元にいないローカルオーガナイザーの立ち回り
Avatar for uvb_76 uvb_76
1
470
AI活用を推進するために ファインディが下した、一つの小さな決断
Avatar for starfish719 starfish719
0
250
Sony_KMP_Journey_KotlinConf2026
Avatar for ソニー株式会社 sony
2
210
「速く作る」から「正しく作る」へ ─ 生成AI時代の開発フロー改革の ロードマップと実行 ─
Avatar for starfish719 starfish719
0
7.6k
noUncheckedIndexedAccess、3時間、1万円。 / noUncheckedIndexedAccess, 3 Hours, 10,000 JPY.
Avatar for 株式会社カオナビ kaonavi
1
300
「コーディング」しない人のための Claude Code 入門　ChatGPT の次の一歩 — 業務に組み込む 育成・共有・自動化
Avatar for ふくだ（fukuda ryu） rfdnxbro
2
1.2k
ポケモンの型をTypeScriptの型システムで表現してみた
Avatar for subroh_0508 subroh0508
0
330
SIer20年！ 培ったスキルがスタートアップで輝く時
Avatar for しゅういちろ shucho0103
0
350
正解のないAIプロダクトをどう導くか？dodaが挑む、ユーザーの『本音』を構造化する評価設計と検証のリアル
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
180

Featured

See All Featured
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
690
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
150
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
520
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.3k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
220
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
350
Docker and Python
Avatar for Tania Allard trallard
47
3.9k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
150
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.9k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
620

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/