Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
UIデザイナが実装できると良いこと/ ui-designer-coding-goood
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
conti
November 02, 2019
Design
970
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
UIデザイナが実装できると良いこと/ ui-designer-coding-goood
https://2019.kfug.jp/session
conti
November 02, 2019
Transcript
38 slides
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رؠ؎ش٦ך➬✲ך䎃 ٥儗窌٥窌俱䞔㜠
More Decks by conti
See All by conti
UIフレームワークって本当にいるの?/ Really a UI framework?
contiki9
1
310
人生詰まないための30代デザイナの戦略/designer-strategy
contiki9
3
1.6k
プロジェクトをええ感じに 回すためのBacklogとの お付き合いの仕方 /use backlog gaood case
contiki9
1
400
Other Decks in Design
See All in Design
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
210
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
Design_Harness_and_Loop.pdf
nagatsu
0
150
tokikai Webポータルの要点|仕様へのこだわりポイントまとめ
soniria
0
490
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
6k
凡庸を落とすハーネス
hiromimaeo
2
1.1k
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
270
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
1
420
飲み会を妻に伝えるベストタイミング分析
kudaranai
0
120
The Young Explorer's Field Journal
arische
0
110
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
2.3k
20260802東京都市大学オープンキャンパス授業
a2k
0
130
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
Highjacked: Video Game Concept Design
rkendrick25
PRO
2
570
For a Future-Friendly Web
brad_frost
184
11k
It's Worth the Effort
3n
188
29k
Faster Mobile Websites
deanohume
310
32k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
680
The Invisible Side of Design
smashingmag
301
52k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
590
Raft: Consensus for Rubyists
vanstee
143
7.9k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
sira's awesome portfolio website redesign presentation
elsirapls
0
510