Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular × Atomic Designでデザインリニューアルを行った話
Search
endam
June 01, 2019
Technology
2
690
Angular × Atomic Designでデザインリニューアルを行った話
endam
June 01, 2019
Tweet
Share
More Decks by endam
See All by endam
Web開発における開発環境構築の歴史と変遷〜原始時代から現代(Docker)まで〜
endam
0
230
レガシーなフレームワークで不本意ながらもとことん頑張ってみた
endam
0
510
What is Atomic Design?
endam
0
96
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.4k
Postman
endam
0
460
Engineer's Mind
endam
1
140
Be the best development team
endam
0
100
Yarnの導入
endam
0
540
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
520
Other Decks in Technology
See All in Technology
Agents IA : la nouvelle frontière des LLMs (Tech.Rocks Summit 2025)
glaforge
0
360
DGX SparkでローカルLLMをLangChainで動かした話
ruzia
1
260
.NET 10 のパフォーマンス改善
nenonaninu
2
4.7k
こがヘンだよ!Snowflake?サービス名称へのこだわり
tarotaro0129
0
110
20251127 BigQueryリモート関数で作る、お手軽AIバッチ実行環境
daimatz
0
420
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
16k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
9.9k
MAP-7thplaceSolution
yukichi0403
2
240
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
640
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
AI駆動開発によるDDDの実践
dip_tech
PRO
0
270
その設計、 本当に価値を生んでますか?
shimomura
2
180
Featured
See All Featured
Designing for humans not robots
tammielis
254
26k
A designer walks into a library…
pauljervisheath
210
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
Writing Fast Ruby
sferik
630
62k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Navigating Team Friction
lara
191
16k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠