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
530
Angular × Atomic Designでデザインリニューアルを行った話
endam
June 01, 2019
Tweet
Share
More Decks by endam
See All by endam
Web開発における開発環境構築の歴史と変遷〜原始時代から現代(Docker)まで〜
endam
0
140
レガシーなフレームワークで不本意ながらもとことん頑張ってみた
endam
0
370
What is Atomic Design?
endam
0
32
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.2k
Postman
endam
0
400
Engineer's Mind
endam
1
110
Be the best development team
endam
0
78
Yarnの導入
endam
0
490
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
480
Other Decks in Technology
See All in Technology
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.4k
Getting started with controlling LEGO using Swift
hcrane
0
120
KTC_DBRE.pdf
_awache
0
290
既存プロセスからの脱却と変化に適応するために必要なこと
cybozuinsideout
PRO
2
170
理想の組織も自分たちで作ろう! ―LayerXの「全員採用」を支える文化 / How to create our own ideal team
ar_tama
7
2.5k
CI/CDがあたりまえの今の時代にAPIテスティングツールに求められていること / CI/CD Test Night #7
k1low
11
2.7k
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
800
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
16
3.1k
どう買う?Azure
kuniteru
1
190
業務で使えるかもしれない…!?GitHub Actions の Tips 集 / CI/CD Test Night #7
ponkio_o
PRO
22
6.5k
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
250
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
360
Featured
See All Featured
Scaling GitHub
holman
456
140k
Building Your Own Lightsaber
phodgson
97
5.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Faster Mobile Websites
deanohume
296
30k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
KATA
mclloyd
14
11k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Design by the Numbers
sachag
274
18k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Code Review Best Practice
trishagee
54
15k
We Have a Design System, Now What?
morganepeng
42
6.7k
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠