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
技術習得の時間を作る
Search
inaka-phper
June 19, 2019
1
520
技術習得の時間を作る
inaka-phper
June 19, 2019
Tweet
Share
More Decks by inaka-phper
See All by inaka-phper
前回の”どう書く”を もっと高速にしてみた 2019.4.17 Nagoya.php #15
inakaphper
1
440
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1356
200k
Designing the Hi-DPI Web
ddemaree
276
33k
What's in a price? How to price your products and services
michaelherold
237
11k
Building Your Own Lightsaber
phodgson
99
5.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
The Language of Interfaces
destraynor
151
23k
Debugging Ruby Performance
tmm1
70
11k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Happy Clients
brianwarren
92
6.4k
We Have a Design System, Now What?
morganepeng
43
6.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Visualization
eitanlees
136
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िؒఔʣ ɾࡉ͔͍ඪͳͷͰՌͰ͖͕͋Γ͘͢ɺ ɹܧଓͯ͠ୡײΛຯΘ͍ϞνϕʔγϣϯΛอͭ ɾશମͷֶशίετ͕ߴͯ͘ࡉ͔͘Γग़͢͜ͱՄೳ
ཉுΓ͗ͣ͢ ԼΛݟͯҰาͣͭ ண࣮ʹਐΜͰ͍͜͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠