Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
microCMSとPWAで創るウェブ開発の未来.pdf
Shoichi Matsuda
December 18, 2019
2
1.2k
microCMSとPWAで創るウェブ開発の未来.pdf
Shoichi Matsuda
December 18, 2019
Tweet
Share
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
34
6.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
A Modern Web Designer's Workflow
chriscoyier
689
180k
In The Pink: A Labor of Love
frogandcode
130
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.4k
Three Pipe Problems
jasonvnalue
89
8.6k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
Testing 201, or: Great Expectations
jmmastey
21
5.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Pencils Down: Stop Designing & Start Developing
hursman
112
9.8k
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