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
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Practical Orchestrator
shlominoach
190
11k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
A designer walks into a library…
pauljervisheath
207
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
A better future with KSS
kneath
239
17k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Music & Morning Musume
bryan
46
6.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Agile that works and the tools we love
rasmusluckow
330
21k
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