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
earlgrayMK
December 19, 2018
Design
1.8k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Atomic Designと付き合うコツ♡
s-dev talks ~サービス開発勉強会~ 大忘年LT大会
by みーた CrowdWorks.Inc
earlgrayMK
December 19, 2018
More Decks by earlgrayMK
See All by earlgrayMK
成果を「デザイン」する技術広報 ~ デザイン思考でブース運営の型をつくる ~
mikimhk
2
2.3k
アクセシビリティを向上していくために出来ることから進めてみた! ~2019まとめ~
mikimhk
1
740
資料作りのアクセシビリティ s-dev#11 LT
mikimhk
0
3.8k
Other Decks in Design
See All in Design
Design dependencies
teba_eleven
0
140
Of Ordination and Rebellion exploration sketches
rezaline
0
170
where_imagination_ends_ai_begins.pdf
r5ni4
0
240
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
220
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.4k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
330
CULTURE DECK/Marketing Director
mhand01
0
1.4k
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
150
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.6k
「見せる」登壇資料デザインの極意
takanorip
4
1.2k
Claudeもくもく会、はじめませんか?
yusukeiyoda
0
120
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.4k
Optimising Largest Contentful Paint
csswizardry
37
3.8k
The Language of Interfaces
destraynor
162
27k
How to train your dragon (web standard)
notwaldorf
97
6.7k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
The Cult of Friendly URLs
andyhume
79
6.9k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
410
Prompt Engineering for Job Search
mfonobong
0
380
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
510
Transcript
"UPNJD%FTJHOͱ͖߹͏ίπὑ s-dev talks ʙαʔϏε։ൃษڧձʙ େLTେձ $SPXE8PSLT*OD 'SPOUFOE&OHJOFFSྛ ඒل ΫϥυϫʔΫεྲྀ !
! $"# % !
Έʔͨ $SPXE8PSLT *OD 'SPOUFOE&OHJOFFS FBSMHSBZ., ʘస৬ޭ !ʗ
53' 5FBN3FCVJME'SPOUFOE %FTJHOFS 'SPOUFOE&OHJOFFS ! .JIBMZ σβΠϯγεςϜ Λͭ͘Δ FBSMHSBZ.,
8IBUbT"UPNJD%FTJHOʁ FBSMHSBZ.,
IUUQBUPNJDEFTJHOCSBEGSPTUDPNDIBQUFSBUPNJDEFTJHOJTGPSVTFSJOUFSGBDFT FBSMHSBZ.,
͜ͷύʔπͲΕʹͯ·Δͷʁ .PMFDVMFʁ0SHBOJTNʁԿ͕ҧ͏Μ! ࠶ར༻͢Δͬͯ ϖʔδ͝ͱʹσβΠϯҧ͏͔͠Εͳ͍ ͷʹͲ͜·Ͱ୲อ͖͢ʁ 1BHFTͱ5FNQMFTͬͯඞཁʁ FBSMHSBZ.,
IUUQTUIJOLBUPNJDEFTJHODPOOQBTTDPNFWFOU ͜͠ΎΜ FBSMHSBZ.,
νʔϜͰΔͳΒ ࢴϕʔεͰܾΊͯ͘ͱ ͔Γ͍͢Αʂ FBSMHSBZ.,
ҹͨ͠ͷΛͪΐ͖ͪΐ͖ FBSMHSBZ.,
FBSMHSBZ., .JIBMZͰͷ"UPNJD%FTJHOͷఆٛΛܾΊΒΕͨ! ൪খཻ͍͞ͰׂΛ࣋ͭͷɻ FH #VUUPO *DPO -BCFM 5FYU "WBUBS .PMFDVMFT
0SHBOJTNT "UPNT "UPNಉ͕࢜Έ߹Θͬͯ͞ҙຯΛ࣋ͭू߹ɻ FH #VUUPOXJUI"WBUBS 5PPMUJQ ϢʔβͷઢͰҰׅΓͱͯ͠ΈΔू߹ɻ ը໘͝ͱʹσβΠϯͷΈ߹Θ͕ͤมΘΔࣄ͕͋Δɻ FH -JTU $BSE 'PSN (MPCBM/BWJHBUJPO 64&3/".& 64&3/".& ۀҕୗ ۀҕୗ IPHFGVHB QJZPQJZP 64&3/".& 5JUMF -PSFNJQTVNEPMPSTJUBNFU DPOTFDUFUVFS BEJQJTDJOH FMJU "FOFBO DPNNPEP MJHVMBFHFU EPMPS"FOFBO NBTTB 5JUMF
FBSMHSBZ., .JIBMZͰͷ"UPNJD%FTJHOͷఆٛΛܾΊΒΕͨ! ᶃ " ". ʮϓϩάϨεόʔʯ " ͱʮύʔηϯςʔδ " ʯͰʮͷήʔδʯ
. ᶄ " .. ʮϥϕϧʯ " ͱʮͷήʔδʯ . ͰʮϓϩϑΟʔϧॆ࣮Λදݱ͢Δմʯ . ) 0)0తͳɻ ˋ ϓϩϑΟʔϧॆ࣮ ᶃ ᶄ "UPNTͱ.PMFDVMFT͚͍͍ͬͭͯ͘
FBSMHSBZ., .JIBMZͰͷ"UPNJD%FTJHOͷఆٛΛܾΊΒΕͨ! ҙຯΛ࣋ͬͨಉ࢜ͰूΊΔͱʮ͕̋̋ग़དྷΔ෦ͩʯͱ͍͏ೝʹܨ͕Δɻ ͜Εը໘͝ͱʹσβΠϯͷΈ߹Θ͕ͤมΘΔՄೳੑ͕͋Δɻ " .0 ʮݟग़͠ʯ " ͱʮϦετʯ .
Ͱʮ$PNQPOFOUTʹରͯ͠ͷϦετͳΜͩͳɻʯ . . .0 ʮݟग़͠จষ͕ॻ͔Εͨ܈ʯ . ͱʮεςʔλεʯ . ͱʮͦΕΒΛғ͏ʯ . Ͱ ʮ$BSEσβΠϯͰͻͱ·ͱ·ΓͳΜͩͳɻʯ .PMFDVMFTͱ0SHBOJTNTͷҧ͍ػೳͱͯ͠ͷೝ il1 r1 1 1 r1 u1 m 1 r1 1 n t 1 MO n e 1 A1 mg 1 a s o c s νʔϜ͝ͱͷ ߹ҙΛಘ͍͢ ྫ͑Λͭ͘Δ
FBSMHSBZ., ͜Ε͔ΒνʔϜͰ"UPNJD%FTJHOͱ͖߹͍ͬͯ͘ਓ • Ξφϩά࡞ۀͰΔͷ͍͍Αɻը໘ͱʹΒΊ͔ͬͬ͜! • ʮ߹ҙͷ্ͰͷܾΊʯ͕େࣄɻ • ϓϩμΫτશମͰ͏ͳΒڞ௨ೝࣝΛ࣋ͬͯΒ͏ͨΊʹ ࣗͨͪͳΓͷݴ༿ʹམͱ͠ࠐΜͰ͓͍ͯଛͳ͍ɻ ͣ
5IBOLZPV #FTUXJTIFTJOUIFOFXZFBS