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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
camcam_lemon
July 06, 2019
Design
6
1.6k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
Battle Conference Under30の登壇資料です。
camcam_lemon
July 06, 2019
Tweet
Share
More Decks by camcam_lemon
See All by camcam_lemon
オレを実装してデザイン実装楽したい
lemon
0
71
要素のサイズを変えずに押しやすくする
lemon
0
84
iOSのキーボード入力ビューをカスタマイズする
lemon
0
290
視え方と文字の大きさ
lemon
1
440
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
320
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
5k
UI/UXデザイナーがデザインしてるもの
lemon
2
340
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
1k
ESLintで始めるTypeScriptの静的解析
lemon
8
2.2k
Other Decks in Design
See All in Design
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
940
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
250
インハウスデザイン組織で挑む自社ブランディング
mixi_design
PRO
0
110
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
220
Vibe Coding デザインシステム
poteboy
3
1.7k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.3k
TUNAG BOOK 2024
stmn
PRO
0
1.4k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.7k
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
310
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3.2k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
150
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1k
Featured
See All Featured
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
68
Amusing Abliteration
ianozsvald
0
120
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
My Coaching Mixtape
mlcsv
0
63
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
620
Measuring & Analyzing Core Web Vitals
bluesmoon
9
770
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
290
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
60
51k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
220
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.3k
Producing Creativity
orderedlist
PRO
348
40k
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年ぶりにコードレビューをしてもらった
< ほんとに成長したね 感動したわ
タスキはちゃんと 受け継げていたみたいです
僕はこれからも 社内で最強のフロントエンドエンジニア のタスキをかけていきます
ご静聴ありがとうございました!