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
670
技術習得の時間を作る
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
550
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How STYLIGHT went responsive
nonsquared
100
5.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Designing for Performance
lara
610
69k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Automating Front-end Workflow
addyosmani
1370
200k
A better future with KSS
kneath
239
17k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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िؒఔʣ ɾࡉ͔͍ඪͳͷͰՌͰ͖͕͋Γ͘͢ɺ ɹܧଓͯ͠ୡײΛຯΘ͍ϞνϕʔγϣϯΛอͭ ɾશମͷֶशίετ͕ߴͯ͘ࡉ͔͘Γग़͢͜ͱՄೳ
ཉுΓ͗ͣ͢ ԼΛݟͯҰาͣͭ ண࣮ʹਐΜͰ͍͜͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠