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スライド生成を進化させるMDファイル
kenichiota0711
1
1.7k
タイル紹介サイト「タイルだもんで」
calpin
0
180
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.8k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
240
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
350
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
150
Of Ordination and Rebellion exploration sketches
rezaline
0
220
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
920
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
410
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
170
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2.1k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.1k
Featured
See All Featured
Accessibility Awareness
sabderemane
1
200
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.8k
For a Future-Friendly Web
brad_frost
183
10k
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Typedesign – Prime Four
hannesfritz
42
3.2k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
890
Designing for humans not robots
tammielis
254
26k
Designing for Timeless Needs
cassininazir
1
470
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
6
1.2k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
230
Building a Scalable Design System with Sketch
lauravandoore
463
34k
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