Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Vue.js+AtomicDesign

Avatar for KeitaroOkamura KeitaroOkamura
June 21, 2018
Technology
2
2.7k

 Vue.js+AtomicDesign

Vue.js / Vuex / AtomicDesign / fukuokajs

Avatar for KeitaroOkamura

KeitaroOkamura

June 21, 2018
Tweet

More Decks by KeitaroOkamura

See All by KeitaroOkamura
Suspenseのユースケースを探る
Avatar for KeitaroOkamura keitarookamura
1
300
ヤギでもわかるソフトウェアテスト
Avatar for KeitaroOkamura keitarookamura
0
130
ヤギでもわかるオブジェクト指向UIデザイン
Avatar for KeitaroOkamura keitarookamura
3
300
ヤギでもわかるGit入門
Avatar for KeitaroOkamura keitarookamura
1
260
ユースケースから考えるユーザビリティ
Avatar for KeitaroOkamura keitarookamura
1
220
サクッと簡単！お手軽 Scaffold
Avatar for KeitaroOkamura keitarookamura
1
300
自社サイトをPWA化した話
Avatar for KeitaroOkamura keitarookamura
0
120
CSS Animations vs WAAPI
Avatar for KeitaroOkamura keitarookamura
0
520
マイクロインタラクションから考えるアニメーション
Avatar for KeitaroOkamura keitarookamura
1
270

Other Decks in Technology

See All in Technology
AWS運用を効率化する！AWS Organizationsを軸にした一元管理の実践/nikkei-tech-talk-202512
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
170
Microsoft Agent Frameworkの可観測性
Avatar for tomokusaba tomokusaba
1
110
AgentCoreとStrandsで社内d払いナレッジボットを作った話
Avatar for 元島優 motojimayu
1
970
2025年のデザインシステムとAI 活用を振り返る
Avatar for Tech Leverages leveragestech
0
250
投資戦略を量産せよ 2 - マケデコセミナー(2025/12/26)
Avatar for tomo gamella
0
410
Building Serverless AI Memory with Mastra × AWS
Avatar for vvatanabe vvatanabe
0
580
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
Avatar for watahani watahani
0
180
株式会社ビザスク_AI__Engineering_Summit_Tokyo_2025_登壇資料.pdf
Avatar for VISASQ eikohashiba
1
110
モダンデータスタックの理想と現実の間で～1.3億人Vポイントデータ基盤の現在地とこれから～
Avatar for タロウ taromatsui_cccmkhd
2
270
Amazon Bedrock Knowledge Bases × メタデータ活用で実現する検証可能な RAG 設計
Avatar for Tomoaki tomoaki25
6
2.4k
通勤手当申請チェックエージェント開発のリアル
Avatar for WHIsaiyo whisaiyo
3
470
特別捜査官等研修会
Avatar for Nomizo Nomizo nomizone
0
570

Featured

See All Featured
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
120
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
0
760
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
35
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
73
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
44k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
150
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
190

Transcript

  1. 7VFKT "UPNJD%FTJHO 'VLVPLB+4 

  2. ,FJUBSP0LBNVSB ΧϥϏφςΫϊϩδʔגࣜձࣾ 'SPOUFOE&OHJOFFS ϑϩϯτΤϯυΤϯδχΞ೥ੜ ࣗݾ঺հ @karaagekeitaroo

  3. ɾ"UPNJD%FTJHOʹ͍ͭͯ ɾίϯϙʔωϯτઃܭʢ7VF 7VFYʣʹ͍ͭͯ ɾ࣮૷ʹ͓͚ΔϧʔϧΛߟ͑ͯΈͨ ࠓ೔͢Δ࿩

  4. Έͳ͞Μ7VFKT࢖͍ͬͯ·͔͢ʁ

  5. ΧϯϑΝϨϯε͕։࠵͞Ε·͢ʢ೔ຊॳʣ

  6. 7VFKTͱ͸ʁ ɾ7VFKT͸ϢʔβʔΠϯλʔϑΣΠεΛߏங ͢ΔͨΊͷ1SPHSFTTJWF'SBNFXPSL ɾίϯϙʔωϯτࢦ޲ʢ8FC$PNQPOFOUͷ ࢓༷ʹԊͬͯઃܭ͞Ε͍ͯΔʣ

  7. ίϯϙʔωϯτͷཻ౓͕ࣗ༝Ͱॊೈͳ෼ɺ ઃܭͰ೰Ή͜ͱͬͯ͋Γ·ͤΜ͔ʁ

  8. ͦ͜Ͱ"UPNJD%FTJHO

  9. ͢΂ͯͷཁૉΛʮ"UPNʢݪࢠʣʯ͔Β࢝·Δ ̑ͭͷཁૉʹ෼ղͯ͠ɺ૊Έ߹Θ͍ͤͯ͘σβ Πϯख๏ͷ͜ͱ "UPNJD%FTJHOʢΞτϛοΫσβΠϯʣͱ͸ʁ

  10. ίϯϙʔωϯτͷཻ౓ͷࢦ਑ ⁞"UPNTʢΞτϜɾ෼ࢠʣ 
  .PMFDVMFTʢϞϧΩϡʔϧɾ෼ࢠʣ ⁠0SHBOJTNTʢΦϧΨχζϜɾੜ෺ʣ ⁡5FNQMBUFTʢςϯϓϨʔτʣ ⁢1BHFTʢϖʔδʣ

  11. ⁞"UPNTʢΞτϜɾ෼ࢠʣ "UPNT͸ͦͷ໊લͷ௨Γɺػೳతʹ͜Ε Ҏ্෼ׂͰ͖ͳ͍ίϯϙʔωϯτ

  12. ⁞"UPNTʢΞτϜɾ෼ࢠʣ ྫͱͯ͠͸ɺϑΥʔϜͰ͍͏ͱ ʮϥϕϧʯʮೖྗ෦෼ʯʮϘλϯʯͷ֤ཁ ૉ͕"UPNTͱͳΓ·͢

  13.  .PMFDVMFTʢϞϧΩϡʔϧɾ෼ࢠʣ ͭҎ্ͷ"UPNT͔Β૊Έ߹Θͤͯ࡞Β Εͨίϯϙʔωϯτ .PMFDVMFTͷ୯Ґ͸ʮͭͷ͜ͱ͕͏·͘ Ͱ͖Δ͜ͱʯ͕ਪ঑͞Ε͍ͯΔ

  14.  .PMFDVMFTʢϞϧΩϡʔϧɾ෼ࢠʣ ྫͱͯ͠͸ɺ ʮςΩετϘοΫεʯ ʮϘλϯʯʮೖ ྗϑΥʔϜʯͳͲ

  15. ⁠0SHBOJTNTʢΦϧΨχζϜɾੜ෺ʣ .PMFDVMFTͷ૊Έ߹ΘͤͰ࡞ΒΕͨൺֱ తෳࡶͳίϯϙʔωϯτ ࠷ऴతͳΠϯλʔϑΣʔεʹۙ͘ͳΓɺ࠶ ར༻ੑͷߴ͍ίϯϙʔωϯτʹͳΔ

  16. ⁠0SHBOJTNTʢΦϧΨχζϜɾੜ෺ʣ ྫͱͯ͠͸ɺʮϔομʔʯ΍ʮϦετʯͳ Ͳ

  17. ⁡5FNQMBUFTʢςϯϓϨʔτʣ ίϯϙʔωϯτΛϨΠΞ΢τ͠ɺσβΠϯ ͷجຊతͳߏ଄Λ໌֬ʹ͢ΔϖʔδϨϕϧ ͷΦϒδΣΫτ
 ݴ͍׵͑ΔͳΒʮϫΠϠʔϑϨʔϜʯ

  18. ⁢1BHFTʢϖʔδʣ ϧʔλʔʹඞͣඥͮ͘ίϯϙʔωϯτ 5FNQMBUFTʹ࣮ࡍͷίϯςϯπ͕ೖΓ۩ ମతͳ࢟ͱͳͬͨঢ়ଶ͕1BHFTʹͳΓ· ͢

  19. 2ɿʮσʔλͷྲྀΕʯ͔Βݟͨ ίϯϙʔωϯτઃܭʹ΋࢖͑Δͷʁ

  20. "ɿ"UPNJD%FTJHO͸ίϯϙʔωϯτࢦ޲ͷ ߟ͑ํʹ΋Ϛον͠·͢
 ʢ͖ͪΜͱ࣮૷্ͷϧʔϧΛઃ͚Ε͹ʂʣ

  21. ʮσʔλͷྲྀΕʯͱ͸ʁ ɾঢ়ଶ؅ཧͷ͜ͱ ʢίϯϙʔωϯτؒͰͷσʔλ ड͚౉͠΍Πϕϯτ఻ୡͷ࢓૊ ΈʣΛࢦ͠·͢ ɾ7VFKTͰ͸7VFYΛ.PEFM ͱͯ͠ѻ͍·͢

  22. ʮ7VFYʯͱ͸ʁ ɾ7VFY͸7VFKTΞϓϦέʔγϣϯͷͨΊͷ ঢ়ଶ؅ཧύλʔϯ ϥΠϒϥϦ ɾ7VFY͸4UPSFͱ͍͏ΞϓϦέʔγϣϯͷ ঢ়ଶʢ4UBUFʣΛอ࣋͢ΔίϯςφͰ͢

  23. ࣮૷্ͷϧʔϧͱͯ͠ ֤ίϯϙʔωϯτͷ໾ׂΛߟ͑ͯΈΔ

  24. ࣮૷্ͷϧʔϧ ⁞"UPNTʢΞτϜɾ෼ࢠʣ ɾଞͷίϯϙʔωϯτʹґଘ͠ͳ͍ ɾϩδοΫٴͼ4UBUFΛ࣋ͨͳ͍ʢεςʔτϨεʣ ɾσʔλΛ4UPSF͔Βऔಘ͠ͳ͍ ɾ਌ཁૉ͔ΒͷσʔλΛड͚औΓɺ௚઀ඳըཁૉʹ σʔλΛϨϯμϦϯά͢Δ͚ͩ

  25. ࣮૷্ͷϧʔϧ  .PMFDVMFTʢϞϧΩϡʔϧɾ෼ࢠʣ ɾ"UPNT΁ͷґଘ0,ʂ͚ͩͲ.PMFDVMFTಉ࢜ͷґ ଘ͸ͳΔ΂͘ආ͚Δ ɾঢ়ଶʹԠͯ͡"UPNTͷϓϩύςΟΛมߋͨ͠Γɺ "UPNTͷදࣔ੾Γସ͑Λߦ͏ ɾ"UPNTͷΠϕϯτϋϯυϦϯάΛߦ͏ ɾσʔλΛ4UPSF͔Βऔಘ͠ͳ͍

  26. ࣮૷্ͷϧʔϧ ⁠0SHBOJTNTʢΦϧΨχζϜɾੜ෺ʣ ɾ਌ཁૉ͔ΒͷσʔλΛड͚औΔʢগͳ͍৘ใʣ ɾ.PMFDVMFT"UPNT΁ͷґଘ0,ʂ ɾෳ਺ͷ1BHFT͔Β࠶ར༻͞Εͯ΋ྑ͍Α͏ʹ࡞Δ ɾࢠཁૉͷΠϕϯτϋϯυϦϯάɺΠϕϯτͷൃߦ ɾ4UPSF΁ͷΞΫηε0,ʂ

  27. ࣮૷্ͷϧʔϧ ⁡5FNQMBUFTʢςϯϓϨʔτʣ ɾ5FNQMBUFT͸࣮૷্1BHFTͱҙຯ߹͍͕ ಉ͡ʹͳΔͨΊɺ࢖༻͠ͳ͍͜ͱʹ͠·͠ ͨ

  28. ࣮૷্ͷϧʔϧ ⁢1BHFTʢϖʔδʣ ɾॳݟ࣌ʹσʔλͷྲྀΕ͕໌֬ʹͳΔΑ͏ʹ͢Δ ɾίϯϙʔωϯτؒͷΠϕϯτόεʹͳΔ ɾը໘಺Ͱڞ௨ͷॲཧΛఆٛ͢Δ ɾը໘શମͰඞཁͳ.PEFM΍4UBUFΛ؅ཧ͢Δ ɾ4UPSFͷΞΫηε0,ʂʢඞཁͰ͋Ε͹ෳ਺ʣ ɾϧʔςΟϯάॲཧΛఆٛ͢Δ

  29. "UPNJD%FTJHOͷ͓͔͛Ͱ ཻ౓͕ద౓ʹࡉ͔͘ͳΓɺ ίϯϙʔωϯτͷ໾ׂ͕໌֬ʹ

  30. ·ͱΊ ɾ"UPNJD%FTJHO͸ϑϨʔϜϫʔΫʹର͢Δ ઃܭख๏΍σβΠϯύλʔϯΛըҰతʹͯ͠ ͘ΕΔ 
 ɾͦΕʹ߹Θͤͯίϯϙʔωϯτͷʮ໾ׂʯ Λ໌֬ʹ͢Δ࣮૷্ͷϧʔϧ΋ඞཁ

  31. ઃܭͯ͠Έͯࢥͬͨ͜ͱ ɾେ͖͞Λج४ʹ͢Δͱ͍͏ίϯηϓτ͕෼͔Γ΍͢ ͔͚ͬͨΕͲɺը໘୯Ґͷઃܭࢥ૝͔Β୤٫͢ΔͷͰɺ ࠷ॳ׳Εͳ͍ ɾ࠷্૚Ͱͦͷը໘ͷ͢΂ͯͷσʔλΛऔ͖ͬͯͯόέ πϦϨʔ͢ΔΑΓɺͦͷίϯϙʔωϯτࣗ਎͕औͬͯ͘ Δܗ΋͋Γͳͷ͔ͳɾɾɾ೰ΈͲ͜ΖʢQSPQESJMMJOH ໰୊ʣ ɾ࠷ऴతʹίϯϙʔωϯτϑΝΠϧͱͯ͠੾Γ෼͚Δͷ ͸ʮ࠶ར༻ʯͰ͖Δ͔Ͳ͏͔ͰܾΊͨ❗

  32. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ