UIデザイナが実装できると良いこと/ ui-designer-coding-goood

https://2019.kfug.jp/session

Transcript

1. 6*رؠ؎شָ 㹋鄲דֹ׷葺ׁ 
   'SPOUFOE
   $POGFSFODF
   
2. ؝ٝث UI Designer @maki_saki ؿٌٕٔ٦ز!匌❨
4. ؝ٝث UI Designer @maki_saki
5. ؝ٝث UI Designer @maki_saki
   6*رؠ؎ٝ
   ؝٦ر؍ؚٝ
   و٦؛ذ؍ؚٝ
   鍑匿٥何㊣ فٗزة؎فךꟚ涪ָ䖤䠐
6. 
   ٍؗٔ،ד䝢׿ד׷➂ך鼅䫛肇ך♧א 
   رؠ؎شָؿٗٝزؒٝس׾鋙ִ׷⣣⦼ 荈ⴓך穗꿀ך鑧דׅ ➙傈ך鑧
7. ٔ،ؙءّٝ 㣐ֹ׭ד ״׹׃ֶֻ격ְ׃תׅ GSPOULBOTBJ
   #
8. չ⦐➂ך䠬䟝דׅպ ➙㔐ך涪邌כ荈ⴓָ䠬ׄג׷׮ךד Ⰻرؠ؎شֲָֿ֮׷ץֹהְ׏׋ ⚺铂ךדְַ鑧דכ֮׶תׇ׿կ
9. 穠锷荈ⴓך㜥さ
10. ؝٦ر؍ָؚٝדֹ׋穠卓 㼛勻ך♶㸜ָ㼰זֻז׏׋ 
    וך周⟝٥ث٦يחד׮Ⰵ׸׷ 
    䧭卓暟׾荈ⴓך⡲ㅷה׃ג鎉ְװְׅ 
    8FC噟歲ך䧭ꞿחאְגְֽג׷
11. ؿٗٝزؒٝسח䩛׾⳿ׅ
    鼅䫛ך椚歋ה➙
12. 剑鵚䠬ׄג׷ֿה 
    蕯䩛ָ䓼ְ 
    و٦؛ذ؍ؚٝ䩛岀כ僓ַ׵㢌׻׵זְָ
    
    ؝٦ر؍ؚٝ䩛岀ך鹌⻉כ傍ְ 
    "*ءأذيח㤽׻׸זְ➬✲כ⡦ַ
13. ؿٗٝزؒٝسח䮶׶ⴖ׏׋椚歋 
    鋙ִ׷ֿהָ㢳ֺׅ׋ 
    ֿך⯓׮䪮遭ָ臰׵זְה然⥋׃׋ 
    鋙ִ׋✲ָּׅח崞欽דֹ׉ֲ 
    غحؙؒٝسהⴖ׶ⴓֽ׋Ꟛ涪ָדֹ׷
14. װ׏גג״ַ׏׋ֿה رؠ؎ٝ鏣鎘הכⴽד统ֲ׮ךָ֮׷ 
    ؿٖ٦يٙ٦ؙ׾⢪ֲ 
    رؿٕؓزך6*׾濼׷ 
    荈ⴓד㹋鄲ׅ׷
15. 剑鵚⸂׾Ⰵ׸גװ׏ג׷ֿה 
    ؝ٝه٦طٝز鏣鎘 
    ؕةؚٗأة؎ٕؖ؎سך⡲䧭 ث٦يדךꟚ涪ָדֹגֿ׉ךرؠ؎ٝ
16. Ꟛ涪ؿٗ٦ך㢌⻉
17. 耵珏ח実׭׷㢌⻉ 8FC6*رؠ؎ش̔؝٦ت٦̒̔ؒٝآص، ⴓ噟ⵖך㜥さ Ⱏずⵖ⡲ך㜥さ 8FC6*رؠ؎ش̒̔ؒٝآص،
18. 葺ַ׏׋ֿה 
    نزٕطحؙ׾ⴱ劍ח鋅אֽװְׅ 
    ؝ىُص؛٦ءָّٝ《׶װֻׅז׷ 
    ⥜侭׃װְׅ؝٦سָ剅ֽ׷ 
    أة؎ٕؖ؎س׾⡲׷⣣⦼ָ넝ת׷
19. ➙װ׏ג׷װ׶《׶ך걄㚖 ؝ٝه٦طٝزכ♧筰ח罋ִ׷ꅾ銲 XFC6*رؠ؎ش ؝ٝه٦طٝز "1* ؿٗٝزؒٝس ؒٝآص، غحؙؒٝس ؒٝآص،
20. 䝤ַ׏׋ֿה 
    ♰腉דכזְؙٓ؎،ٝز٥植㜥ח״׷ 
    ٙ٦ؙؿٗ٦ךワ濼ךꨇ׃ׁ 
    넝ְإٔؗإحزָ実׭׵׸׷♰➂ぢֹׄׯזְ 
    「鎶周⟝׌הֶꆃח׃חְֻ周⟝ח״׷
21. ז׈8FC6*رؠ؎شָ ؝٦ر؍ؚٝדֹ׷ה葺ְךַ
22. 8FCرؠ؎شכ؝٦ر؍ؚٝדֹ׷ץַֹ 植㜥ח״׷ 
    ؝٦ر؍ָؚٝדֹזֻג׮剑鵚ָ-1כ⡲׸׷ 
    ؒٝآص،ְָ׋׵㹋鄲׃ג׮׵ִ׷
23. 儗➿ך崧׸ 稆➂ד׮8FC؟؎زכ䭯ג׷ 
    ؝٦ر؍ؚٝ♶銲ז؟٦ؽأד✲駈׶׷ 
    (PPHMFو؎ؽآطأװ4/4זוד✲駈׶׷ 
    ⹛歗ד鏮実דֹ׷
24. 荈ⴓ׮ظٝ؝٦ر؍ؚٝד؟؎ز⡲׶תׅ IUUQTCFMMGBDFSFDSVJUUJMEBXT 6*رؠ؎ش欽ך実➂؟؎ز
25. 鯄耵䋐㜥ד鋅ג׫׷ ؿٗٝزؒٝآص، 6*رؠ؎ش 8FCرؠ؎ش 䎂㖱䎃　 実➂侧 ا٦أ ♰ⰼ 窌♷䌴ה׃גכ։♰ⰼ ♰ⰼ 窌♷䌴ה׃גכ։♰ⰼ ♰ⰼ  
    ⟝  
    ⟝  
    ⟝ 窌♷䌴ה׃גכ։♰ⰼ
26. 鯄耵䋐㜥ד鋅ג׫׷ 鯄耵䋐㜥דכ ؝٦ر؍ؚٝإٔؗכ 実׭׵׸׷⫘ぢָ֮׷
27. 8FCرؠ؎ش׏ג⡦ד勻׋׵葺ְך 蕯䩛
    
    
    鎉׻׸׋ֿהָדֹ׷ ⚥㛙
    
    
    荈ⴓךرؠ؎ٝ鏣鎘ח➰⸇⣣⦼׾䭯׋ׇ׷✲ָדֹ׷ 擾箺
    
    
    ث٦يדずׄ⣣⦼錁׾䭯׋ׇ׷կ
    
    
    
    
    ث٦يך㹋籐חⱄ植䚍׾䭯׋ׇ׷
28. 荈ⴓד؝٦ر؍ָؚٝדֹ׷ה 
    荈ⴓך㹋籐ָ⡲׸׷ 
    و٦؛ذ؍ؚٝ⸂ָ鑐ׇ׷ 
    䧭卓ךⱄ植䚍 ⚥㛙חז׷׋׭ך穗꿀ח׃װְׅ
29. 荈ⴓך〳腉䚍׾䎢־׷⢽⦐➂Ꟛ涪 
    荈ⴓך㥨ֹזⴓꅿ׾鼅׿ד鑐ֿׅהָדֹ׷ 
    ׮ךבֻ׶ד荈ⴓח♶駈׃גְ׷荈鋙ָ䭯ג׷ 
    ֶꆃָⰅ׏גֻ׷ַ׮׃׸זְ 䧭ꞿ׃װְׅ
30. 8FCرؠ؎شָ劤䔲ח罋ִ׷הֿ׹ 铩ָ䕎ח׃גֻ׸׷ךַ 
    ِ٦ؠ٦椚鍑 
    䞔㜠٥؝ٝذٝخ鏣鎘
31. ث٦يך㹋籐ה荈ⴓך㹋籐׾幉׈גְזְַ 劤䔲חرؠ؎شה׃גך荈ⴓך㹋籐כ⡦ַ
32. ؿٗٝزؒٝآص،ה 8FCرؠ؎ش⡦ָ麩ֲך
33. 䎂䧭ⴱ劍 م٦يل٦آך㶷㖈ח⣣⦼ָ֮׷ )5.- $44 +BWB4DSJQU 鏣鎘 8FCرؠ؎ش ؝٦ت٦
34. ⟀ㄤⴱ劍 麊欽דֹ׷ֿהח⣣⦼ָ֮׷ )5.- $44 +BWB4DSJQU 鏣鎘 鏣鎘 8FC6*رؠ؎ش ؿٗٝزؒٝس ؒٝآص، ؝ىُص؛٦ءّٝך㜥
35. ֶ✼ְչرؠ؎ٝպ׾׃ג׷ ؿٗٝزؒٝآص،כرؠ؎ٝ׾ 㹋鄲ׅ׷׋׭ך⤑ⵃ㾊ׁ׿דכזְ
36. 鏣鎘׃׋ז׵剑䖓תד 荈ⴓד顑⟣׾䭯הֲ ˟
    ⦐➂ך䠬䟝דׅ
37. תה׭؝٦ر؍ָؚٝדֹ׷ה 欰ֹגְֹװֻׅז׷ 
    〳腉䚍䎢ָ׷ַ׮ 
    إٔؗך〳鋔⻉ָ׃װֻׅז׷ַ׮ 
    鯄耵כ׃װֻׅז׷
38. ا٦أ IUUQTYOQDLVBBHQP[CDPN &&"%&#&&"&#&& "&#&#&#&"&"&&##&'&& ##&&#" ؿٗٝزؒٝسؒٝآص،ך➬✲ך䎃　٥儗窌٥窌俱䞔㜠 IUUQTYOQDLVBBHQP[CDPN 6*&&#&"&"&#$&"&&##&' &&##&&#" 6*رؠ؎ش٦ך➬✲ך䎃　٥儗窌٥窌俱䞔㜠 IUUQTYOQDLVBBHQP[CDPN 8FC&&#&"&"&#$&"&&##& '&&##&&#" 8FCرؠ؎ش٦ך➬✲ך䎃　٥儗窌٥窌俱䞔㜠