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
94
PWA with YUMEMI -PWA Night Conference 2021-
kkeeth
June 24, 2021
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
30
とある EM の初めての育休からの学び
clown0082
1
4.1k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
180
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.1k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.7k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
620
JavaScript × Mathematics go to Digital Art
clown0082
1
400
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
290
Other Decks in Technology
See All in Technology
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
130
kintone開発チームの紹介
cybozuinsideout
PRO
0
73k
JOAI発表資料 @ 関東kaggler会
joai_committee
1
350
Browser
recruitengineers
PRO
4
400
Devinを使ったモバイルアプリ開発 / Mobile app development with Devin
yanzm
0
190
LLM時代の検索とコンテキストエンジニアリング
shibuiwilliam
2
1.1k
小さなチーム 大きな仕事 - 個人開発でAIをフル活用する
himaratsu
0
120
広島発!スタートアップ開発の裏側
tsankyo
0
250
Goでマークダウンの独自記法を実装する
lag129
0
220
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
390
制約理論(ToC)入門
recruitengineers
PRO
3
350
「守る」から「進化させる」セキュリティへ ~AWS re:Inforce 2025参加報告~ / AWS re:Inforce 2025 Participation Report
yuj1osm
1
140
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Bash Introduction
62gerente
614
210k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Thoughts on Productivity
jonyablonski
69
4.8k
A Tale of Four Properties
chriscoyier
160
23k
How to Ace a Technical Interview
jacobian
279
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Site-Speed That Sticks
csswizardry
10
790
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Gamification - CAS2011
davidbonilla
81
5.4k
Become a Pro
speakerdeck
PRO
29
5.5k
Balancing Empowerment & Direction
lara
2
590
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