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
Angular × Atomic Designでデザインリニューアルを行った話
Search
endam
June 01, 2019
Technology
2
650
Angular × Atomic Designでデザインリニューアルを行った話
endam
June 01, 2019
Tweet
Share
More Decks by endam
See All by endam
Web開発における開発環境構築の歴史と変遷〜原始時代から現代(Docker)まで〜
endam
0
230
レガシーなフレームワークで不本意ながらもとことん頑張ってみた
endam
0
490
What is Atomic Design?
endam
0
86
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.4k
Postman
endam
0
450
Engineer's Mind
endam
1
130
Be the best development team
endam
0
95
Yarnの導入
endam
0
530
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
510
Other Decks in Technology
See All in Technology
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集!
lycorptech_jp
PRO
0
130
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
2
17k
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
270
Delta airlines®️ USA Contact Numbers: Complete 2025 Support Guide
airtravelguide
0
340
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
170
ビギナーであり続ける/beginning
ikuodanaka
3
780
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
280
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
170
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
460
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
3
9.6k
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
160
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
210
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Designing for Performance
lara
610
69k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
KATA
mclloyd
30
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Music & Morning Musume
bryan
46
6.6k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Transcript
© ISAO | CONFIDENTIAL Angular × Atomic DesignͰ σβΠϯϦχϡʔΞϧΛߦͬͨ Masayuki
Yoshida @endam109 º
։ൃ͍ͯ͠ΔαʔϏε ඪͷਐḿ͕͔ΔϏδωε4/4
ͳͥσβΠϯϦχϡʔΞϧΛ͔ͨ͠ ˞ը૾ैདྷͷϑϩϯτΤϯυͱσβΠϯͷΠϝʔδͰ͢
ϦχϡʔΞϧίϯηϓτ ๏ σβΠϯͷมߋʹॊೈʹରԠͰ͖Δ ๏ ݎ࿚Ͱ͋Δ(σβΠϯ่͕Εʹ͍͘) ๏ σβΠϯͷϧʔϧΛ౷Ұ͢Δ ͦ͏ͩɺAtomic
Designʹ͠Α͏
ϑϩϯτΤϯυͰ"OHVMBSΛ࠾༻
ͳͥ"OHVMBS "OHVMBS࣮ ίϯϙʔωϯτࢦͷ ։ൃʹ͍͍ͯΔʂ ྑ͘ѱ͘
Ͳ͏͍͏͜ͱͩͬͯΑ "OHVMBSίϯϙʔωϯτͷϚʔΫΞοϓɺϓϩάϥϛϯάɺ ελΠϦϯάΛࣗવʹׂͰ͖ΔΑ͏ઃܭ͞Ε͍ͯΔ ίϯϙʔωϯτ͝ͱʹ$44͕ ΧϓηϧԽ͞Ε͍ͯΔͷͰ ଞͷίϯϙʔωϯτʹӨڹΛ ٴ΅͞ͳ͍ɻ ͜Ε"UPNJD%FTJHOΛ
࣮ફ͢Δͷʹద͍ͯ͠Δ
ίϯϙʔωϯτࢦ։ൃʹ͍͍ͯΔͦͷ %JSFDUJWF1JQFͷػೳΛඋ͓͑ͯΓɺ"UPNJD%FTJHOΛ࣮ફ͢Δ ্Ͱ͍͠։ൃͷ͖ؒ͢ΛຒΊͯ͘ΕΔ
"OHVMBSͷΠέͯͳ͍ /H.PEVMFͷͲͷίϯϙʔωϯτ͕ Կʹґଘ͍ͯ͠Δͷ͔͔ΒΜ
ํͳ͘৽͍͠ΈΛ࡞ͬͨʘ ?P? ʗ IUUQTRJJUBDPNFOEBNJUFNTCECDD
݁ 良くも悪くも Angular Wayに従え それが身のためだ
"OHVMBS͕͍ͭઌϦϦʔε͠·ͨ͠ʂ
© ISAO | CONFIDENTIAL ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠