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
910
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
270
人生詰まないための30代デザイナの戦略/designer-strategy
contiki9
3
1.6k
プロジェクトをええ感じに 回すためのBacklogとの お付き合いの仕方 /use backlog gaood case
contiki9
1
350
Other Decks in Design
See All in Design
Cyber Heart Online Book
hjnasby
0
180
アクセシビリティに取り組むメリット
magi1125
2
250
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
450
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
160
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
510
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
350
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
350
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
660
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.4k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
400
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Making Projects Easy
brettharned
117
6.4k
Building an army of robots
kneath
306
46k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Documentation Writing (for coders)
carmenintech
74
5k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Visualization
eitanlees
148
16k
A designer walks into a library…
pauljervisheath
207
24k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
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رؠ؎ش٦ך➬✲ך䎃 ٥儗窌٥窌俱䞔㜠