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
UIデザイナが実装できると良いこと/ ui-designer-coding-goood
Search
conti
November 02, 2019
Design
3
850
UIデザイナが実装できると良いこと/ ui-designer-coding-goood
https://2019.kfug.jp/session
conti
November 02, 2019
Tweet
Share
More Decks by conti
See All by conti
UIフレームワークって本当にいるの?/ Really a UI framework?
contiki9
1
240
人生詰まないための30代デザイナの戦略/designer-strategy
contiki9
3
1.5k
プロジェクトをええ感じに 回すためのBacklogとの お付き合いの仕方 /use backlog gaood case
contiki9
1
330
Other Decks in Design
See All in Design
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
210
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
310
Fleet Gas Station
joshtang
0
140
我做了一個詐騙網站...嗎?
crboy
1
150
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4.8k
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
170
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.8k
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
32k
ZKK_001.pdf
nicholaspegu
0
1.4k
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
360
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Designing for Performance
lara
604
68k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Done Done
chrislema
181
16k
GitHub's CSS Performance
jonrohan
1030
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Transcript
6*رؠ؎شָ 㹋鄲דֹ葺ׁ 'SPOUFOE$POGFSFODF
؝ٝث UI Designer @maki_saki ؿٌٕٔ٦ز!匌❨
None
؝ٝث UI Designer @maki_saki
؝ٝث UI Designer @maki_saki 6*رؠ؎ٝ ؝٦ر؍ؚٝ و٦؛ذ؍ؚٝ 鍑匿٥何㊣ فٗزة؎فך涪ָ䖤䠐
ٍؗٔ،ד䝢ד➂ך鼅䫛肇ך♧א رؠ؎شָؿٗٝزؒٝس鋙ִ⣣⦼ 荈ⴓך穗꿀ך鑧דׅ ➙傈ך鑧
ٔ،ؙءّٝ 㣐ֹד ״׃ֶֻ격ְ׃תׅ GSPOULBOTBJ#
չ⦐➂ך䠬䟝דׅպ ➙㔐ך涪邌כ荈ⴓָ䠬ׄגךד Ⰻرؠ؎شֲָֿ֮ץֹהְ ⚺铂ךדְַ鑧דכ֮תׇկ
穠锷荈ⴓך㜥さ
؝٦ر؍ָؚٝדֹ穠卓 㼛勻ך♶㸜ָ㼰זֻז וך周⟝٥ث٦يחדⰅ 䧭卓暟荈ⴓך⡲ㅷה׃ג鎉ְװְׅ 8FC噟歲ך䧭ꞿחאְגְֽג
ؿٗٝزؒٝسח䩛⳿ׅ 鼅䫛ך椚歋ה➙
剑鵚䠬ׄגֿה 蕯䩛ָ䓼ְ و٦؛ذ؍ؚٝ䩛岀כ僓ַ㢌זְָ ؝٦ر؍ؚٝ䩛岀ך鹌⻉כ傍ְ "*ءأذيח㤽זְ➬✲כ⡦ַ
ؿٗٝزؒٝسח䮶ⴖ椚歋 鋙ִֿהָ㢳ֺׅ ֿך⯓䪮遭ָ臰זְה然⥋׃ 鋙ִ✲ָּׅח崞欽דֲֹ غحؙؒٝسהⴖⴓֽ涪ָדֹ
װגג״ַֿה رؠ؎ٝ鏣鎘הכⴽד统ֲךָ֮ ؿٖ٦يٙ٦ؙ⢪ֲ رؿٕؓزך6*濼 荈ⴓד㹋鄲ׅ
剑鵚⸂Ⰵגװגֿה ؝ٝه٦طٝز鏣鎘 ؕةؚٗأة؎ٕؖ؎سך⡲䧭 ث٦يדך涪ָדֹגֿךرؠ؎ٝ
涪ؿٗ٦ך㢌⻉
耵珏ח実㢌⻉ 8FC6*رؠ؎ش̔؝٦ت٦̒̔ؒٝآص، ⴓ噟ⵖך㜥さ Ⱏずⵖ⡲ך㜥さ 8FC6*رؠ؎ش̒̔ؒٝآص،
葺ַֿה نزٕطحؙⴱ劍ח鋅אֽװְׅ ؝ىُص؛٦ءָّٝ《װֻׅז ⥜侭׃װְׅ؝٦سָ剅ֽ أة؎ٕؖ؎س⡲⣣⦼ָ넝ת
➙װגװ《ך걄㚖 ؝ٝه٦طٝزכ♧筰ח罋ִꅾ銲 XFC6*رؠ؎ش ؝ٝه٦طٝز "1* ؿٗٝزؒٝس ؒٝآص، غحؙؒٝس ؒٝآص،
䝤ַֿה ♰腉דכזְؙٓ؎،ٝز٥植㜥ח״ ٙ٦ؙؿٗ٦ךワ濼ךꨇ׃ׁ 넝ְإٔؗإحزָ実♰➂ぢֹׄׯזְ 「鎶周⟝הֶꆃח׃חְֻ周⟝ח״
ז8FC6*رؠ؎شָ ؝٦ر؍ؚٝדֹה葺ְךַ
8FCرؠ؎شכ؝٦ر؍ؚٝדֹץַֹ 植㜥ח״ ؝٦ر؍ָؚٝדֹזֻג剑鵚ָ-1כ⡲ ؒٝآص،ְָ㹋鄲׃גִ
儗➿ך崧 稆➂ד8FC؟؎زכ䭯ג ؝٦ر؍ؚٝ♶銲ז؟٦ؽأד✲駈 (PPHMFو؎ؽآطأװ4/4זוד✲駈 ⹛歗ד鏮実דֹ
荈ⴓظٝ؝٦ر؍ؚٝד؟؎ز⡲תׅ IUUQTCFMMGBDFSFDSVJUUJMEBXT 6*رؠ؎ش欽ך実➂؟؎ز
鯄耵䋐㜥ד鋅ג ؿٗٝزؒٝآص، 6*رؠ؎ش 8FCرؠ؎ش 䎂㖱䎃 実➂侧 ا٦أ ♰ⰼ 窌♷䌴ה׃גכ։♰ⰼ ♰ⰼ
窌♷䌴ה׃גכ։♰ⰼ ♰ⰼ ⟝ ⟝ ⟝ 窌♷䌴ה׃גכ։♰ⰼ
鯄耵䋐㜥ד鋅ג 鯄耵䋐㜥דכ ؝٦ر؍ؚٝإٔؗכ 実⫘ぢָ֮
8FCرؠ؎شג⡦ד勻葺ְך 蕯䩛 鎉ֿהָדֹ ⚥㛙 荈ⴓךرؠ؎ٝ鏣鎘ח➰⸇⣣⦼䭯ׇ✲ָדֹ 擾箺 ث٦يדずׄ⣣⦼錁䭯ׇկ ث٦يך㹋籐חⱄ植䚍䭯ׇ
荈ⴓד؝٦ر؍ָؚٝדֹה 荈ⴓך㹋籐ָ⡲ و٦؛ذ؍ؚٝ⸂ָ鑐ׇ 䧭卓ךⱄ植䚍 ⚥㛙חזך穗꿀ח׃װְׅ
荈ⴓך〳腉䚍䎢־⢽⦐➂涪 荈ⴓך㥨ֹזⴓꅿ鼅ד鑐ֿׅהָדֹ ךבֻד荈ⴓח♶駈׃גְ荈鋙ָ䭯ג ֶꆃָⰅגַֻ׃זְ 䧭ꞿ׃װְׅ
8FCرؠ؎شָ劤䔲ח罋ִהֿ 铩ָ䕎ח׃גֻךַ ِ٦ؠ٦椚鍑 䞔㜠٥؝ٝذٝخ鏣鎘
ث٦يך㹋籐ה荈ⴓך㹋籐幉גְזְַ 劤䔲חرؠ؎شה׃גך荈ⴓך㹋籐כ⡦ַ
ؿٗٝزؒٝآص،ה 8FCرؠ؎ش⡦ָ麩ֲך
䎂䧭ⴱ劍 م٦يل٦آך㶷㖈ח⣣⦼ָ֮ )5.- $44 +BWB4DSJQU 鏣鎘 8FCرؠ؎ش ؝٦ت٦
⟀ㄤⴱ劍 麊欽דֹֿהח⣣⦼ָ֮ )5.- $44 +BWB4DSJQU 鏣鎘 鏣鎘 8FC6*رؠ؎ش ؿٗٝزؒٝس ؒٝآص،
؝ىُص؛٦ءّٝך㜥
ֶ✼ְչرؠ؎ٝպ׃ג ؿٗٝزؒٝآص،כرؠ؎ٝ 㹋鄲ׅך⤑ⵃ㾊ׁדכזְ
鏣鎘׃ז剑䖓תד 荈ⴓד顑⟣䭯הֲ ˟⦐➂ך䠬䟝דׅ
תה؝٦ر؍ָؚٝדֹה 欰ֹגְֹװֻׅז 〳腉䚍䎢ַָ إٔؗך〳鋔⻉ָ׃װֻׅזַ 鯄耵כ׃װֻׅז
ا٦أ IUUQTYOQDLVBBHQP[CDPN &&"%&#&&"&#&& "&#&#&#&"&"&&##&'&& ##&&#" ؿٗٝزؒٝسؒٝآص،ך➬✲ך䎃 ٥儗窌٥窌俱䞔㜠 IUUQTYOQDLVBBHQP[CDPN 6*&&#&"&"&#$&"&&##&' &&##&&#" 6*رؠ؎ش٦ך➬✲ך䎃 ٥儗窌٥窌俱䞔㜠
IUUQTYOQDLVBBHQP[CDPN 8FC&&#&"&"&#$&"&&##& '&&##&&#" 8FCرؠ؎ش٦ך➬✲ך䎃 ٥儗窌٥窌俱䞔㜠