Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
PWA with YUMEMI -PWA Night Conference 2021-
Search
kkeeth
June 24, 2021
Technology
0
74
PWA with YUMEMI -PWA Night Conference 2021-
kkeeth
June 24, 2021
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
1.3k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
130
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.8k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
570
JavaScript × Mathematics go to Digital Art
clown0082
1
340
In-house study group at YUMEMI
clown0082
0
180
Playing Ionic Logo by p5.js
clown0082
0
240
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Technology
See All in Technology
2025-02-21 ゆるSRE勉強会 Enhancing SRE Using AI
yoshiiryo1
1
420
なぜ私は自分が使わないサービスを作るのか? / Why would I create a service that I would not use?
aiandrox
0
850
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
140
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
Perlの生きのこり - エンジニアがこの先生きのこるためのカンファレンス2025
kfly8
1
220
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
150
人はなぜISUCONに夢中になるのか
kakehashi
PRO
6
1.7k
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
170
Active Directory攻防
cryptopeg
PRO
7
4.4k
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
kawamataryo
0
150
OpenID BizDay#17 KYC WG活動報告(法人) / 20250219-BizDay17-KYC-legalidentity
oidfj
0
290
全文検索+セマンティックランカー+LLMの自然文検索サ−ビスで得られた知見
segavvy
2
130
Featured
See All Featured
Done Done
chrislema
182
16k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Into the Great Unknown - MozCon
thekraken
35
1.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
80
5.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
BBQ
matthewcrist
87
9.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Transcript
PWA with YUMEMI PWA Night Conference 2021 2021/06/26(土) 株式ձ社ゆめみ
͍ͭͳΒ͜͜Ͱ ฐࣾΏΊΈͷ͔Γ͠·͕͢…
ࠓͳΔ͘ PWA ʹؔ͢ΔΛ͠·͢🎉 ͨͩ…࠷ޙʹͪΐͬͱ͚ͩએ͠·͢🙇
ࣗݾհ
const my_info = { Fullname: ‘܂ݪਔ’, Position1: ‘FE ςοΫϦʔυ’, Position2:
‘νϟϨϯδऔక’, Twitter: ‘@kuwahara_jsri’, PokemonGO: ‘TL 40’, }
ͦΕͰ PWA ͷ͓Λ͠·͠ΐ͏ʂ
ͬ͘͟Γ Web ͷྺ࢙͔Β PWA ͷՁΛߟ͑Δ
1999 ʙ 2008
1999 2005 2008 2007 ECMA Script4 ͷҊ͕ഁغ͞ΕΔ ECMA Script4 ༷ॻͷυϥϑτ͕ެ։
2003 ̎ؒࡦఆΛதஅ ECMA Script4 ༷ࡦఆ։࢝ ࡦఆΛ࠶։ MicroSoftɹ🆚ɹNetscape
ECMA Script4 http://www.ecmascript.org/es4/spec/overview.pdf Ϟδϡʔϧ ΦϒδΣΫτࢦ ςϯϓϨʔτʢδΣωϦΫεʣ ੩తܕ͚ Nullable ܕ
ECMA Script4 http://www.ecmascript.org/es4/spec/overview.pdf Ϟδϡʔϧ ΦϒδΣΫτࢦ ςϯϓϨʔτʢδΣωϦΫεʣ ੩తܕ͚ Nullable ܕ TypeScript
ωΠςΟϒΞϓϦ ։ൃ༻ͷݴޠͬΆ͍💁
2005
Google Map https://goo.gl/maps/J7rXqbuAdwYC7Ljd8
Google Map https://goo.gl/maps/J7rXqbuAdwYC7Ljd8 AJAXͷొʢϦϩʔυͳ͠Ͱσʔλͷऔಘʣ ωΠςΟϒΞϓϦͷૢ࡞ײΛ Web ϖʔδͰ
2014? ʙ now
ίϯϙʔωϯτઃܭ Component MVC MVA MVVM Atomic Design
ίϯϙʔωϯτઃܭ Component MVC MVA MVVM Atomic Design Web ΞϓϦέʔγϣϯ ≒
ωΠςΟϒΞϓϦέʔγϣϯ
ίϯϙʔωϯτઃܭ Component MVC MVA MVVM Atomic Design PWA ͋͘·Ͱ 📣Web
ΞϓϦέʔγϣϯ📣
PWA ͷಛ ϓογϡ௨ ϗʔϜը໘ʹՃ (A2HS) Ωϟογϡ/ΦϑϥΠϯ HTTPS
ϓογϡ௨ Ωϟογϡ/ΦϑϥΠϯ HTTPS PWA ͷಛ ϗʔϜը໘ʹՃ (A2HS)
PWA νΣοΫϦετ https://web.dev/pwa-checklist/
Β PWA ͷಓࢣ
ΏΊΈͷ͝հ
ΏΊΈͷ໘ന੍͍ 👍 ษڧ͠์੍ 👍 ༗څऔΓ์੍ 👍 څ༩ࣗݾܾఆ੍ ͳͲ
Ͱ͖ΔاۀNo.1 Ұॹʹ YUMEMI で ಇ͖·ͤΜ͔? YUMEMI Ͱ͠·ͤΜ͔ ? ڵຯΛ࣋ͬͨํɺੋඇ͓͍ͤͯͩ͘͞͞ʂ ৽ଔɾத్࠾༻ʲΤϯ
ジ χΞɾUX/UI デザ ΠφʔɾPMɾӦۀʳ Ԡื ペ ʔ ジ : https://hrmos.co/pages/yumemi/jobs/0000029/apply
None