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
SEがエンジニアに目覚めデザイナーに転身した冒険譚
Search
camcam_lemon
July 06, 2019
Design
6
1.5k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
Battle Conference Under30の登壇資料です。
camcam_lemon
July 06, 2019
Tweet
Share
More Decks by camcam_lemon
See All by camcam_lemon
要素のサイズを変えずに押しやすくする
lemon
0
32
iOSのキーボード入力ビューをカスタマイズする
lemon
0
180
視え方と文字の大きさ
lemon
1
370
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
250
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
4.8k
UI/UXデザイナーがデザインしてるもの
lemon
2
310
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
940
ESLintで始めるTypeScriptの静的解析
lemon
8
2k
React.lazyとSuspenseで行うLazy Load
lemon
2
470
Other Decks in Design
See All in Design
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
240
Rayout Pattern 01
one0
0
430
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
210
Dinosaur Mayhem
storyartist
0
120
How to go from research data to insights?
mastervicedesign
0
200
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.5k
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
490
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
330
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
260
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
230
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
980
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Fireside Chat
paigeccino
34
3.1k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
A designer walks into a library…
pauljervisheath
205
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Unsuck your backbone
ammeep
669
57k
Building an army of robots
kneath
302
44k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Transcript
SEがエンジニアに目覚め デザイナーに転身した冒険譚
Name 甲斐田 亮一 Twitter @camcam_lemon Company 日本事務器株式会社 Skills TypeScript, React
/ Figma Occupation フロントエンドエンジニア/デザイナー
「予想」よりも「予測」をもとに仕入れと販売のマッチングを 青果生産者が入荷予定量を入力することで 販売担当者は予想ではなく予測をもとにした提案を fudoloopは適正価格で青果物を販売先へ
皆さんはどうして エンジニアになりましたか?
僕は何となくエンジニアになりました
何となく始まったSE人生 - 特にプログラミングが好きというわけではなかった - 好きな言語もないし、作ってみたいものもなかった - エンジニアとしてこうなりたいとかもなかった - これからずっとExcelで設計書を作り、 プログラムを書いていくんだろうと思っていた
いわゆるSE(職業エンジニア)でした
そんな僕は 部署で一人だけいた フロントエンドエンジニアの 下につくことになりました
本当に色々なことを教えてもらった ESLint
すごいエンジニアと一緒に働くことで 技術力はメキメキついていった だがしかし・・・
< 俺4月からいなくなるから
オワタ・・・
< 明日からはかむかむが 社内で最強の フロントエンドエンジニアだ がんばれ
いつ先輩に会っても胸を張って社内 で最強のフロントエンドエンジニア と言えるようになろう そう決心した
タスキを渡されたことで フロントエンドエンジニア の自分が芽吹き始める
ここから本当の苦悩が始まる
かさばり続ける苦悩 ・正しい実装とは? ・質の良いコードとは? ・もっと良い書き方あるのでは? ・redux-form v6何が起こった!? ・フロントのキャッチアップどうしよ ・マイグレつらい ・聞ける人がほしい ・相談できる人がほしい
・アーキテクトはどう考えれば... ・全然成長できてない気がする
かさばり続ける苦悩 ・相談できる人がほしい 正しい実装とは? ・ 質の良いコードとは? ・ もっと良い書き方あるのでは? ・ ・redux-form v6何が起こった!?
・フロントのキャッチアップどうしよ ・マイグレつらい ・聞ける人がほしい アーキテクトはどう考えれば... ・ ・全然成長できてない気がする
コードの品質は下げたくない 自分の書いてるコードが 正しいのか良い実装なのか わからない に苦しめらながらコードを書いていく 背反 二律
やってきたこと -コードを書きまくる -他社のエンジニアと交流する -あまり多くを学びすぎない(特化する) -Twiiterで有名な人をフォローする -公式リポジトリをwatch -勉強会でLT枠で応募しまくる
後ろを振り返ることなくひたすら勉強していくうちに フロントエンドにハマっていき 気づけば自走できるエンジニアになっていた エンジニアとしての自我が生まれていた
職業エンジニアって変われるの? -難しいと思う -変われるかどうかは結局本人次第 ネガティブなイメージが蔓延してるが 僕は職業エンジニアが悪いことだとは全く思わない -僕たちエンジニアが変わるためのキッカケを与えること はできる
デザイナーに転身してからは ユーザインタビューやジャーニーマップを作ったり よりユーザの近くで イケてるサービスを エンジニアリングするようになりました
イケてる
エンジニア デザイナー ユーザ ユーザ が考える のイケてる感 エンジニア ユーザ が考える のイケてる感
デザイナー
イケてる感はちゃんと一致してる? エンジニア デザイナー ユーザ
UXデザイナーはユーザのシナリオを通して UIデザインに落とし込んでいく シナリオ起こし 機能の洗い出し UIデザイン ジャーニーマップ UIの見た目からだけでは測れない ユーザ像(≒ペルソナ)と一連のストーリーを以って イケてる感をデザインする
慣れ親しんでるアプリやサービスは何か どういう手順で操作しているか なぜその手順なのか 見た目や操作の変化に順応できそうか 操作でつまった時にどう行動しているか 重要なのは見た目じゃなくてユーザへの共感度 ユーザ像やストーリーって?
エンジニアは仕様を固め実装して機能を作ります UXデザイナーはユーザや業界を知り機能を創ります (toBは) サービス寄りの話には ユーザへの共感がないと話についていけない
エンジニアは仕様を固め実装して機能を作ります UXデザイナーはユーザや業界を知り機能を創ります (toBは) サービス寄りの話には ユーザへの共感がないと話についていけない 同じものをつくってるようで 違うものをつくってるな感覚に陥る
エンジニアもサービスに関心 を持つことが大事です サービスが成長していく喜び ユーザに使ってもらう喜び 感じ方変わるかも!?
最後にちょっとエモい話
最近、先輩と仕事する機会ができた 2年ぶりに一緒に仕事をして 2年ぶりにコードレビューをしてもらった
< ほんとに成長したね 感動したわ
タスキはちゃんと 受け継げていたみたいです
僕はこれからも 社内で最強のフロントエンドエンジニア のタスキをかけていきます
ご静聴ありがとうございました!