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デザイン
Search
Shoya Ishimaru
March 28, 2015
Programming
32
73k
エンジニアのためのUIデザイン
エンジニアでも使えるデザインの理論とテクニック
Shoya Ishimaru
March 28, 2015
Tweet
Share
More Decks by Shoya Ishimaru
See All by Shoya Ishimaru
AI研究者になる-学生時代の経験から最先端の研究まで- / 2023-09-27
shoya140
0
69
技術的視点から見る生成AIとその活用方法 / 2023-06-09
shoya140
0
31
Meta-Augmented Human: Augmenting the Capability of Augmenting the Capability / 2022-12-07
shoya140
0
43
エクストリーム・モチベーション / Extreme Motivation
shoya140
0
260
Zenから箇条書きまで幅広く使えるKeynoteテンプレート「Zebra 2」の紹介 / Introducing Zebra 2
shoya140
3
4.3k
Gaze-Based Self-Confidence Estimation on Multiple-Choice Questions and Its Feedback - Asian CHI Symposium 2020
shoya140
0
480
人を賢くする人工知能 / 2019.08.31
shoya140
0
240
未踏ナイト2018LT「エンジニアリング・リサーチの振り子」
shoya140
0
160
楽しいドイツの観光地ベスト5
shoya140
0
550
Other Decks in Programming
See All in Programming
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
600
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
11
4.5k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
650
AI Agents: How Do They Work and How to Build Them @ Shift 2025
slobodan
0
110
楽して成果を出すためのセルフリソース管理
clipnote
0
190
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
360
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
250
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.6k
Ruby Parser progress report 2025
yui_knk
1
460
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
320
Deep Dive into Kotlin Flow
jmatsu
1
370
Navigation 2 を 3 に移行する(予定)ためにやったこと
yokomii
0
350
Featured
See All Featured
Code Review Best Practice
trishagee
71
19k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
BBQ
matthewcrist
89
9.8k
Speed Design
sergeychernyshev
32
1.1k
Six Lessons from altMBA
skipperchong
28
4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
A designer walks into a library…
pauljervisheath
207
24k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Transcript
ΤϯδχΞͷͨΊͷ6*σβΠϯ !TIPZB
ࣗݾհ ੴؙᠳ !TIPZB ɾେࡕཱେֶେֶӃֶݚڀՊ ɾझຯJ04 "OESPJE 8FCΞϓϦ։ൃ ɾݚڀΣΞϥϒϧηϯαʹΑΔߦಈೝࣝ
ࠓͷςʔϚ
ࠓͷςʔϚ νίΫΠΠϫέϩϘ SBDPMUB /'$+VODUJPO LPUPEBNB 3FTU$BTU 4XJQFS ͜Ε·Ͱͷ։ൃͰʹ͚ͭͨ σβΠϯͷཧͱςΫχοΫΛؒʹڽॖ
ͭͷݪଇ
ͭͷݪଇ ۙ
ͭͷݪଇ ۙ ྻ
ͭͷݪଇ ۙ ෮ ྻ
ͭͷݪଇ ۙ ෮ ྻ ڧௐ
ͭͷݪଇ ۙ ෮ ྻ ڧௐ ༨ന ৭ ͭͷٕज़
ͭͷݪଇ ۙ ෮ ྻ ڧௐ ༨ന ৭ ͭͷٕज़
༨ന
༨നςΫχοΫʲׂΛߟ͑Δʳ
༨നςΫχοΫʲׂΛߟ͑Δʳ ࢹઢΛूΊΔ
༨നςΫχοΫʲׂΛߟ͑Δʳ ࢹઢΛूΊΔ ༨ӆΛ͢
༨നςΫχοΫʲׂΛߟ͑Δʳ ࢹઢΛूΊΔ ༨ӆΛ͢ ·ͱ·ΓΛ࡞Δ
༨നςΫχοΫʲϘλϯʳ
༨നςΫχοΫʲϘλϯʳ
༨നςΫχοΫʲϘλϯʳ จࣈαΠζͷഒ ഒ ഒ ഒ
༨നςΫχοΫʲϘλϯʳ $font-size: 30px; .btn{ font-size: $font-size; padding: 0 $font-size*2.0 0
$font-size*1.5; height: $font-size*3.0; line-height: $font-size*3.0; .icon{ top: $font-size*0.1; } } จࣈαΠζͷഒ ഒ ഒ ഒ
৭
৭ςΫχοΫ ৭ͷΛ੍ݶ͢Δ
৭ςΫχοΫ ϕʔε ϝΠϯ ΞΫηϯτ
৭ςΫχοΫ ϝΠϯ ϕʔε ΞΫηϯτ
৭ςΫχοΫ ϝΠϯ ΞΫηϯτ ϕʔε
৭ςΫχοΫʲ৭બͼʳ Ͳ͏ܾͬͯΊΔͷʁ
৭ςΫχοΫʲ৭બͼʳ ͍͍ײ͡ͷ৭ΛύΫΔ
ཱͪϦϯΫʲ৭ΛબͿʳ IUUQQBMFUUBNSLDPN
ཱͪϦϯΫʲΈ߹ΘͤΛબͿʳ IUUQDPMSEDPN
ͭͷݪଇ ۙ ෮ ྻ ڧௐ ༨ന ৭ ͭͷٕज़
ࢀߟจݙ ϊϯσβΠφʔζɾσβΠϯϒοΫ 3PCJO8JMMJBNT ஶ ٢యल ༁ ຖίϛϡχέʔγϣϯζ ͣΔ͍σβΠϯςΫχοΫ 4FNJ'MBUWFSTJPO IUUQTTQFBLFSEFDLDPNLFO@D@MP[VSVJEF[BJOUFLVOJUVLVQMVTTFNJIVSBUVUPWFSTJPO
ࣄྫͰֶͿσβΠϯͷݪଇCZ-JGFJT5FDI IUUQXXXTMJEFTIBSFOFULBOB[BXBOBPLJEFTJHOQSJODJQMFT େମ͍͍ײ͡ʹͳΔ,FZOPUFςϯϓϨʔτʮ"[VTBʯ࡞ͬͨ IUUQNFNPTBOPHSBQIJYOFUQPTU
ΤϯδχΞͷͨΊͷ6*σβΠϯ !TIPZB