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
AI時代に求められるUXデザインのアプローチ
xtone
1
7.1k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
870
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
990
AI時代、デザイナーの価値はどこに?
tararira
2
1.8k
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
270
言幹と言葉(Stems & Leaves)
kakukoki
0
160
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
120
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
2k
CULTURE DECK/Frontend Engineer
mhand01
0
1.4k
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
370
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
1
200
hicard_credential_202601
hicard
0
260
Featured
See All Featured
So, you think you're a good person
axbom
PRO
2
2.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
ラッコキーワード サービス紹介資料
rakko
1
4.1M
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
New Earth Scene 8
popppiees
3
2.4k
Color Theory Basics | Prateek | Gurzu
gurzu
0
400
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
640
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
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