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
55
PWA with YUMEMI -PWA Night Conference 2021-
kkeeth
June 24, 2021
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
1
52
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.2k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.1k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
480
JavaScript × Mathematics go to Digital Art
clown0082
1
240
In-house study group at YUMEMI
clown0082
0
120
Playing Ionic Logo by p5.js
clown0082
0
150
Skills that employers recommend students to acquire
clown0082
0
210
Walking through the source code of an OSS Library(ESLint))
clown0082
0
300
Other Decks in Technology
See All in Technology
Gemini, Google's Large Language Model
glaforge
0
120
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
5
790
さらばあのボタンとは言わせない SORACOM LTE-M Button powerd by AWSをまだ使えるようにした(前編?)
miura55
0
110
Rustで「プリズモイダル法」を利用して「土量計算」をガチでやる
nokonoko1203
1
360
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
3.6k
Handling focus in 2024
tahia910
0
610
高専で制御を、大学でセンシングを学び、次は脳みそ
satoshirobatofujimoto
0
120
【SORACOM UG 東海】あらゆるモノがつながる社会へ、IoT と SORACOM
soracom
PRO
1
360
.NET Profiler in 2024.
kkamegawa
2
2.5k
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
120
kcp: Kubernetes APIs Are All You Need #techfeed_live / TechFeed Experts Night 28th
ytaka23
1
160
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
1
790
Featured
See All Featured
Designing for humans not robots
tammielis
247
25k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
KATA
mclloyd
16
12k
Git: the NoSQL Database
bkeepers
PRO
423
63k
Teambox: Starting and Learning
jrom
128
8.4k
Typedesign – Prime Four
hannesfritz
36
2.1k
From Idea to $5000 a Month in 5 Months
shpigford
378
45k
Practical Orchestrator
shlominoach
183
9.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
32
47k
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