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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
endam
June 01, 2019
Technology
740
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Angular × Atomic Designでデザインリニューアルを行った話
endam
June 01, 2019
More Decks by endam
See All by endam
Web開発における開発環境構築の歴史と変遷〜原始時代から現代(Docker)まで〜
endam
0
260
レガシーなフレームワークで不本意ながらもとことん頑張ってみた
endam
0
550
What is Atomic Design?
endam
0
140
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.4k
Postman
endam
0
490
Engineer's Mind
endam
1
150
Be the best development team
endam
0
120
Yarnの導入
endam
0
550
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
540
Other Decks in Technology
See All in Technology
国家プロジェクトを支える「さくらONE」 大規模LLM開発におけるGPU障害を乗り越えるクラスター運用戦略
gpuunite_official
0
220
도구에서 동료까지: 10년차 AI 스타트업의 AI 적응기
inureyes
PRO
1
320
Software Supply Chain Attackからクラウド環境を守るためにできること
lhazy
2
290
AI for Science時代を切り開く、政府の次世代HPC戦略の展望
gpuunite_official
0
170
ホームラボ紹介
y_sera15
0
220
社内の7割が使うデータ基盤を、 データチーム2人で回すためにやったこと
koh_yoshi
4
1.5k
Sets in Go
ramalho
1
1.2k
Model Studio CLI × Token Plan
maigo999
0
200
【CEDEC2026】Creative Approaches to Localizing the Dialects and Unique Speech of Umamusume: Pretty Derby Characters in English
cygames
PRO
4
26k
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.2k
Head First モブプログラミング / Head First Mobprogramming
takaking22
10
12k
AI時代に、人は何を、どう学ぶのか #pbl_pub / What and How Do We Learn in the AI Era?
takaking22
1
210
Featured
See All Featured
Writing Fast Ruby
sferik
630
63k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
500
AI: The stuff that nobody shows you
jnunemaker
PRO
9
930
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
How to make the Groovebox
asonas
2
2.3k
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
390
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Product Roadmaps are Hard
iamctodd
55
12k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
500
The Limits of Empathy - UXLibs8
cassininazir
1
610
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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠