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
難しく考えない Atomic design (既存への導入はリファクタリングのように)
Search
Yuto Hongo
March 17, 2020
Programming
0
110
難しく考えない Atomic design (既存への導入はリファクタリングのように)
Atomic design(アトミック・デザイン)の基礎を簡単に紹介した際のスライド
Yuto Hongo
March 17, 2020
Tweet
Share
Other Decks in Programming
See All in Programming
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
220
エンターテイメント業界で利用されるAWS
demuyan
0
210
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
480
Netty Chicago Java User Group 2024-04-17
sullis
0
170
CQRS/ES avec Symfony, c’est (trop) bien !
jeremyfreeagent
1
640
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
520
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
630
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
250
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
350
Git Rebase
bkuhlmann
11
1.6k
Ruby GitHub Packages
bkuhlmann
0
630
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.1k
Featured
See All Featured
The Cult of Friendly URLs
andyhume
74
5.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Building Flexible Design Systems
yeseniaperezcruz
318
37k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
Product Roadmaps are Hard
iamctodd
43
9.7k
Done Done
chrislema
178
15k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Transcript
͘͠ߟ͑͗͢ͳ͍ "UPNJD%FTJHO dϦϑΝΫλϦϯάతʹ࣮ࢪ͍͔͕ͯ͠ʁd "UPNT .PMFDVMFT 0SHBOJTNT 5FNQMBUFT 1BHFT
"UPNJD%FTJHO "UPNJD%FTJHO "UPNJD%FTJHOͷώΤϥϧΩʔ "UPNT ̍ # M P H :VUP)POHP
Ϙλϯ ϥϕϧ FUDʜ .PMFDVMFT ݕࡧจࣈ ݕࡧ ݕࡧػೳ ϒϩάΧʔυ 0SHBOJTNT FUDʜ ϔομʔ αΠυϝχϡʔ FUDʜ 5FNQMBUFT ̐ ҰཡςϯϓϨʔτ 1BHFT ̑ ࣄϒϩάҰཡ FUDʜ FUDʜ
"UPNT "UPNT ϖʔδΛߏ͢Δ࠷খཻͷ୯Ґ # M P H :VUP)POHP Ϙλϯ ϥϕϧ
จࣈ Πϯϓοτ ϩΰ ϩΰը૾ FUDʜ
.PMFDVMFT .PMFDVMFT ୯Ұػೳɺ୯ҰΛͬͨ·ͱ·Γ # M P H :VUP)POHP ݕࡧจࣈ ݕࡧ
ݕࡧػೳ ϒϩάΧʔυ ˠΠϯϓοτʢ"UPNTʣʴϘλϯʢ"UPNTʣ ˠը૾ʢ"UPNTʣʴϥϕϧʢ"UPNTʣʴςΩετʢ"UPNTʣ FUDʜ
0SHBOJTNT 0SHBOJTNT ෳͷ"UPNT.PMFDVMFTଞͷ0SHBOJTNTͰߏ͞ΕΔ # M P H :VUP)POHP ϔομʔ αΠυϝχϡʔ
ˠϘλϯʢ"UPNTʣ ɹʴϘλϯʢ"UPNTʣʜ ˠϘλϯʢ"UPNTʣ ɹʴϋϯόʔΨʔը૾ʢ"UPNTʣ ɹʴαΠυϝχϡʔʢ0SHBOJTNTʣ FUDʜ
5FNQMBUFT 5FNQMBUFT ϖʔδͷσβΠϯͷΈΛදݱͨ͠ͷ # M P H :VUP)POHP ҰཡςϯϓϨʔτ ը૾
هࣄλΠτϧ ςΩετ ը૾ هࣄλΠτϧ ςΩετ -BCFM FUDʜ ༷ʑͳ w "UPNT w .PMFDVMFT w 0SHBOJTNT Ͱߏ͞Ε͍ͯΔ
1BHFT 1BHFT ࣮ࡍͷϖʔδ # M P H :VUP)POHP ࣄҰཡϖʔδ FUDʜ
ϓϥΠϕʔτҰཡϖʔδ
ʲݱͷʳ ͡Ί͔Β ཧͷࢦ͕͋Ε ۤ࿑ͤΜͷͩΑ
͖͋ΒΊͳ͍Ͱʜ
5FNQMBUFTˡ1B 5FNQMBUFTˡ1BHFTڞ௨Խ # M P H :VUP)POHP ࣄҰཡϖʔδ ϓϥΠϕʔτҰཡϖʔδ 1BHFT
̑ ը૾ هࣄλΠτϧ ςΩετ ը૾ هࣄλΠτϧ ςΩετ -BCFM ൈग़ ҰཡςϯϓϨʔτ 5FNQMBUFT ̐ ແཧͳ͘ϦϑΝΫλϦϯά ԣల։ ͻͱͭ ڞ௨Խ͕ ऴΘͬͨΒɺ ແཧͳ͘ σϓϩΠʂ
0SHBOJTNTˡ5F 0SHBOJTNTˡ5FNQMBUFTڞ௨Խ # M P H :VUP)POHP ҰཡςϯϓϨʔτ wࣗݾհ wϒϩάهࣄ
wϓϥΠόγʔϙϦγʔ 5FNQMBUFT ̐ ແཧͳ͘ϦϑΝΫλϦϯά ൈग़ ϔομʔ ԣల։ 0SHBOJTNT ͻͱͭ ڞ௨Խ͕ ऴΘͬͨΒɺ ແཧͳ͘ σϓϩΠʂ
ͨͩͷ ڞ௨Խ ϦϑΝΫλϦϯά ͡Όͳ͍͔
"UPNJD%FTJHO "UPNJD%FTJHOͷొΓํΠϝʔδ "UPNT ̍ # M P H :VUP)POHP Ϙλϯ
ϥϕϧ FUDʜ .PMFDVMFT ݕࡧจࣈ ݕࡧ ݕࡧػೳ ϒϩάΧʔυ 0SHBOJTNT FUDʜ ϔομʔ αΠυϝχϡʔ FUDʜ 5FNQMBUFT ̐ ҰཡςϯϓϨʔτ 1BHFT ̑ ࣄϒϩάҰཡ ϓϥΠϕʔτ ϒϩάҰཡ FUDʜ ˓˓ϖʔδ ✗✗ϖʔδ ཻΛࡉ͔͍୯Ґ దԠൣғΛ͍ͯ͘͘͠
.PMFDVMFT ͲͷൣғͰͬͯ ʮ୯Ұػೳʯͱ͢Δʁ
0SHBOJTNT ଞͷ0SHBOJTNTͷแؚ ͕ՄೳͰཧ͕ࡶʹ
:VUP)POHP νʔϜͰͦ͏ʢࡶ
:VUP)POHP )1 5XJUUFS 2JJUB (JU)VC :PV5VCF IPOHPEFW IOHZVU IOHZVU IOHZVU
$IBOOFM-JOL 8FC൛ͪ͜Β