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
usagi-f
December 21, 2017
Technology
3
6.8k
フロントエンド実装から見たAtomic Design開発のポイント
usagi-f
December 21, 2017
Tweet
Share
More Decks by usagi-f
See All by usagi-f
Take into Accessibility in React
usagif
1
640
platoを使ったコードメトリクス生成
usagif
0
270
How Github works and How Google works
usagif
0
99
良いUIをエンジニアに作ってもらうために、デザイナーができること
usagif
1
78
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
usagif
0
110
Frontend summary in 2015 summer
usagif
0
48
なるべく噛み砕いたGit基礎講習
usagif
1
76
position: fixed;を上手に飼う方法
usagif
2
300
Other Decks in Technology
See All in Technology
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
640
RECRUIT TECH CONFERENCE 2025 プレイベント【高橋】
recruitengineers
PRO
0
120
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
470
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
120
Datadog APM におけるトレース収集の流れ及び Retention Filters のはなし / datadog-apm-trace-retention-filters
k6s4i53rx
0
330
なぜ私は自分が使わないサービスを作るのか? / Why would I create a service that I would not use?
aiandrox
0
510
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
880
Oracle Cloud Infrastructure:2025年2月度サービス・アップデート
oracle4engineer
PRO
1
140
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
500
Larkご案内資料
customercloud
PRO
0
650
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
540
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Automating Front-end Workflow
addyosmani
1367
200k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
960
A Philosophy of Restraint
colly
203
16k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Statistics for Hackers
jakevdp
797
220k
We Have a Design System, Now What?
morganepeng
51
7.4k
KATA
mclloyd
29
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
GraphQLとの向き合い方2022年版
quramy
44
13k
Scaling GitHub
holman
459
140k
Transcript
ԽՕ՛Ԑ՛Աᇴ⸢ҵӳ⺠Ӊ "UPNJD%FTJHO㔸⋬ӘՅԌ՛
X © DMM.com ⌿ᰪ ǖ ⧞፝✫ঝ ǖ ԢԸՒѬ"UPNJD%FTJHOӘᇴ⸢ӓҰӊӍӉ㮹 ǖ ᬟӘՅԌ՛
ǖ ԛ՛ՅդԵ՛᭜☴ቌ ǖ ԯդԧӘൺᦆ ǖ ᇴ⸢ӘՅԌ՛ ǖ ᇰ⡼⚷Ꮜ ǖ ළൻ ǖ ᚮ〣⺙✛
X © DMM.com ࣗݾհ ੴڮܒଠ *TIJCBTIJ,FJUB !VTBHJG %..DPNϥϘσβΠϯຊ෦ϑϩϯτΤϯυ։ൃ෦ ςΫχΧϧϦʔυ
IUUQTHJUIVCDPNVTBHJG IUUQTRJJUBDPNVTBHJG
X © DMM.com ԢԸՒѬ"UPNJD%FTJHOӘᇴ⸢ӓҰӊӍӉ㮹 8IBUEJENFUIJOLGPS"UPNJD%FTJHO
X © DMM.com ԢԸՒѬ"UPNJD%FTJHOӘᇴ⸢ӓҰӊӍӉ㮹 ǖ 㔸⋬↯ဩӘᡖ૨ә॰ᇴञᒨ㛊 ǖ ԛ՛ՅդԵ՛৴ӑӘᇴ⸢ JNQPSUFYQPSU
ǖ +4ԽՔդՈդԗՑԌԾՑՒ ǖ 3FBDU7VFǘ ǖ "MU$44 ǖ 4BTT1PTU$44ǘ
X © DMM.com ԢԸՒѬ"UPNJD%FTJHOӘᇴ⸢ӓҰӊӍӉ㮹 ǖ 㔸⋬↯ဩӘᡖ૨ә॰ᇴञᒨ㛊 ǖ ԛ՛ՅդԵ՛৴ӑӘᇴ⸢ JNQPSUFYQPSU
ǖ +4ԽՔդՈդԗՑԌԾՑՒ ǖ 3FBDU7VFǘ ǖ "MU$44 ǖ 4BTT1PTU$44ǘ ᇟӵӣҷՓդՓӼᮿ⋵ӕӎণ✵өҶᒨ⺙ ᭜㉏Ӽᇴ⸢ՁդԡӑӎҹӵҽӒҶक∮႙॰
X © DMM.com ԢԸՒѬ"UPNJD%FTJHOӘᇴ⸢ӓҰӊӍӉ㮹 ǖ ӨӄѬӇӬӇӬԛ՛ՅդԵ՛㔸⋬ӼӃӵՉՒԫҶԯԓҮ ǖ ᛌᐻᓬᇟᓬәᣀӳҵӕ့ӁӐҮӵ ǖ ఐ⇹
ǖ कԥդԡ ǖ ԮԡӘӁӮӃҿ ǖ ԛ՛ՅդԵ՛Әᚮ〣ᓬ (PPE
X © DMM.com ԢԸՒѬ"UPNJD%FTJHOӘᇴ⸢ӓҰӊӍӉ㮹 ǖ ӁӽӓҮ ǖ ✿᭜㛤ਜҰ ǖ ԛդԱ㍮Ҷ့Ҳӵ
#BE
X © DMM.com ᬟӘՅԌ՛ 5JQTJO$PMMBCPSBUJPO
X © DMM.com ԛ՛ՅդԵ՛᭜☴ቌ ԯԞԌԲդӒԐ՛ԠԳԊӘԛՇՍԳԙդԟՏ՛ $PNNVOJDBUJPOBTEFTJHOFSTBOEFOHJOFFST
X © DMM.com ԯԞԌԲդӒԐ՛ԠԳԊӘԛՇՍԳԙդԟՏ՛ ԯԞԌԲդ Ԑ՛ԠԳԊ ԛՇՍԳԙդԟՏ՛ԛԡӼҮҵӕटҼӶӵҵ㮹 ԡԮդԗՃՓԨդӕ ӔӍӐәҮһӔҮ
X © DMM.com ԯԞԌԲդӒԐ՛ԠԳԊӘԛՇՍԳԙդԟՏ՛ ԯԞԌԲդ Ԑ՛ԠԳԊ ՓդՓӼӎҹӍӐԟԡԮՈೂӃӵ ⧞፝⻎ᴀ ⧞፝⻎ᴀ ҰӨҹ⧞፝⻎ᴀӁӔҵӍӉ൶ӕ
ԟԡԮՈӘԊԫԿԯդ 㮢ᥰቍ㖟ӘӮӴӴ㮣
X © DMM.com ԯԞԌԲդӒԐ՛ԠԳԊӘԛՇՍԳԙդԟՏ՛ ᭜㉏Ә⍅ॵⅈ⻎Ҷᒨ⺙
X © DMM.com ԯԞԌԲդӒԐ՛ԠԳԊӘԛՇՍԳԙդԟՏ՛ ǖ "UPNJD%FTJHOӘ൵৴ӼӓҰ Ұҵᴀӫӵ ǖ ⺠Ӊ⌿ӑәӔҹѷӟӵӨҮѸӼԯԞԌ՛Ӄӵ ǖ ԯԞԌ՛ԓ՛ԿӊһӑӮӴӴӁӔҮ
ǖ ՆԌԲԡӼԤՕӕӃӵԛՇՍԳԙդԟՏ՛ҵӳѬ㮫Ӽ㮫㮪㮪ӕӃ ӵԛՇՍԳԙդԟՏ՛Ӣ
X © DMM.com ԯԞԌԲդӒԐ՛ԠԳԊӘԛՇՍԳԙդԟՏ՛ ǖ ᮿ⥎Ӓ⺠Ӊ⌿Ә㘊ӼѬஈ㉊⽇⿔ӒӁӐᛝӎѭ ǖ ᮿ⥎әᒇᦸӘԿՕԘՑՇ՛Ԙ⋵ᓤ⢰ӑᇰ⡼ӁӉӥҰҶ⨿ҿӇҰ ǖ "UPNJD%FTJHO㮢%4.㮣ә⺠Ӊ⌿Ә6*ԣԫ
%..DPN"EWFOU$BMFOEBS ʮ(6*ߏஙͰΦϒδΣΫτࢦΛߟ͑ͯΈΔʯ IUUQTRJJUBDPNVTBHJGJUFNTDEFBF ͜ͷล͏গ͠ࢥߟ࣮ݧ͕ඞཁ͔ɻɻɻ
X © DMM.com ԛ՛ՅդԵ՛᭜☴ቌ क➟ӕԛ՛ՅդԵ՛Ӽӎҹӵӕә )PXEPVTDSFBUFBDPNQPOFOUUPHFUIFS
X © DMM.com क➟ӕԛ՛ՅդԵ՛Ӽӎҹӵӕә ӓҰҮҰᙨ㛈ӑӎҹӵҵәѬ㔸⋬ᙨᴿӕӲӵǘǘ ԎԑդԧդԽԑդՓ ԡԗՑՈ ԐԗԡՒդՈ ԿՕԘՑՇ՛Ԙ ҶѬᦏ⋵ӕԊԠՋԌՓ⛽ҶൿҮӐӵӒᓤҰѭ
X © DMM.com क➟ӕԛ՛ՅդԵ՛Ӽӎҹӵӕә ᥰఉӕӃӣӐӘ"UPNTӮ.PMFDVMFTӼᇣ↨ӕᇰ⡼ӃӵӘәᾩⅈԚդ 㮢ԎԑդԧդԽԑդՓ⋵ԊԿՕդԩ㮣 ҽӶә"UPNTӕӃӵӣҷ㮹 ᥰ✳⋵ӕৼંӘԛ՛ՅդԵ՛Ҷᒨ⺙㮹 ᦏᑑӕৼ༪ӬਜҮ༪Ӄ㮹 ⺙ঽ့ҲӐᒨ⺙Ӕ6*့ҲӉӁǘ
ҽӶӊһӑՂդԠӎҹӶӵ㮹
X © DMM.com क➟ӕԛ՛ՅդԵ՛Ӽӎҹӵӕә ӃҺӕ੫᱒ӃӵҽӒӼనᝢӕѬႁᥥӕᐽҹᇴ⸢ӁӐҴҹ ǖ ㆘ӕԛ՛ՅդԵ՛ՔՁՓӼႁᥥӑҷӵӲҰӕ ǖ ȔԯԋՔԗՒӘ⡕ᝪӊһӑ0,㮛 ǖ
㆘ӕԛ՛ՅդԵ՛Ӽ㘊ӑҷӵӲҰӕ ǖ ȔҬӳҵӂӫ⹋ᡔӘ㕉ᡔӑᇴ⸢ӁӐҴҹ 㮢"UPNJD%FTJHOӒӁӐһӐӔҹӐӬѬ㋚⋵Ӕᇴ⸢Ҷ✦ҵҹ㘊ҿӶӐӵӘә⨿ҮҽӒ㮣
X © DMM.com क➟ӕԛ՛ՅդԵ՛Ӽӎҹӵӕә ⏑⿔ӼӎһӲҰ ǖ ᚮ〣ೂӮ%*㮢ਸ਼ᆼᓬᵍ㮣ӔӓѬԛ՛ՅդԵ՛ೂӕ㕉ӃӵԶ ԎԷԎӼ⏑ӍӐҴҹ ǖ ᭜☴ᣪӘԯԋՔԗՒ᭜㉏әൈᢅӑ⽿ӁӐᴀӫӵӒҮҮҵӬ
ԯԞԌԲդӬᇴ⸢ӼҬӵ┏ᏌᚐӃӵҽӒӑѬѷᾩⅈӮӴᇴ⸢ѸӼ㖌Һ
X © DMM.com ԯդԧӘൺᦆ %BUB4ZOD
X © DMM.com ԯդԧӘൺᦆ ԯԞԌ՛ ԔԌԱՑԌ՛ ᇴ⸢ Ҷ௲ӐӥӁҹӔҮǘ
X © DMM.com ԯդԧӘൺᦆ ԔԌԱՑԌ՛ ᇴ⸢ ᇴ⸢ԛդԱӼਜӍӐѬԔԌԱՑԌ՛Ӽ⇰ᘻӃӵ 㮢ੈఐӔՑԌԾՑՒҶҮӍӛҮҬӴӨӃ㮛㮣 㮢ҽӘᣪѬԛդԱҶ➋㨮ӕԛ՛ՅդԵ՛ఌӕ㘊ҿӶӐӵӒᬮԩ՛㮣
X © DMM.com ԯդԧӘൺᦆ ԯԞԌ՛ ԔԌԱՑԌ՛ ҽӍӋәӨӊ⏪╕ӘཨҬӴ
X © DMM.com ԯդԧӘൺᦆ BJSCOCSFBDUTLFUDIBQQ
X © DMM.com ᇴ⸢ӘՅԌ՛ 5JQTJO%FWFMPQNFOU
X © DMM.com ᇰ⡼⚷Ꮜ %FGJOF
X © DMM.com ᇰ⡼⚷Ꮜ ԛ՛ՅդԵ՛㮴ఐ⇹ᓬҶҬӵӬӘ ԛ՛ՅդԵ՛ "UPNJD%FTJHO "UPNJD%FTJHO㮴ԛ՛ՅդԵ՛ӕ ᚮ〣ᏌՔՁՓӘᬳᓋӼদढӁӉӬӘ ӓҰҮҰ⁾ᖸҶѷఐ⇹ᓬҶ㠹ҹӐѸ
ѷᚮ〣⋵ѸӔӘҵӼ⏑ӶӚѬ ⨿Үԛ՛ՅդԵ՛Ӓә㮹Ҷ⺠ҲӐҹӵ
X © DMM.com ᇰ⡼⚷Ꮜ ਦҲӚǘ .BUFSJBM%FTJHO III IJHINJEEMFMPX MBSHFTNBMM ᚮ〣⋵
X © DMM.com ᇰ⡼⚷Ꮜ "UPNTӘ㘋Ӂҿ ǖ "UPNTҶӉҹҿӽҬӵӒᇴ⸢がᚳҶ‖့ ǖ ㉲ీӔᚮ〣ೂә㊙һӉᢅҶҮҮ ǖ
㮢★ᙟӑӁҵఐ⇹ӁӔҮ"UPNTӕᇴ⸢ञఐ⇹ઙәᾩҮ㮣 ǖ "UPNTәሓ✿൶⺙✛ ǖ ѫѷԥդԡԛդԱ㮫★ᙟӑ੫᱒ԛԡҶ৵ҮѸ ǖ ѫѷਸ਼ᆼԛ՛ՅդԵ՛Ҷႏҹ੫᱒ԛԡҶ㠹ҮѸ
X © DMM.com ᇰ⡼⚷Ꮜ "UPNTӘ㘋Ӂҿ ǖ ᦏᑑӕ⠊Ӵ㈘Ӂఐ⇹ҿӶӵӬӘ ǖ "UPNTӑӘᇴ⸢Ҷक⌿⎰ᾱӑҬӵӬӘ JNHTSD\\TWHJDPO^^
ਦ㮣ѷ47(ԊԌԛ՛ӼᒨӄJNHԧԘӑᝡ∈ӃӵѸӔӓә "UPNTӒӁӐఐ⇹ઙҶ㠹ҮӒ⻝Ҳӵѭ
X © DMM.com ළൻ /BNJOH
X © DMM.com ළൻ ǖ ᦏ⋵ӕළൻә㘋ӁҮ ǖ ӓҽӑਜӍӐӬҴҵӁҹӔҮӲҰӕӃӵ ǖ ♫ӔՓդՓӼӎҹӵҽӒӑѬ㘋ᣄᏌӼ㆘ḄӃӵ
ǖ ৺Ӽ੬⎳⋵ӕ⺠ӐҮӵ㜇Ӄӵ ǖ ⁾ᖸәൊӃӵ
X © DMM.com ළൻ ӓҽӕਜӍӐӬҴҵӁҹӔҮӲҰӕ ǖ ఐ⇹ӃӵҽӒҶనᝢ ǖ ⁾ᖸႁೂӼ⢰ᗍӃӵ UPQVTFSCMPDLѫԫԿՂդԠলႌӕ⡕һӔҮ
MPHJOBSFBѫMPHJOᣪәMPHPVUՄԧ՛Ҷⷭ⒈ҿӶӵ XFMDPNFCVUUPO
X © DMM.com ළൻ ♫ӔՓդՓ ǖ "UPNJD%FTJHOӼఐ⇹ӁӐѬ ՔՁՓ৴ӕԿՔԽԋԫԗԡদढ BUPNT BUNGPP\^
NPMFDVMFT NMDCBS\^ PSHBOJTNT PSHCB[\^
X © DMM.com ළൻ ੬⎳⋵ӕөӐ㜇 ǖ 6*ӼԓԮԜՒһӐᇰ⡼Ӄӵ ǖ 6*ՑԌԾՑՒӘԝԌӕҬӵԛ՛ՅդԵ՛ՒԡөӉҮӔԌՉդԠ CVUUPOGMPBUJOH
CVUUPOSBJTFE CVUUPOGMBU TXJUDIFTDIFDLCPY TXJUDIFTSBEJP TXJUDIFTUPHHMF
X © DMM.com ළൻ ⁾ᖸәൊӃӵ ԊԌԛ՛⼀ᇰ⁾ᴰ ᇴనᇴस ㊔ᚠ᷻ө㊔ᚠड⺙ԐՑդ ǖ ൺӂ6*ӑӬѬ⁾ᖸӕᒸӂӐ⺠Ӊ⌿әႁೂӃӵ㮢⺠Ӊ⌿Ҷ㉹Ұɒ∳Ӕӵԛ՛ՅդԵ՛㮣
X © DMM.com ᚮ〣⺙✛ "CTUSBDU&MFNFOU
X © DMM.com ᚮ〣⺙✛ ӔӕҽӶ㮹 ǖ "UPNTӕәᥨ৺գᡡᆻԝԌԢգԓՑդԹՔԫ◠ӬඏӨӶӵ ǖ ৺⋵ӔᑜҶӔҮӘӑӓҰᇴ⸢ӃӶӚҮҮ㮹
X © DMM.com ᚮ〣⺙✛ ᒨӄӁӬѷ(6*Әԛ՛ՅդԵ՛ѸӕӃӵᒨ⺙әӔҮ ǖ $44ӘႁᡔӑᛝӉӅӵ ǖ ⹋ᡔԿՕԹԮԋҶᒨ⺙ӔӬӘәNJYJOӑ 㮥
㮷 DZBOCDE WBS DZBO
X © DMM.com ᚮ〣⺙✛ ᇴ⸢ӘӉӫӕӬ"MU$44әਜҮҽӔӁӉҮ ǖ 4BTT-FTTӔӳᙨӍӴᢧҮ ǖ 1PTU$44ӔӳѬᨇㆉӕ+4Ӓ✵ө൶ӹӅӳӶӵ ǖ
+4ԽԉԌՓӑᇰ⡼ӁӐJNQPSUӃӵ◠ ǖ ӲӴᛌᐻᓬӘҬӵ᭜㉏Ӣ )JHI0SEFS$PNQPOFOUTӑᇴ⸢ӃӵҽӒӬ௲ᦸӇҰӊһӓǘ"UPNTӘӉӫӕӇҽӨӑӃӵӘәǘ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠