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
ふとした出会いで生まれたSkillが、 社内利用1位になるまで
mikimhk
21
23k
成果を「デザイン」する技術広報 ~ デザイン思考でブース運営の型をつくる ~
mikimhk
2
2.6k
アクセシビリティを向上していくために出来ることから進めてみた! ~2019まとめ~
mikimhk
1
770
資料作りのアクセシビリティ s-dev#11 LT
mikimhk
0
3.9k
Other Decks in Design
See All in Design
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
220
root COMPANY DECK / We are hiring!
root_recruit
4
30k
ISO 9241-171:2025っていうのがあってな
shosira
1
270
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.7k
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
cygames
PRO
1
1.2k
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
290
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
440
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
830
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.8k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
530
Featured
See All Featured
The agentic SEO stack - context over prompts
schlessera
0
880
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Designing for Timeless Needs
cassininazir
1
470
How to Ace a Technical Interview
jacobian
281
24k
Building Applications with DynamoDB
mza
96
7.2k
Evolving SEO for Evolving Search Engines
ryanjones
0
280
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Paper Plane
katiecoart
PRO
2
53k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
How GitHub (no longer) Works
holman
316
150k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.9k
How STYLIGHT went responsive
nonsquared
100
6.3k
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