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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
yutanoma
March 28, 2019
Programming
0
480
Atomic Designをやってみた
yutanoma
March 28, 2019
Tweet
Share
More Decks by yutanoma
See All by yutanoma
20190523.pdf
yutanoma
0
370
Other Decks in Programming
See All in Programming
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
masahiro_nishimi
5
510
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
1k
CSC307 Lecture 06
javiergs
PRO
0
690
CSC307 Lecture 08
javiergs
PRO
0
670
SourceGeneratorのススメ
htkym
0
200
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
380
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
730
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
620
MUSUBIXとは
nahisaho
0
140
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.6k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
200
The Curse of the Amulet
leimatthew05
1
8.7k
Everyday Curiosity
cassininazir
0
130
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
54
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Writing Fast Ruby
sferik
630
62k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
How to Talk to Developers About Accessibility
jct
2
130
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
100
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
Transcript
"UPNJD%FTJHOװג WFOUVT *ODꅿ酔㣕
荈䊹稱➜ ꅿ 酔㣕 WFOUVT *ODؿٗٝزؒٝسؒٝآص،7VF /VYU 匌❨㣐㷕䊨㷕鿇ꨵ㶨䞔㜠䊨㷕猰倜䎃 痥㔐✿剢牸䌢⟣㨻㆞⠓ 䎢㜠㽷ؐؑـ؟؎ز䬐䔲 (JUIVC!ZVUBOPNB
劤傈כ鹼ֻזג׃תְׅתׇ
ؿٗٝزؒٝس֮֮չ荈旗պ • 肍㣐⻉׃$44 • ؝ؾل؝٦س • $44ך鋉秈㸚ׇךָꨇ׃ְ
7VFך⽃♧ؿ؋؎ٕ؝ٝه٦طٝز • ⵃ挿؝ٝذٝخהٗآحؙإحزד剅ֻֿהָדֹ • 妀挿ֲתֻⴓⶴ׃זְה肍㣐⻉׃ָ Ⱏ鸐鿇ⴓכ؝ٝه٦طٝزה׃גⴖ⳿ֿׅהָꅾ銲կ
؝ٝه٦طٝزךⴓֽ倯ָ➂ח״ג麩ֲ DPNQPOFOUTHMPCBMTך⚥魦 RadioButton.vue → CommentPost.vue →
אְه؎ٝز
չוֿתדָ$44պչוַָֿ؝ٝه٦ طٝزպזךַַָחְֻ • نةٝך㜥さ Ⱏ鸐ך$44חCVUUPOؙٓأ⡲ PS نةٝ؝ٝه٦طٝز⡲ ו אְه؎ٝزΎ
穠㽷ծ$44כ׃וְկ • ؝ٝه٦طٝز׀הך䕵ⶴָ切僳 ̔$44ָ蕱䩛ז➂$44䠐陎׃ג剅ַזֽלְֽזְ אְه؎ٝزΏ
涪罏Ⰻ㆞ָⰟ鸐ך俑腞ד 孡䭯״ֻ涪׃ְ˘
"UPNJD%FTJHO
"UPNJD%FTJHO • ؝ٝه٦طٝز"UPNT .PMFDVMFT 0SHBOJTNT 5FNQMBUFT 1BHFTך 㾴
חⴓⶴ • ⴓⶴךٕ٦ٕث٦يדⰟ 剣ֿׅהָꅾ銲
8IPPPQד "UPNJD%FTJHO⢪ְְ
דծⲆח˘ չ 剑㼭⽃⡘ך6*鿇ㅷ պג⡦ וַָֿ ⴓ㶨 דוַָֿ 剣堣⡤ זך 7VF٥/VYUךⵖ秈כוֲׅלְְך
!
ת׆װֿה9%錁㻊ׅ
孡בְֿה ؎كٝز ؕ٦سػحؙ ずׄرؠ؎ֽٝוծٌرָٕ麩ֲךָ㢳ְ
孡בְֿה ֿז䠬ׄך؝ٝه٦طٝز⡲גծ⯋ךNPEFMػ٦أ׃גֻל葺ְ slot
孡בְֿה ؎كٝز ؕ٦سػحؙ event.profilePic event.title event.startsAtevent.endsAt cardpack.profilePic cardpack.description cardpack.team cardpack.title
孡בְֿהΎ • ずׄ堣腉䭯אךדծ葿ך麩ְװ䕎זוծ稢ְַغٔؒ٦ ءָّٝ㢳ְ
ٖ؎َ٦ⴓֽ罋ִկ !
ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿꂁ縧ׅלل٦آ⡲պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT穈さׇך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFTل٦آ
ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿꂁ縧ׅלل٦آ⡲պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT穈さׇך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFTل٦آ
نةٝך珏겲כֿך♲珏겲 • 鷲僇זنةٝծ䌴ָ䎢ְنةٝծ䌴ך杞ְنةٝծ葿 ̔USBOTQBSFOU GMVJE TNBMM DPMPSהְֲ珏겲ךQSPQTאֽ
،؎؝ٝ • 㛇劤涸ח⚵ծ㣐ָֹֽׁ殯ז ̔؟؎ؤQSPQTד䭷㹀דֹ״ֲחׅ
ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿꂁ縧ׅלل٦آ⡲պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT穈さׇך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFTل٦آ
0SHBOJTNT 04QPSU3FDU 0/PUF3FDU ."SSPX3FDU slot:head slot:main
• ."SSPX3FDUךQSPQT ̔DPMPS USBOTQBSFOU UPؙٔٝ⯓ ˘QSPQTכٌرٕחꟼ⤘זֻ ."SSPX3FDU slot:head slot:main
• 0/PUF3FDUךQSPQT ̔OPUF0CKFDU 0/PUF3FDU
ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿꂁ縧ׅלل٦آ⡲պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT穈さׇך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFTل٦آ
• ٔ٦ؚ♧鋮 ̔ٔ٦ؚⰋ《䖤ׅ"1*ָ ֮
• ٔ٦ؚ♧鋮 ̔ٔ٦ؚⰋ《䖤ׅ"1*ָ ֮ ؒٝسه؎ٝز⽃⡘ד UFNQMBUFⴓֽֿהָד ֹ葺ֲׁ
OVYUךⵖ秈 • GFUDI BTZOD%BUBכQBHFַ׃ַ굲לׇזְ˘
ؔـآؙؑزח倜׃ְًاحس欰װׅ • CVJME3FRVFTUًاحس㹀纏ׅ • "1*ؙٔؒأزך䞔㜠כ5FNQMBUFT ⩎ד䭯גֶֻ
1BHF؝ٝه٦طٝز⩎GFUDIًاحسⰻ • 㶨؝ٝه٦طٝزךCVJME3FRVFTUًاحسㄎן⳿ׅ
ٖ؎َ٦ⴓֽ寸֮ה٥٥٥ • 9%鋅גծ؝ٝه٦طٝز"UPNַ갫殢ח峤ְ⳿׃⚵ 傈ַַ • ֿأفٖحسء٦زחתהג盖椚
涪ךⴓ䬐 • ♳㾴䬐䔲ך➂ָٗآحؙ⡲חծ♴㾴䬐䔲ך➂ָ"UPNװ .PMFDVMF⡲ֿהָדֹ̔⚛ח⡲噟〳腉
"UPNװ.PMFDVMF⡲הֹח孡אֽ ֿה • QSPQTָ⢪ְװְׅ؎ٝة٦ؿؑ٦أחזגְַ • Ⱏ鸐鿇ⴓ鋅אּֽׅח.PMFDVMFח׃
؝ٝه٦طٝز⡲גְֲֻח䠬ׄ ֿה • رؠ؎ٝך㢌刿חׯֻׯ䓼ְկ • ♳㾴ךٗآحַؙ$44קרꦀ誊ֿׅהָדֹկ
㹋כ٥٥٥ • 5FNQMBUFךせչ-BZPVUպה麩ְ׃תת؝ٝه٦طٝ زבֻ׃ג׃ת
ֻ֮תדծ"UPNJD%FTJHOכ ؝ٝه٦طٝزךٖ؎َ٦ⴓֽך罋ִ倯կ • ךفٗآؙؑزחכךفٗآؙؑزך"UPNJD%FTJHO ָ֮ • رؠ؎ٝ״ֻ錁㻊ֿׅהח⾱挿ָ֮կ • ꅾ銲זךכծչ ث٦يדٖ؎َ٦ⴓֽך㛇彊Ⱏ剣דֹ
պֿ ה
׀耮ָ֮הֲ׀ְׂת׃