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
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
A Modern Web Designer's Workflow
chriscoyier
695
190k
4 Signs Your Business is Dying
shpigford
184
22k
KATA
mclloyd
32
14k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Building an army of robots
kneath
306
45k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
We Have a Design System, Now What?
morganepeng
53
7.7k
Done Done
chrislema
185
16k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
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