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
660
技術習得の時間を作る
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
Docker and Python
trallard
45
3.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Site-Speed That Sticks
csswizardry
10
720
Thoughts on Productivity
jonyablonski
69
4.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Unsuck your backbone
ammeep
671
58k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Producing Creativity
orderedlist
PRO
346
40k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
390
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िؒఔʣ ɾࡉ͔͍ඪͳͷͰՌͰ͖͕͋Γ͘͢ɺ ɹܧଓͯ͠ୡײΛຯΘ͍ϞνϕʔγϣϯΛอͭ ɾશମͷֶशίετ͕ߴͯ͘ࡉ͔͘Γग़͢͜ͱՄೳ
ཉுΓ͗ͣ͢ ԼΛݟͯҰาͣͭ ண࣮ʹਐΜͰ͍͜͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠