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/UX入門
Search
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Programming
0
92
エンジニアのための UI/UX入門
Combmofにて発表させていただいたスライドです。ITエンジニアのためのUI/UXの解説を行いました。
Tsubasa SEKIGUCHI
PRO
December 05, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
Reactで始める リグレッションテスト概論
tinykitten
PRO
0
25
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Gunma.web #55
tinykitten
PRO
0
210
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
120
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
150
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
44
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
290
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
930
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
Other Decks in Programming
See All in Programming
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
150
iOS開発スターターキットの作り方
akidon0000
0
130
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
290
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
16
5.9k
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
630
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
110
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
680
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
120
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
9
6.6k
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
490
生成AI時代のコンポーネントライブラリの作り方
touyou
1
300
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
190
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
77
9.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Facilitating Awesome Meetings
lara
54
6.5k
Balancing Empowerment & Direction
lara
1
490
Code Review Best Practice
trishagee
69
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The Language of Interfaces
destraynor
158
25k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
How GitHub (no longer) Works
holman
314
140k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Transcript
Combmof 2018.12.23 @ Supporters Shibuya Of Shibuya Square A, Shibuya,
Tokyo Tsubasa SEKIGUCHI LEA-3645969186565158903 ΤϯδχΞͷͨΊͷ 6*69ೖ UI/UX Design for IT Engineer
TinyKitten @tinykitten8 Freelance Frontend Engineer/Designer
ؔޱཌྷ Tsubasa SEKIGUCHI
σβΠϯͱԿ͔ʁ
۩ମతͳΛղ͖໌͔ͨ͢Ίͷࢥߟɾ֓೦Λ Έཱͯɺ༷ʑͳഔମʹදݱ͢Δ͜ͱɻ
σβΠϯͨͩͷ͓ֆඳ͖Ͱͳ͍ɻ
ͯ͢ͷσβΠϯԾઆͰ͋Δɻ σβΠϯΛݕূ͢ΔͨΊʹ࣮ݧΛ͢ Δɻ
σβΠϯʹత͕͋Δ
None
Πϕϯτʹདྷͯ΄͍͠ ઌਐ͞Λײͯ͡΄͍͠ ܈അͷΠϕϯτͰ͋Δ͜ͱΛͬͯ΄͍͠
ঢ়گʹΑͬͯʮతʯมԽ͠ తʹΑͬͯʮσβΠϯʯมԽ͢Δ
తʹԊͬͨσβΠϯ͕ඞཁ
UI
UI User Interface ϢʔβʔͱιϑτΣΞΛͭͳ͙ ࢹ֮తΠϯλʔϑΣΠε
UX
UX User Experience ιϑτΣΞɺαʔϏεΛͬͨͱ͖ͷ Ϣʔβʔͷମݧ
UX UI ʴ ηοτͰޠΒΕΔ͜ͱ͕ଟ͍
UI Ϣʔβʔ Λతͱ͍ͯ͠Δʁ
UI Ϣʔβʔ Λతͱ͍ͯ͠Δʁ ҧ͍·͢ΑͶ
Ϣʔβʔ Λతͱ͍ͯ͠Δ UX
༏Εͨ6* ༏Εͨ69ͷҰ෦Ͱ͋Δɻ
Ͳ͏͢Ε ༏Εͨ69 Λ࣮ݱͰ͖Δ͔ʁ
Ϣʔβʔͷཱʹཱͭ
Ξϯνύλʔϯ
Ξϯνύλʔϯ ඇͷଧͪॴ͕ͳ͍͘Β͍ Ϋι6*
Ξϯνύλʔϯ ͋͑ͯྻڍ͢Δͱ ͨΒࣦྱ ϑΥʔϜ͕ଟ͗͢Δ ొͷ৭͕ϝΠϯΧϥʔͰͳ͍ Ϧηοτ͕ӈͩͱεϚϗͰ ޡλοϓ͢Δ
Ξϯνύλʔϯͷଓ͖
Ξϯνύλʔϯͷଓ͖
ଟগϚγͳ6*
ଟগϚγͳ6* ͋͑ͯྻڍ͢Δͱ ೖྗ͕࠷খݶ ແବͳ֬ೝ͕ͳ͍ ϦηοτϘλϯ͕ͦͦ ͍Βͳ͍
ଟগϚγͳ6*
ϨΠΞτͷݪଇ
ۙ ྻ ίϯτϥετ ෮
ۙ ใͷޮՌΛࢹ֮Խ͢Δʢݟ͘͢͢Δʣ
None
None
ཁૉ͕͙ͪΌ͙ͪΌʹஔ͞Ε͍ͯΔͨΊɺ ؔ࿈ੑ͕Θ͔Βͳ͍
None
ۙͱ ؔ࿈ཁૉΛ͚ۙͮɺ ͦ͏Ͱͳ͚Ε͢
None
ྻ ཁૉΛ৫తʹߏԽ͢Δʢݟ͘͢͢Δʣ
None
None
None
None
ίϯτϥετ ҟͳΔཁૉͷࠩҟΛڧΊΔʢҙΛҾ͘ʣ
None
ۙͱ ཁૉͱཁૉΛ ໌Β͔ʹҟͳΔܗʹ͢Δ
৭ɾେ͖͞ɾϚʔδϯʹϝϦϋϦ͕͖ͭ ใͷߏ͕Θ͔Γ͘͢ ը໘ͷϨΠΞτʹັྗ͕ੜ·ΕΔ
෮ ϨΠΞτͷݪଇΛ܁Γฦ͢͜ͱ
ܗͷҰ؏ੑ ؙ֯ɺαΠτͰͲͪΒ͔ʹҰ؏ͤ͞Δɻ ࠞࡏ͍͚ͤͯ͞·ͤΜɻ
৭ͷҰ؏ੑ ͓͍߹Θͤ੨ͱܾΊͨΒ੨Λ͍·͠ΐ͏ɻ
͜ͷ̐ݪଇΛकΔͱ Ϛγͳ69 Λ࣮ݱͰ͖Δ
,JUUFO-5ͱ͍͏ΠϕϯτΛ ߴ࡚ͰΓ·͢
None
None
None
None
Combmof 2018.12.23 @ Supporters Shibuya Of Shibuya Square A, Shibuya,
Tokyo Tsubasa SEKIGUCHI LEA-3645969186565158903 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening!