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.6k
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
240
ヤギでもわかるソフトウェアテスト
keitarookamura
0
110
ヤギでもわかるオブジェクト指向UIデザイン
keitarookamura
3
260
ヤギでもわかるGit入門
keitarookamura
1
220
ユースケースから考えるユーザビリティ
keitarookamura
1
160
サクッと簡単!お手軽 Scaffold
keitarookamura
1
250
自社サイトをPWA化した話
keitarookamura
0
97
CSS Animations vs WAAPI
keitarookamura
0
450
マイクロインタラクションから考えるアニメーション
keitarookamura
1
240
Other Decks in Technology
See All in Technology
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
エンジニア向け会社紹介資料
caddi_eng
14
220k
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
Amazon FSx for NetApp ONTAPのパフォーマンスチューニング要素をまとめてみた #cm_odyssey #devio2024
non97
0
220
CTOから見た事業開発とプロダクト開発 / My Perspective on Business and Product Development as CTO
keisuke69
4
960
LLMアプリケーションの評価の実践と課題 ~PharmaXにおける今後の展望~
pharma_x_tech
2
160
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
710
Featured
See All Featured
Building Your Own Lightsaber
phodgson
101
5.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Debugging Ruby Performance
tmm1
71
11k
Typedesign – Prime Four
hannesfritz
37
2.2k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
What's in a price? How to price your products and services
michaelherold
239
11k
Into the Great Unknown - MozCon
thekraken
20
1.3k
We Have a Design System, Now What?
morganepeng
46
7k
A Philosophy of Restraint
colly
200
16k
Art, The Web, and Tiny UX
lynnandtonic
291
20k
Speed Design
sergeychernyshev
9
270
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
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 ʣ ɾ࠷ऴతʹίϯϙʔωϯτϑΝΠϧͱͯ͠Γ͚Δͷ ʮ࠶ར༻ʯͰ͖Δ͔Ͳ͏͔ͰܾΊͨ❗
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ