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
yutanoma
March 28, 2019
Programming
0
430
Atomic Designをやってみた
yutanoma
March 28, 2019
Tweet
Share
More Decks by yutanoma
See All by yutanoma
20190523.pdf
yutanoma
0
330
Other Decks in Programming
See All in Programming
Apache Hive 4 on Treasure Data
ryukobayashi
0
120
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
640
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3k
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
200
Code Reviews
bkuhlmann
4
890
GitHub Copilotのススメ
marcy731
1
200
Ruby GitHub Packages
bkuhlmann
0
630
VS Code をプロダクトにどう取り込むか
onomax
1
360
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.1k
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
680
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
140
Featured
See All Featured
How to name files
jennybc
65
93k
Scaling GitHub
holman
457
140k
How GitHub (no longer) Works
holman
304
140k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
Building an army of robots
kneath
300
41k
How to Ace a Technical Interview
jacobian
272
22k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Debugging Ruby Performance
tmm1
70
11k
The Invisible Side of Design
smashingmag
294
49k
How STYLIGHT went responsive
nonsquared
92
4.8k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
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 ָ֮ • رؠ؎ٝ״ֻ錁㻊ֿׅהח⾱挿ָ֮կ • ꅾ銲זךכծչ ث٦يדٖ؎َ٦ⴓֽך㛇彊Ⱏ剣דֹ
պֿ ה
׀耮ָ֮הֲ׀ְׂת׃