Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
技術習得の時間を作る
Search
inaka-phper
June 19, 2019
1
690
技術習得の時間を作る
inaka-phper
June 19, 2019
Tweet
Share
More Decks by inaka-phper
See All by inaka-phper
低リスクで小学生男児を鍵っ子にする 俺の勉強会#4
inakaphper
0
240
前回の”どう書く”を もっと高速にしてみた 2019.4.17 Nagoya.php #15
inakaphper
1
560
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Designing for Performance
lara
610
69k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Speed Design
sergeychernyshev
33
1.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
720
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Transcript
ٕज़शಘͷ࣌ؒΛ࡞Δ 2019.6.19 Nagoya.php #16
·ͣࣗݾհ
ͱ͋Δాࣷͷphper @inaka_phper phpྺ16(࣮ྗ͕͍ͬͯΔ͔ผ) 3લʹ۽ຊ͔Β໊ݹస৬͖ͯ͠·ͨ͠ɻ 5ࡀࣇͱ1ࡀࣇͷ ՈͰͷझຯ։ൃ͢Δ࣌ؒΛͲ͏೧ग़͢Δ͔͕࠷ۙͷΈ
ٕज़ྗΛߴΊ͍ͨʂ
Ͱ͕࣌ؒແ͍…ͱݴ͏ํ
ࢲͷ߹ ͜Μͳํ๏Ͱͬͯ·͢Α ͱ͍͏͓ ※͍ͭͬͯΔ༁Ͱͳ͍͚ͲͶʂ
ʮΓ͍ͨ͜ͱʯ ʮཧղΛਂΊ͍ͨͷʯ ϦετΞοϓ͢Δ ※͔͔ΔͰ͋Ζ͏࣌ؒ͜͜Ͱແࢹʂ
※ϩΰ͕͋Δͷ͚ͩ͋͛ͯΈͨ
͔͚ΒΕΔ࣌ؒ ͲΕ͘Β͍͋Δͷ͔ ߟ͑ͯΈΔ
ೖ ͓ ࢠڙͷੈ ৯ࣄ ௨ۈ ࣄ ௨ۈ ४උ ਭ ઌʑ݄·Ͱͷࢲ
࣌ ࣌ ࣌
ೖ ͓ ৯ࣄ ௨ۈ ࣄ ௨ۈ ४උ ਭ ઌ݄͔Β͘͠ͳͬͯ͠·ͬͨ ࣌
࣌ ࣌
Ͱ͔͜͜Β࣌ؒΛ ೧ग़͠ͳ͚ΕͳΒͳ͍
ೖ ͓ ৯ࣄ ௨ۈ ࣄ ௨ۈ ४උ ਭ ͏ʔΜ… ࣌
࣌ ࣌
ೖ ͓ ৯ࣄ ௨ۈ ࣄ ௨ۈ ४උ ਭ ͔͜͜…? ࣌
࣌ ࣌ ͜͜ ͜͜ ͜͜
೧ग़Ͱ͖ͦ͏ͳ࣌ؒ ௨ۈ࣌ؒ ెาൈ͍ͯ1࣌ؒ͘Β͍ ਭ࣌ؒ 1͙࣌ؒΒ͍ͳΒ…
࣌ؒͷ͍ํΛޮԽ ௨ۈ࣌ؒPC৮Εͳ͍ͷͰɺεϚϗͰٕज़هࣄͰใ ࣝΛಘͯɺ࡞ۀͷΛ͚ͭΔɻ ਭ࣌ؒΛͬͯ11࣌ؒఔPCʹ͔ͬͯ࡞ۀ!!
೧ग़Ͱ͖Δ࣌ؒͰ ग़དྷΔ͜ͱΛߟ͑తΛߜΔɻ
μϝͳΓํ
ษڧձΧϯϑΝϨϯεޙʹ Αؕ͘Δݱ
Γ͍ͨ͜ͱ٧ΊࠐΈ͗͢ ΅͘ͷ͔Μ͕͍͖͑ͨ͞ΐ͏ͷWEBαʔϏεΛɺ ॳΊͯ͏ʮLaravelʯͰAPI࡞Γͳ͕Βɺ ϑϩϯτॳΊͯ͏javascriptͷϑϨʔϜϫʔΫʮVue.jsʯΛ ͍ͭͭ ͞Βʹͬͨ͜ͱ͕ͳ͍͚Ͳศརͦ͏ͳʮNuxt.jsʯΛͬͯ UIʮMaterial Component FrameworkʯͰΧοίΑ͑ͭͭ͘ ͍͖ͳΓϕετϓϥΫςΟεͳϓϩάϥϜͰॻ্͖͛ͯ
αʔϏεΛ։࢝͢Δʂʂ
ݶΒΕͨ࣌ؒʹ ٧ΊࠐΈ͗͢Δͱ ਐḿ͕͘ͳΔ্ ϞνϕʔγϣϯԼ͕Δ
ྑ͍Γํ
ࢥ͍͖ͬΓൣғΛߜΔ ɾڵຯ͕ڧ͘ɺ͔ͭ࣌ؒతίεύ͕ߴ͍ͷ͔ΒͬͯΈΔ ɾશ෦Ұ͔Β࡞Ζ͏ͱͤͣطଘϓϩδΣΫταʔϏεʹର ͯ͠ࢼͯ͠ΈΔɻ ɾݴޠͷֶशίετͷେ͖͍ͷͰୡ͍͢͠খඪ Λ࡞Δ
ValueObjectʹߜͬͨ ֓೦ͱͱѲ͍ͯͨ͠ طଘͷϓϩδΣΫτͰಋೖ طଘModel(Entity)ʹରͯ͠ൺֱతखܰʹಋೖͰ͖Δ ಋೖͨ݁͠Ռɺͪΐͬͱݎ࿚ͳίʔυʹͳͬͨɻ
ྫ͑͜ΜͳΓํ
͜ΜͳͷΞϦ ɾطଘαʔϏεͷҰ෦͚ͩʹಋೖʹͯ͠ΈΔ(ಛఆσΟϨ ΫτϦҎԼͷΈͱ͔) ɾެ։͞Ε͍ͯΔAPIΛར༻ͯ͠Vue.jsͰUI࡞Δ ɾίʔυ͕Ԛͯ͘ɺͱʹ͔͘ಈ͘ͷΛ࡞Δ ɹඪୡޙʮ͜ͷ෦͚ͩ៉ྷʹ͢Δʯඪཱͯͯ ɹॱ൪ʹɺண࣮ʹୡ͍͚ͯ͠Α͍ɻ
·ͱΊ
·ͱΊ ɾ೧ग़Ͱ͖Δ࣌ؒͰୡͰ͖ΔඪΛཱͯΔ ɹʢͯ͘1ʙ2िؒఔʣ ɾࡉ͔͍ඪͳͷͰՌͰ͖͕͋Γ͘͢ɺ ɹܧଓͯ͠ୡײΛຯΘ͍ϞνϕʔγϣϯΛอͭ ɾશମͷֶशίετ͕ߴͯ͘ࡉ͔͘Γग़͢͜ͱՄೳ
ཉுΓ͗ͣ͢ ԼΛݟͯҰาͣͭ ண࣮ʹਐΜͰ͍͜͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠