Atomic Designをやってみた

Transcript

1. "UPNJD
   %FTJHO׾װ׏ג׫׋ WFOUVT
   *OD
   ꅿ꟦酔㣕
2. 荈䊹稱➜ ꅿ꟦ 酔㣕 WFOUVT
   *OD
   ؿٗٝزؒٝسؒٝآص،7VF
   /VYU 匌❨㣐㷕䊨㷕鿇ꨵ㶨䞔㜠䊨㷕猰倜䎃 痥㔐✿剢牸䌢⟣㨻㆞⠓ 䎢㜠㽷ؐؑـ؟؎ز䬐䔲 (JUIVC!ZVUBOPNB
3. 劤傈כ鹼ֻז׏ג׃תְׅ׫תׇ׿
4. ؿٗٝزؒٝس֮׷֮׷չ荈旗պ • 肍㣐⻉׃׋$44 • ؝ؾل؝٦س • $44ך鋉秈׾㸚׵ׇ׷ךָꨇ׃ְ
5. 7VFך⽃♧ؿ؋؎ٕ؝ٝه٦طٝز • ⵃ挿؝ٝذٝخהٗآحؙ׾إحزד剅ֻֿהָדֹ׷ • 妀挿ֲתֻⴓⶴ׃זְה肍㣐⻉׃ָ׍ Ⱏ鸐鿇ⴓכ؝ٝه٦طٝزה׃גⴖ׶⳿ֿׅהָꅾ銲կ
6. ؝ٝه٦طٝزךⴓֽ倯ָ➂ח״׏ג麩ֲ DPNQPOFOUTHMPCBMTך⚥魦 RadioButton.vue →    CommentPost.vue → 
     א׵ְه؎ٝز΍
7. չוֿתדָ$44պչוַֿ׵ָ؝ٝه٦ طٝزպזךַָ׻ַ׶חְֻ • نةٝך㜥さ Ⱏ鸐ך$44חCVUUPOؙٓأ׾⡲׷ PS نةٝ؝ٝه٦طٝز׾⡲׷ ו׏׍ א׵ְه؎ٝزΎ
8. 穠㽷ծ$44כ׃׿וְկ • ؝ٝه٦طٝز׀הך䕵ⶴָ切僳 ̔$44ָ蕱䩛ז➂׮$44׾䠐陎׃ג剅ַזֽ׸לְֽזְ א׵ְه؎ٝزΏ
9. Ꟛ涪罏Ⰻ㆞ָⰟ鸐ך俑腞ד 孡䭯׍״ֻꟚ涪׃׋ְ˘
10. "UPNJD
    %FTJHO
11. "UPNJD
    %FTJHO • ؝ٝه٦طٝز׾"UPNT
    .PMFDVMFT
    0SHBOJTNT
    5FNQMBUFT
    1BHFT
    ך 㾴 חⴓⶴ • ⴓⶴךٕ٦ٕ׾ث٦يדⰟ 剣ׅ׷ֿהָꅾ銲
12. 8IPPPQד׮ "UPNJD
    %FTJHO⢪ְ׋ְ
13. ד׮ծⲆ꫼ח˘ չ 剑㼭⽃⡘ך6*鿇ㅷ պ׏ג⡦ וַֿ׵ָ ⴓ㶨 דוַֿ׵ָ 剣堣⡤ זך 7VF٥/VYUךⵖ秈כוֲׅ׸לְְך !
14. ת׆װ׏׋ֿה9%׾錁㻊ׅ׷
15. 孡בְ׋ֿה΍ ؎كٝز ؕ٦سػحؙ ずׄرؠ؎ٝ׌ֽוծٌرָٕ麩ֲ׮ךָ㢳ְ
16. 孡בְ׋ֿה΍ ֿ׿ז䠬ׄך؝ٝه٦طٝز׾⡲׏גծ⯋ךNPEFM׾ػ٦أ׃גֻ׸ל葺ְ   
    slot
17. 孡בְ׋ֿה΍ ؎كٝز ؕ٦سػحؙ event.profilePic event.title event.startsAt
    event.endsAt cardpack.profilePic cardpack.description cardpack.team cardpack.title
18. 孡בְ׋ֿהΎ • ずׄ堣腉׾䭯א׮ךד׮ծ葿ך麩ְװ䕎זוծ稢ְַغٔؒ٦ ءָّٝ㢳ְ
19. ٖ؎َ٦ⴓֽ׾罋ִ׋կ !
20. ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿ׸׾ꂁ縧ׅ׸לل٦آ׾⡲׸׷պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT׾穈׫さ׻ׇ׋׮ך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFT
    ل٦آ
21. ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿ׸׾ꂁ縧ׅ׸לل٦آ׾⡲׸׷պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT׾穈׫さ׻ׇ׋׮ך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFT
    ل٦آ
22. نةٝך珏겲כֿך♲珏겲 • 鷲僇זنةٝծ䌴ָ䎢ְنةٝծ䌴ך杞ְنةٝծ葿 ̔USBOTQBSFOU
    GMVJE
    TNBMM
    DPMPSהְֲ珏겲ךQSPQT׾אֽ׷
23. ،؎؝ٝ • 㛇劤涸ח⚵ծ㣐ֹׁ׌ָֽ殯ז׷ ̔؟؎ؤ׾QSPQTד䭷㹀דֹ׷״ֲחׅ׷
24. ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿ׸׾ꂁ縧ׅ׸לل٦آ׾⡲׸׷պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT׾穈׫さ׻ׇ׋׮ך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFT
    ل٦آ
25. 0SHBOJTNT 04QPSU3FDU 0/PUF3FDU ."SSPX3FDU slot:head slot:main
26. • ."SSPX3FDUךQSPQT ̔DPMPS
    USBOTQBSFOU
    UPؙٔٝ⯓ ˘QSPQTכٌرٕחꟼ⤘זֻ ."SSPX3FDU slot:head slot:main
27. • 0/PUF3FDUךQSPQT ̔OPUF0CKFDU 0/PUF3FDU
28. ٖ؎َ٦ⴓֽךٕ٦ٕ 5FNQMBUFTչֿ׸׾ꂁ縧ׅ׸לل٦آ׾⡲׸׷պהְֲـٗحؙ 0SHBOJTNTٌرٕךػ٦؟٦ .PMFDVMFT"UPNT׾穈׫さ׻ׇ׋׮ך "UPNT剑㼭⽃⡘ך6*鿇ㅷ 1BHFT
    ل٦آ
29. • ٔ٦ؚ♧鋮 ̔ٔ٦ؚ׾Ⰻ《䖤ׅ׷"1*ָ ֮׷
30. • ٔ٦ؚ♧鋮 ̔ٔ٦ؚ׾Ⰻ《䖤ׅ׷"1*ָ ֮׷ ؒٝسه؎ٝز⽃⡘ד UFNQMBUF׾ⴓֽ׷ֿהָד ֹ׋׵葺ׁ׉ֲ
31. OVYUךⵖ秈 • GFUDI
    BTZOD%BUBכQBHFַ׵׃ַ굲לׇזְ˘
32. ؔـآؙؑزח倜׃ְًاحس׾欰װׅ • CVJME3FRVFTUًاحس׾㹀纏ׅ׷ • "1*ؙٔؒأزך䞔㜠כ5FNQMBUFT ⩎ד䭯׏גֶֻ
33. 1BHF؝ٝه٦طٝز⩎GFUDIًاحسⰻ • 㶨؝ٝه٦طٝزךCVJME3FRVFTUًاحس׾ㄎן⳿ׅ
34. ٖ؎َ٦ⴓֽ׾寸׭׋֮ה٥٥٥ • 9%׾鋅גծ؝ٝه٦طٝز׾"UPNַ׵갫殢ח峤ְ⳿׃׋⚵ 傈ַַ׏׋ • ֿ׸׾أفٖحسء٦زחתה׭ג盖椚
35. Ꟛ涪ךⴓ䬐 • ♳㾴䬐䔲ך➂ָٗآحؙ׾⡲׷꟦חծ♴㾴䬐䔲ך➂ָ"UPNװ .PMFDVMF׾⡲׷ֿהָדֹ׋̔⚛⴨ח⡲噟〳腉
36. "UPNװ.PMFDVMF׾⡲׷הֹח孡׾אֽ ׋ֿה • QSPQTָ⢪ְװְׅ؎ٝة٦ؿؑ٦أחז׏גְ׷ַ • Ⱏ鸐鿇ⴓ׾鋅אֽ׋׵ּׅח.PMFDVMFח׃׋
37. ؝ٝه٦طٝز׾⡲׏גְֲֻ׍ח䠬ׄ׋ ֿה • رؠ؎ٝך㢌刿ח׬׍ׯֻ׍ׯ䓼ְկ • ♳㾴ךٗآحַؙ׵$44׾קרꦀ誊ׅ׷ֿהָדֹ׋կ
38. 㹋כ٥٥٥ • 5FNQMBUFךせ⵸׾չ-BZPVUպה⹞麩ְ׃׋תת؝ٝه٦طٝ زבֻ׶׾׃ג׃ת׏׋
39. ֻ֮תדծ"UPNJD
    %FTJHOכ ؝ٝه٦طٝزךٖ؎َ٦ⴓֽך罋ִ倯կ • ׉ךفٗآؙؑزחכ׉ךفٗآؙؑزך"UPNJD
    %FTJHO ָ֮׷ • رؠ؎ٝ׾״ֻ錁㻊ׅ׷ֿהח⾱挿ָ֮׷կ • ꅾ銲זךכծչ ث٦يדٖ؎َ٦ⴓֽך㛇彊׾Ⱏ剣דֹ׷ պֿ ה
40. ׀꫼耮֮׶ָהֲ׀ְׂת׃׋