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
microCMSとPWAで創るウェブ開発の未来.pdf
Search
Shoichi Matsuda
December 18, 2019
2
1.6k
microCMSとPWAで創るウェブ開発の未来.pdf
Shoichi Matsuda
December 18, 2019
Tweet
Share
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
KATA
mclloyd
32
14k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Thoughts on Productivity
jonyablonski
70
4.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
A Modern Web Designer's Workflow
chriscoyier
696
190k
Code Review Best Practice
trishagee
70
19k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
112
20k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Transcript
NJDSP$.4ͱ18"ͰΔΣϒ։ൃͷະདྷ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 1 18"/JHIU
দాঝҰʢ!TIPNBEBʣ Υϯλגࣜձࣾදऔక NJDSP$.4࡞ͬͯ·͢ ͱͱ"OESPJEJ04ΤϯδχΞ ࠓόοΫΤϯυϑϩϯτ
ࣗݾհ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 2
NJDSP$.4ʹ͍ͭͯ 3
NJDSP$.4ϔουϨε$.4ͷͭ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 4 ϔουϨε$.4ͷਓؾ
ϔουϨε$.4ͱʁ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 5 ϔουϨε$.4ͷकඋൣғ /P7JFX /P)FBE
ͲΜͳγεςϜʹͰࣗ༝ࣗࡏʹฤूػೳΛ͚ΒΕΔʂ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 6
ฤूੑߴ͍··ɺϢʔβʔମݧͷ࠷େԽʂ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 7
ࣗ༝ͳܗͰεϐʔσΟʹࢪࡦΛ࣮ߦ ͨͩͷ+40/ͳͷͰΤϯδχΞʹͱͬͯΈࠐΈ؆୯ ೖߘඇΤϯδχΞ͕͍ͭͰՄೳ ࣮ྫɿαʔϏετοϓʹΩϟϯϖʔϯݻఆϦϯΫΛઃஔ Ϗδωε্ͷڧΈᶃ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE
8
ཧը໘ͷ࣮Λେ෯লུ ͓٬͞Μʹݟ͑Δଆʹపఈతʹྗ ࣮ྫɿطଘγεςϜʴ৽نϝσΟΞՃͷཧը໘ϲ݄Λؙ͝ ͱΧοτ Ϗδωε্ͷڧΈᶄ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 9
NJDSP$.4ͷγεςϜߏ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 10 "84"NQMJGZʢαʔόϨεߏʣ 3FBDU3FEVYΛͬͨ41"
ຊʂຊޠʂ ͍࣌ؒ͢Δฤूऀʹͱ͍͍ͬͯ͢͜ͱ͕ͱʹ͔͘େࣄ αϙʔτʹڧ͍ ϝʔϧɾνϟοτͰଈ࣌ରԠɻ๚αϙʔτ࣮αϙʔτɻ શΫϥυܕ
αʔό%#ͷ४උϝϯςφϯε͕Ұෆཁ NJDSP$.4ͷڧΈ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 11
18"ͱNJDSP$.4 12
ϑϩϯτΤϯυଆͱNJDSP$.4Γ͞Ε͍ͯΔͷͰࣗ༝ʹରԠՄ ೳ $.4ͷࣄʹҰৼΓճ͞Εͳ͍ NJDSP$.4Λ͑18"ରԠͱʹ͔͘؆୯ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 13
ͰϥΠϒίʔσΟϯά NJDSP$.4 7BOJMMB+4 18" NJDSP$.4ʹը૾ͷฤूػೳ8FC)PPLTػೳ͍ͯ·͢ 18"ͳϒϩάΛ࡞ΔσϞ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE
14
18"ͷݱঢ়͜Ε͔Β 15
ΞϓϦͷΑ͏ʹΠϯετʔϧ ϓογϡ௨ ΦϑϥΠϯରԠ શը໘දࣔ 18"ૉΒ͍͠ʂ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE
16
ͨͩ͠J04͍·ͩʹΩπ͍ঢ়گ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 17 ΞϓϦͷΑ͏ʹΠϯετʔϧˠඍົʜ ϓογϡ௨ˠͰ͖ͳ͍ ΦϑϥΠϯରԠˠඍົʜ
શը໘දࣔ
݄ͷຊʹ͓͚ΔJ04γΣΞ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 18 ͓͓ΑׂͦʙׂJ04 વແࢹͰ͖ͣʜ
Ϣʔβʔͷख׳Εͨํ๏ͱҧ͏ΞϓϦΠϯετʔϧํ๏ "OESPJEɿ8FCʹ·ͣΞΫηεʁ1MBZ4UPSFʹ্͕ͬͯΔʁ J04ɿ4BGBSJϝχϡʔ͔ΒʮϗʔϜը໘ʹՃʯ ݟ׳Εͳ͍8FCϒϥβ͔Βͷϓογϡґཔ ϝσΟΞαΠτͰग़ͯ͘ΔϓογϡڐՄʹ0,ͨ͜͠ͱ͋Γ·͢
͔ʁ ϢʔβʔࢹͰͷ18" $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 19
ϗʔϜը໘ʹஔ͔ΕΔ͜ͱ͕ͱʹ͔͘େࣄʂ ཧతͳʮ໘ʯΛऔΔ͜ͱͰϢʔβʔͷҙࣝΛऔΔ ϓογϡ௨͕ͱʹ͔͘େࣄʂ ௨ڐՄΛͰ্͛ΔͨΊʹେมͳྗ దͳ௨ॾਕͷɻ௨༰ͻͨ͢Βվળɻ
ͪͳΈʹωΠςΟϒΞϓϦͰʜ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 20
466.0ɿϓογϡ௨ʹΑΔϦςϯγϣϯ্ 4QPUJGZɿར༻ɺϦςϯγϣϯɺΞϓϦΠϯετʔϧͷ্ *OTUBHSBNɿར༻ϋʔυϧΛԼ͛ͨ͜ͱͰಛʹ৽ڵࠃ͚ʹ৳ͼͯΔ 5XJUUFSɿར༻ϋʔυϧΛԼ͛ͨ͜ͱͰಛʹ৽ڵࠃ͚ʹ৳ͼͯΔ ҰํͰ࣮ྫ͔ͬ͠Γग़͖͍ͯͯΔ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE
21
୯ͳΔ8FCɺ18"ɺωΠςΟϒΞϓϦͷΈ͚ͷཧ 18"ͷ1ʮϓϩάϨογϒʯˠগͣͭ͠վળͷҙʁ 8FCΛΑΓޮՌతͳഔମͱ͍ͯͨ͘͠ΊʹඞཁͳػೳΛऔΓೖΕͯ ͍͘ྲྀΕ J04ͷํసPS"OESPJEͷେ༂ਐ
(ʹΑͬͯωΠςΟϒΞϓϦͷෑډ͕͞ΒʹܶతʹԼ͕ΔՄೳੑ ࠓޙͲ͏ͳΔʁ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 22
ࠓޙͷ18"ͷͨΊʹ NJDSP$.4͕Ͳ͏ཱͪճΔͷ͔ 23
͋ΒΏΔٕज़ελοΫʹద߹Ͱ͖Δ 18"ɺ+".4UBDLɺ41"ɺ443ɺ$MJFOU/BUJWFʜ ͋ΒΏΔʹద߹Ͱ͖Δ 1$ɺ"OESPJEJ04ɺαΠωʔδɺ73ɺ)PNFɺ$BSʜ طଘࢿ࢈Λ׆͔͍͢͠
ࠓޙͷ$.4ͱ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 24
͋ΒΏΔγʔϯͰॊೈ͔ͭޮՌతʹ͑ΔཱͪҐஔΛࢦ͢ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 25 akoarum.net
ϔουϨε$.4ͷ͝հͱσϞ 18"ʹ͍ͭͯཧ ࠓޙɺ࣮ࡍͷϏδωεͰͲ͜·ͰޮՌΛग़ͤΔͷ͔͕ݟͲ͜Ζ ৽࣌ͷ$.4"1*ϕʔεʂ NJDSP$.4Λͥͻ͓ࢼ͍ͩ͘͠͞
·ͱΊ $PQZSJHIUNJDSPDNTJP"MMSJHIUTSFTFSWFE 26
͋Γ͕ͱ͏͍͟͝·ͨ͠ 27