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デザインをしてみた話
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
dachi
July 29, 2016
Programming
1.4k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
エンジニアがUIデザインをしてみた話
dachi
July 29, 2016
More Decks by dachi
See All by dachi
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
8.3k
良い機能を作るためにAIと壁打ちをしたら実装も快適になってしまった話 / ai-ideation-improves-implementation
dachi023
0
64
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
2
920
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
320
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
500
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
930
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3.2k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8.2k
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi023
2
1.5k
Other Decks in Programming
See All in Programming
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
0
280
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
kobakei
0
110
Java 27新機能 / Java 27 new features
kishida
2
140
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
120
モジュールの視点からSwiftを読み解く #iosdc
s_shimotori
0
170
GKE で Pod の見方を変えたら、スケールアウト時の挙動を真に捉えられた話
stkk
0
120
wkhtmltopdfの次どうするか問題2026
willnet
1
100
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
theoriatec2024
3
180
Vue Fes Japan 2026 タイムテーブル徹底解説
448jp
0
170
How I Stole PSI from Android Studio - DroidKaigi2026
worker8
0
130
TiDB Cloudのカスタムコントローラーによるオートスケール対応
takaidohigasi
0
120
Kiroで創り、AgentCoreで繋ぐ!AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
licux
4
680
Featured
See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
880
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
Exploring anti-patterns in Rails
aemeredith
4
510
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
The Curious Case for Waylosing
cassininazir
1
510
Paper Plane
katiecoart
PRO
4
53k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Speed Design
sergeychernyshev
33
2.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
280
Transcript
ΤϯδχΞ͕6*σβΠϯΛͯ͠Έͨ σβΠφʔͱΤϯδχΞ͕ڠྗλοάΛΜͩαʔϏε։ൃ $POOFIJUPJOD'SPOUFOE&OHJOFFS3ZP"EBDIJ ՈͷຖΛͬͱসإʹɻ
͡Ί·ͯ͠ʂ w ʙ w ϑϩϯτΤϯυΤϯδχΞ w ͖ͬ͞ϛχϦϡั·͑·ͨ͠ ҆ୡྏ !EBDIJ@
w ͡Ίʹ w 6*σβΠϯΛͯ͠Έͨ w ͔ͬͨ͜ͱɺྑ͔ͬͨ͜ͱ w ·ͱΊ ࠓ͢͜ͱ
͡Ίʹ σβΠφʔͱΤϯδχΞ͕ڠྗλοάΛΜͩαʔϏε։ൃ ՈͷຖΛͬͱসإʹɻ
w αʔόαΠυ w 1)1 w ϑϩϯτΤϯυ w +BWB4DSJQU w $44
͡Ίʹ ࢲͷࣄ
σβΠϯૉਓʜ ͡Ίʹ
͔͠σβΠφʔ͞ΜͱͷࣄॳΊͯʜ ͡Ίʹ
6*σβΠϯΛͯ͠Έͨ σβΠφʔͱΤϯδχΞ͕ڠྗλοάΛΜͩαʔϏε։ൃ ՈͷຖΛͬͱসإʹɻ
w ҰॹʹࣄΛ͍ͯ͠ΔσβΠφʔ͞ΜͷࣄΛཧղ͢Δ w σβΠϯԿ͕େมͳͷ͔ʁ w ΤϯδχΞ͕ख͑Δ͜ͱͳ͍͔ʁ w ྑ͍ίϛϡχέʔγϣϯΛऔΔʹʁ 6*σβΠϯΛͯ͠Έͨ ͳΜͰΖ͏ͱࢥ͔ͬͨ
ᶃ 6*ΛࣗͰߟ͑Δ ᶄ $44ΛࣗͰॻ͘ ᶅ (JU)VCͰެ։͢Δ 6*σβΠϯΛͯ͠Έͨ 6*σβΠϯΛ࠷ޙ·ͰͬͯΈΔ
6*σβΠϯΛͯ͠Έͨ ᶃ6*ΛࣗͰߟ͑Δ
w δΣωϨʔλ w ίϐϖ 6*σβΠϯΛͯ͠Έͨ ᶄ$44ΛࣗͰॻ͘
w ࠓͷࣗͷ࣮ྗΛӅ͞ͳ͍ w ܧଓͯ͠ྑ͍ͯ͘͘͠ྗΛ͢Δ w IUUQTHJUIVCDPNEBDIJCPJMFSQMBUF 6*σβΠϯΛͯ͠Έͨ ᶅ(JU)VCͰެ։͢Δ
͔ͬͨ͜ͱɺྑ͔ͬͨ͜ͱ σβΠφʔͱΤϯδχΞ͕ڠྗλοάΛΜͩαʔϏε։ൃ ՈͷຖΛͬͱসإʹɻ
w ͷ͕͔͔࣌ؒ͘͢͝Δ w ϩδΧϧʹߟ͑ΒΕͳ͍ ͔ͬͨ͜ͱɺྑ͔ͬͨ͜ͱ ͔ͬͨ͜ͱ
w σβΠϯͷେม͞Λײ͡ΒΕͨ w 6*Λߟ͑Δͷָ͕͘͠ͳ͖ͬͯͨ ͔ͬͨ͜ͱɺྑ͔ͬͨ͜ͱ ྑ͔ͬͨ͜ͱ
·ͱΊ σβΠφʔͱΤϯδχΞ͕ڠྗλοάΛΜͩαʔϏε։ൃ ՈͷຖΛͬͱসإʹɻ
w ·͕ͣࣗࠓͰ͖Δ͜ͱΛߟ͑ͯͬͯΈΔ w ૬खͷ͍ͬͯΔࣄͷେม͞Λࣗײͯ͡ΈΔ w େม͞ΛͬͯΑΓྑ͘͢Δํ๏Λߟ͑Δ ͍͞͝ʹ ͍͞͝ʹ
σβΠφʔ͞Μɺ͍ͭ͋Γ͕ͱ͏ʂʂ ͍͞͝ʹ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ σβΠφʔͱΤϯδχΞ͕ڠྗλοάΛΜͩαʔϏε։ൃ ՈͷຖΛͬͱসإʹɻ