Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
技術習得の時間を作る
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
inaka-phper
June 19, 2019
750
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
技術習得の時間を作る
inaka-phper
June 19, 2019
More Decks by inaka-phper
See All by inaka-phper
低リスクで小学生男児を鍵っ子にする 俺の勉強会#4
inakaphper
0
350
前回の”どう書く”を もっと高速にしてみた 2019.4.17 Nagoya.php #15
inakaphper
1
600
Featured
See All Featured
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
A Modern Web Designer's Workflow
chriscoyier
699
190k
Designing Experiences People Love
moore
143
24k
Believing is Seeing
oripsolob
1
270
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
48k
Code Review Best Practice
trishagee
74
20k
Claude Code のすすめ
schroneko
67
230k
Prompt Engineering for Job Search
mfonobong
0
580
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
380
Navigating Weather and Climate Data
rabernat
0
590
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
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िؒఔʣ ɾࡉ͔͍ඪͳͷͰՌͰ͖͕͋Γ͘͢ɺ ɹܧଓͯ͠ୡײΛຯΘ͍ϞνϕʔγϣϯΛอͭ ɾશମͷֶशίετ͕ߴͯ͘ࡉ͔͘Γग़͢͜ͱՄೳ
ཉுΓ͗ͣ͢ ԼΛݟͯҰาͣͭ ண࣮ʹਐΜͰ͍͜͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠