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
Vue.js+AtomicDesign
Search
KeitaroOkamura
June 21, 2018
Technology
2
2.7k
Vue.js+AtomicDesign
Vue.js / Vuex / AtomicDesign / fukuokajs
KeitaroOkamura
June 21, 2018
Tweet
Share
More Decks by KeitaroOkamura
See All by KeitaroOkamura
Suspenseのユースケースを探る
keitarookamura
1
280
ヤギでもわかるソフトウェアテスト
keitarookamura
0
120
ヤギでもわかるオブジェクト指向UIデザイン
keitarookamura
3
290
ヤギでもわかるGit入門
keitarookamura
1
250
ユースケースから考えるユーザビリティ
keitarookamura
1
210
サクッと簡単!お手軽 Scaffold
keitarookamura
1
290
自社サイトをPWA化した話
keitarookamura
0
120
CSS Animations vs WAAPI
keitarookamura
0
510
マイクロインタラクションから考えるアニメーション
keitarookamura
1
270
Other Decks in Technology
See All in Technology
AIコードアシスタントとiOS開発
jollyjoester
1
230
メモ整理が苦手な者による頑張らないObsidian活用術
optim
0
110
RapidPen: AIエージェントによる高度なペネトレーションテスト自動化の研究開発
laysakura
1
380
BEYOND THE RAG🚀 ~とりあえずRAG?を超えていけ! 本当に使えるAIエージェント&生成AIプロダクトを目指して~ / BEYOND-THE-RAG-Toward Practical-GenerativeAI-Products-AOAI-DevDay-2025
jnymyk
4
230
「現場で活躍するAIエージェント」を実現するチームと開発プロセス
tkikuchi1002
6
1k
AI Ready API ─ AI時代に求められるAPI設計とは?/ AI-Ready API - Designing MCP and APIs in the AI Era
yokawasa
20
5.7k
大規模組織にAIエージェントを迅速に導入するためのセキュリティの勘所 / AI agents for large-scale organizations
i35_267
6
210
なぜAI時代に 「イベント」を中心に考えるのか? / Why focus on "events" in the age of AI?
ytake
2
310
P2P ではじめる WebRTC のつまづきどころ
tnoho
1
190
20250719_JAWS_kobe
takuyay0ne
1
160
AWS Well-Architected から考えるオブザーバビリティの勘所 / Considering the Essentials of Observability from AWS Well-Architected
sms_tech
1
850
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
helosshi
1
210
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Documentation Writing (for coders)
carmenintech
72
4.9k
What's in a price? How to price your products and services
michaelherold
246
12k
It's Worth the Effort
3n
185
28k
Facilitating Awesome Meetings
lara
54
6.5k
Adopting Sorbet at Scale
ufuk
77
9.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
840
Transcript
7VFKT "UPNJD%FTJHO 'VLVPLB+4
,FJUBSP0LBNVSB ΧϥϏφςΫϊϩδʔגࣜձࣾ 'SPOUFOE&OHJOFFS ϑϩϯτΤϯυΤϯδχΞੜ ࣗݾհ @karaagekeitaroo
ɾ"UPNJD%FTJHOʹ͍ͭͯ ɾίϯϙʔωϯτઃܭʢ7VF 7VFYʣʹ͍ͭͯ ɾ࣮ʹ͓͚ΔϧʔϧΛߟ͑ͯΈͨ ࠓ͢Δ
Έͳ͞Μ7VFKT͍ͬͯ·͔͢ʁ
ΧϯϑΝϨϯε͕։࠵͞Ε·͢ʢຊॳʣ
7VFKTͱʁ ɾ7VFKTϢʔβʔΠϯλʔϑΣΠεΛߏங ͢ΔͨΊͷ1SPHSFTTJWF'SBNFXPSL ɾίϯϙʔωϯτࢦʢ8FC$PNQPOFOUͷ ༷ʹԊͬͯઃܭ͞Ε͍ͯΔʣ
ίϯϙʔωϯτͷཻ͕ࣗ༝Ͱॊೈͳɺ ઃܭͰΉ͜ͱͬͯ͋Γ·ͤΜ͔ʁ
ͦ͜Ͱ"UPNJD%FTJHO
ͯ͢ͷཁૉΛʮ"UPNʢݪࢠʣʯ͔Β࢝·Δ ̑ͭͷཁૉʹղͯ͠ɺΈ߹Θ͍ͤͯ͘σβ Πϯख๏ͷ͜ͱ "UPNJD%FTJHOʢΞτϛοΫσβΠϯʣͱʁ
ίϯϙʔωϯτͷཻͷࢦ ⁞"UPNTʢΞτϜɾࢠʣ .PMFDVMFTʢϞϧΩϡʔϧɾࢠʣ 0SHBOJTNTʢΦϧΨχζϜɾੜʣ 5FNQMBUFTʢςϯϓϨʔτʣ 1BHFTʢϖʔδʣ
⁞"UPNTʢΞτϜɾࢠʣ "UPNTͦͷ໊લͷ௨Γɺػೳతʹ͜Ε Ҏ্ׂͰ͖ͳ͍ίϯϙʔωϯτ
⁞"UPNTʢΞτϜɾࢠʣ ྫͱͯ͠ɺϑΥʔϜͰ͍͏ͱ ʮϥϕϧʯʮೖྗ෦ʯʮϘλϯʯͷ֤ཁ ૉ͕"UPNTͱͳΓ·͢
.PMFDVMFTʢϞϧΩϡʔϧɾࢠʣ ͭҎ্ͷ"UPNT͔ΒΈ߹Θͤͯ࡞Β Εͨίϯϙʔωϯτ .PMFDVMFTͷ୯Ґʮͭͷ͜ͱ͕͏·͘ Ͱ͖Δ͜ͱʯ͕ਪ͞Ε͍ͯΔ
.PMFDVMFTʢϞϧΩϡʔϧɾࢠʣ ྫͱͯ͠ɺ ʮςΩετϘοΫεʯ ʮϘλϯʯʮೖ ྗϑΥʔϜʯͳͲ
0SHBOJTNTʢΦϧΨχζϜɾੜʣ .PMFDVMFTͷΈ߹ΘͤͰ࡞ΒΕͨൺֱ తෳࡶͳίϯϙʔωϯτ ࠷ऴతͳΠϯλʔϑΣʔεʹۙ͘ͳΓɺ࠶ ར༻ੑͷߴ͍ίϯϙʔωϯτʹͳΔ
0SHBOJTNTʢΦϧΨχζϜɾੜʣ ྫͱͯ͠ɺʮϔομʔʯʮϦετʯͳ Ͳ
5FNQMBUFTʢςϯϓϨʔτʣ ίϯϙʔωϯτΛϨΠΞτ͠ɺσβΠϯ ͷجຊతͳߏΛ໌֬ʹ͢ΔϖʔδϨϕϧ ͷΦϒδΣΫτ ݴ͍͑ΔͳΒʮϫΠϠʔϑϨʔϜʯ
1BHFTʢϖʔδʣ ϧʔλʔʹඞͣඥͮ͘ίϯϙʔωϯτ 5FNQMBUFTʹ࣮ࡍͷίϯςϯπ͕ೖΓ۩ ମతͳ࢟ͱͳͬͨঢ়ଶ͕1BHFTʹͳΓ· ͢
2ɿʮσʔλͷྲྀΕʯ͔Βݟͨ ίϯϙʔωϯτઃܭʹ͑Δͷʁ
"ɿ"UPNJD%FTJHOίϯϙʔωϯτࢦͷ ߟ͑ํʹϚον͠·͢ ʢ͖ͪΜͱ্࣮ͷϧʔϧΛઃ͚Εʂʣ
ʮσʔλͷྲྀΕʯͱʁ ɾঢ়ଶཧͷ͜ͱ ʢίϯϙʔωϯτؒͰͷσʔλ ड͚͠Πϕϯτୡͷ ΈʣΛࢦ͠·͢ ɾ7VFKTͰ7VFYΛ.PEFM ͱͯ͠ѻ͍·͢
ʮ7VFYʯͱʁ ɾ7VFY7VFKTΞϓϦέʔγϣϯͷͨΊͷ ঢ়ଶཧύλʔϯ ϥΠϒϥϦ ɾ7VFY4UPSFͱ͍͏ΞϓϦέʔγϣϯͷ ঢ়ଶʢ4UBUFʣΛอ࣋͢ΔίϯςφͰ͢
্࣮ͷϧʔϧͱͯ͠ ֤ίϯϙʔωϯτͷׂΛߟ͑ͯΈΔ
্࣮ͷϧʔϧ ⁞"UPNTʢΞτϜɾࢠʣ ɾଞͷίϯϙʔωϯτʹґଘ͠ͳ͍ ɾϩδοΫٴͼ4UBUFΛ࣋ͨͳ͍ʢεςʔτϨεʣ ɾσʔλΛ4UPSF͔Βऔಘ͠ͳ͍ ɾཁૉ͔ΒͷσʔλΛड͚औΓɺඳըཁૉʹ σʔλΛϨϯμϦϯά͢Δ͚ͩ
্࣮ͷϧʔϧ .PMFDVMFTʢϞϧΩϡʔϧɾࢠʣ ɾ"UPNTͷґଘ0,ʂ͚ͩͲ.PMFDVMFTಉ࢜ͷґ ଘͳΔ͘ආ͚Δ ɾঢ়ଶʹԠͯ͡"UPNTͷϓϩύςΟΛมߋͨ͠Γɺ "UPNTͷදࣔΓସ͑Λߦ͏ ɾ"UPNTͷΠϕϯτϋϯυϦϯάΛߦ͏ ɾσʔλΛ4UPSF͔Βऔಘ͠ͳ͍
্࣮ͷϧʔϧ 0SHBOJTNTʢΦϧΨχζϜɾੜʣ ɾཁૉ͔ΒͷσʔλΛड͚औΔʢগͳ͍ใʣ ɾ.PMFDVMFT"UPNTͷґଘ0,ʂ ɾෳͷ1BHFT͔Β࠶ར༻͞Εͯྑ͍Α͏ʹ࡞Δ ɾࢠཁૉͷΠϕϯτϋϯυϦϯάɺΠϕϯτͷൃߦ ɾ4UPSFͷΞΫηε0,ʂ
্࣮ͷϧʔϧ 5FNQMBUFTʢςϯϓϨʔτʣ ɾ5FNQMBUFT্࣮1BHFTͱҙຯ߹͍͕ ಉ͡ʹͳΔͨΊɺ༻͠ͳ͍͜ͱʹ͠·͠ ͨ
্࣮ͷϧʔϧ 1BHFTʢϖʔδʣ ɾॳݟ࣌ʹσʔλͷྲྀΕ͕໌֬ʹͳΔΑ͏ʹ͢Δ ɾίϯϙʔωϯτؒͷΠϕϯτόεʹͳΔ ɾը໘Ͱڞ௨ͷॲཧΛఆٛ͢Δ ɾը໘શମͰඞཁͳ.PEFM4UBUFΛཧ͢Δ ɾ4UPSFͷΞΫηε0,ʂʢඞཁͰ͋Εෳʣ ɾϧʔςΟϯάॲཧΛఆٛ͢Δ
"UPNJD%FTJHOͷ͓͔͛Ͱ ཻ͕దʹࡉ͔͘ͳΓɺ ίϯϙʔωϯτͷׂ͕໌֬ʹ
·ͱΊ ɾ"UPNJD%FTJHOϑϨʔϜϫʔΫʹର͢Δ ઃܭख๏σβΠϯύλʔϯΛըҰతʹͯ͠ ͘ΕΔ ɾͦΕʹ߹Θͤͯίϯϙʔωϯτͷʮׂʯ Λ໌֬ʹ͢Δ্࣮ͷϧʔϧඞཁ
ઃܭͯ͠Έͯࢥͬͨ͜ͱ ɾେ͖͞Λج४ʹ͢Δͱ͍͏ίϯηϓτ͕͔Γ͢ ͔͚ͬͨΕͲɺը໘୯Ґͷઃܭࢥ͔Β٫͢ΔͷͰɺ ࠷ॳ׳Εͳ͍ ɾ࠷্Ͱͦͷը໘ͷͯ͢ͷσʔλΛऔ͖ͬͯͯόέ πϦϨʔ͢ΔΑΓɺͦͷίϯϙʔωϯτ͕ࣗऔͬͯ͘ Δܗ͋Γͳͷ͔ͳɾɾɾΈͲ͜ΖʢQSPQESJMMJOH ʣ ɾ࠷ऴతʹίϯϙʔωϯτϑΝΠϧͱͯ͠Γ͚Δͷ ʮ࠶ར༻ʯͰ͖Δ͔Ͳ͏͔ͰܾΊͨ❗
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ