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
980
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.4k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
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
N=1から解き明かすAWS ソリューションアーキテクトの魅力
kiiwami
0
100
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
830
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.2k
現場で役立つAPIデザイン
nagix
30
11k
All you need to know about InnoDB Primary Keys
lefred
0
120
Classmethod AI Talks(CATs) #15 司会進行スライド(2025.02.06) / classmethod-ai-talks-aka-cats_moderator-slides_vol15_2025-02-06
shinyaa31
0
170
Larkご案内資料
customercloud
PRO
0
650
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
5
590
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.8k
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.5k
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.2k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.5k
Documentation Writing (for coders)
carmenintech
67
4.6k
Building Your Own Lightsaber
phodgson
104
6.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Git: the NoSQL Database
bkeepers
PRO
427
64k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Building an army of robots
kneath
302
45k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Fireside Chat
paigeccino
34
3.2k
Facilitating Awesome Meetings
lara
51
6.2k
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