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
61
技術的視点から見る生成AIとその活用方法 / 2023-06-09
shoya140
0
29
Meta-Augmented Human: Augmenting the Capability of Augmenting the Capability / 2022-12-07
shoya140
0
36
エクストリーム・モチベーション / Extreme Motivation
shoya140
0
250
Zenから箇条書きまで幅広く使えるKeynoteテンプレート「Zebra 2」の紹介 / Introducing Zebra 2
shoya140
3
4.2k
Gaze-Based Self-Confidence Estimation on Multiple-Choice Questions and Its Feedback - Asian CHI Symposium 2020
shoya140
0
470
人を賢くする人工知能 / 2019.08.31
shoya140
0
230
未踏ナイト2018LT「エンジニアリング・リサーチの振り子」
shoya140
0
150
楽しいドイツの観光地ベスト5
shoya140
0
530
Other Decks in Programming
See All in Programming
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
450
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
430
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
420
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
380
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
810
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
630
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
110
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
570
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
440
XP, Testing and ninja testing
m_seki
3
200
Featured
See All Featured
Faster Mobile Websites
deanohume
307
31k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Site-Speed That Sticks
csswizardry
10
660
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Docker and Python
trallard
44
3.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Agile that works and the tools we love
rasmusluckow
329
21k
How to train your dragon (web standard)
notwaldorf
94
6.1k
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