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
72k
エンジニアのためのUIデザイン
エンジニアでも使えるデザインの理論とテクニック
Shoya Ishimaru
March 28, 2015
Tweet
Share
More Decks by Shoya Ishimaru
See All by Shoya Ishimaru
AI研究者になる-学生時代の経験から最先端の研究まで- / 2023-09-27
shoya140
0
32
技術的視点から見る生成AIとその活用方法 / 2023-06-09
shoya140
0
22
Meta-Augmented Human: Augmenting the Capability of Augmenting the Capability / 2022-12-07
shoya140
0
15
エクストリーム・モチベーション / Extreme Motivation
shoya140
0
230
Zenから箇条書きまで幅広く使えるKeynoteテンプレート「Zebra 2」の紹介 / Introducing Zebra 2
shoya140
3
3.9k
Gaze-Based Self-Confidence Estimation on Multiple-Choice Questions and Its Feedback - Asian CHI Symposium 2020
shoya140
0
450
人を賢くする人工知能 / 2019.08.31
shoya140
0
200
未踏ナイト2018LT「エンジニアリング・リサーチの振り子」
shoya140
0
130
楽しいドイツの観光地ベスト5
shoya140
0
490
Other Decks in Programming
See All in Programming
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.4k
ふかぼれ!CSSセレクターモジュール / Fukabore! CSS Selectors Module
petamoriken
0
150
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.5k
Quine, Polyglot, 良いコード
qnighy
4
650
聞き手から登壇者へ: RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
140
デザインパターンで理解するLLMエージェントの作り方 / How to develop an LLM agent using agentic design patterns
rkaga
9
1.6k
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
130
Modular Monolith Monorepo ~シンプルさを保ちながらmonorepoのメリットを最大化する~
yuisakamoto
9
1.8k
cmp.Or に感動した
otakakot
3
280
Amazon Bedrock Agentsを用いてアプリ開発してみた!
har1101
0
350
Jakarta EE meets AI
ivargrimstad
0
860
カンファレンスの「アレ」Webでなんとかしませんか? / Conference “thing” Why don't you do something about it on the Web?
dero1to
1
130
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Ruby is Unlike a Banana
tanoku
97
11k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
What's new in Ruby 2.0
geeforr
343
31k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
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