Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
やっぱりやりたいのはUIデザインだった
ymrl
April 14, 2022
Technology
0
1.5k
やっぱりやりたいのはUIデザインだった
「
TECH PLAY Talk ~現役&元フロントエンドエンジニアに聞く!キャリアの分岐点~
」での登壇資料です。
Google Slidesで閲覧するにはこちら
ymrl
April 14, 2022
Tweet
Share
More Decks by ymrl
See All by ymrl
freeeのアクセシビリティの取り組みの紹介
ymrl
0
30
開発チームみんなで取り組むアクセシビリティ
ymrl
0
17
アクセシビリティ アプリを企画する時点で考えること
ymrl
1
94
Web技術基礎 for インターン
ymrl
0
3.2k
Webアクセシビリティ関連業務のためにブックマークレット書いてる
ymrl
0
56
Webエンジニアとして いま知っておきたい Webアクセシビリティ
ymrl
3
450
世界を変えるための デザインシステム (アクセシビリティ編)
ymrl
1
3.4k
インクルーシブな製品開発とリモートワークの職場環境
ymrl
1
4.2k
世界を変えるためのデザインシステム
ymrl
17
29k
Other Decks in Technology
See All in Technology
ソフトウェアテスト 2022 / Software Testing 2022
ak1210
1
1.7k
Internet Explorer は Microsoft Edge へ - IE の歩みとこれから -
yuhara0928
1
3.5k
2022年度新卒技術研修「良いコードの書き方」講義
excitejp
PRO
0
280
Custom GitHub Actions by Java
kazamori
0
280
JUnit5.7, 5.8の新機能紹介 #jjug_ccc #jjug_ccc_b / junit 5.7, 5.8 new features
kyonmm
PRO
2
410
WACATE 2022 夏 ワークショップの目的
imtnd
0
120
約6年間運用したシステムをKubernetesに完全移行するまで/Kubernetes Novice Tokyo
isaoshimizu
4
530
PUTとPOSTどっち使う?
hankehly
0
180
リファインメントは楽しいかね?
kitamu_mu
1
370
1人目QAエンジニアよもやま話 / QA Test Talk Vol.1
nametake
4
220
1人目SETとして入社して2ヶ月の間におこなったこと
tarappo
3
520
データエンジニアリングの潮流を俯瞰する
tetsuroito
1
720
Featured
See All Featured
Done Done
chrislema
174
14k
Mobile First: as difficult as doing things right
swwweet
213
7.5k
Build your cross-platform service in a week with App Engine
jlugia
219
17k
For a Future-Friendly Web
brad_frost
166
7.4k
A Tale of Four Properties
chriscoyier
149
21k
4 Signs Your Business is Dying
shpigford
169
20k
Designing on Purpose - Digital PM Summit 2013
jponch
106
5.6k
The Pragmatic Product Professional
lauravandoore
19
3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
Scaling GitHub
holman
451
140k
Designing the Hi-DPI Web
ddemaree
272
32k
WebSockets: Embracing the real-time Web
robhawkes
57
5.2k
Transcript
#TECHPLAY やっぱりやりたいのは UIデザインだった 2022.04.14 TECH PLAY Talk @ymrl
#TECHPLAY 自己紹介 • ymrl(やまある) • freee株式会社 プロダクトデザイン部 デザインリード • フロントエンドエンジニアからデザイナーになった人
• freeeのデザインシステム “Vibes” を作ったり、 アクセシビリティまわりの活動をしたりしている
#TECHPLAY ざっくりした略歴 • 大学〜大学院は、インタラクションデザインの研究室にいた ◦ デザインというよりはWebサービス作ったり電子工作したりしていた • デザイナー実績は無いがプログラミング実績はあったのでエンジニアとして就職 • インターンしていたベンチャー企業に新卒で就職、9ヶ月で辞めてfreeeへ
• freeeではフロントエンド寄りのエンジニアとして5年半勤めたのち、 2019年にデザイナーに転身して今に至る
#TECHPLAY モチベーショングラフ スタートアップに転職したぞ! サーバーサイドは自信ないけど フロントエンドなら負けない! 新プロダクトのチームに異動 めっちゃドメインの勉強して 最高のサービスを作るぞ! ドメインむっちゃ詳しくなった! もはや自分抜きではプロダクトが成立しない!
チームが大きくなって、人も入れ替わった 自分だけ取り残されてしまった ドメインに詳しい価値とは? アクセシビリティ楽しい! コレをやりきるには デザインシステムやるしかない! 一緒にデザインシステム作ってた デザイナーが退職してしまった! もう自分がデザイナーやるしかない! 意外とふつうにデザイナーやれてるし エンジニアの知見が活きてる
#TECHPLAY 学生のころ • 「Webページを作る」ことへの興味から、HTMLやCSSを学び始めた • インタフェースデザイン・インタラクションデザインの研究室に所属 ◦ プログラミングばっかりやって、サービス公開したりしてた ◦ HTML+CSS+jQuery
ならいろいろ作れる!という状態で大学院修了 • なんとなく流されるままエンジニアの道へ ◦ 個性を否定されるような感じがして、就活をがんばる気になれなかった ◦ 大学の先輩の紹介でインターンしていた会社にそのまま入社
#TECHPLAY freeeに入社したころ(2014年ごろ) • freeeは20名くらいの会社で、JavaScriptやCSSが得意な人が少なかった ◦ サイトやUIが格好悪くて「ここなら仕事が無くならなさそうだな」と思った • サーバーサイドへの苦手意識 ◦ サーバーサイドの設計などが自分でできる気がしない(知識もない)ので、
フロントエンドのタスクを積極的に巻き取ることでうまく逃げていた • 会計freee(現・freee会計)の機能開発 ◦ 基本部分が出来上がっているのでサーバーサイド設計の比重が小さい
#TECHPLAY ドメインエキスパート期(2015〜2016頃) • 給与計算freee(現・freee人事労務)開発チームに異動して、少人数での開発 • 対象となる業務ごとにゼロから設計する必要のある機能開発が多くなった ◦ 業務ドメインをエンジニア自身で咀嚼、アプリケーションの形に落とし込む • 法令や行政文書をとにかく調べて、社内で一番詳しい人みたいになる
• この頃にはサーバーサイドのこともわかってきたが、しかし自信がない • ドメインに詳しくなることが自分の価値のように思っていた ◦ 社会保険労務士試験も受けた(落ちた)
#TECHPLAY 孤独期(2017〜2018) • プロダクトの成長に伴ってチームも大きくなり、メンバーも入れ替わった ◦ ドメインに詳しい人としてチームに残り続けている ◦ 自分が離れると知識が断絶してしまう、しかし後進が育たない • あとから入ったメンバーとは知識量やモチベーションの差が大きかった
• 「このままでいいのか?」と思い始めた ◦ これ以上ドメインに詳しくなっても、転職したら価値がなくなってしまう ◦ 社労士試験は落ちた、そんなになりたいわけでもない ◦ 技術力に自信がない、対人スキルが低くてマネジメントも向いてない
#TECHPLAY アクセシビリティとの出会い • 2017年、伊原さん @magi1125 が入社、アクセシビリティの流れが生まれる • この頃からデザイナーとの課外活動みたいな動きが増える ◦ アクセシビリティの基準づくりや勉強会などで交流が多くなる
• Webデザインに興味を持った頃の気持ちへの原点回帰みたいになった ◦ 技術的なものへの興味の原点はこういうところにあったんだ、という発見 ◦ アクセシビリティを考えるのはUIの原理原則に立ち返ること、それが楽しい
#TECHPLAY デザインシステムを作りはじめる(2018〜2019) • 片手間でアクセシビリティやUI品質を向上させていくことの限界を感じ始める ◦ フロントエンド専業エンジニアがいないのでコードの治安が悪い ◦ 良くないものを1つ直すと3つ増えていくような状態 • 同僚デザイナーと大衆居酒屋で飲みながらデザインシステムによる革命を決意
◦ デザインシステムの名前は “Vibes”と名付けた • これをやらないと未来は無いと思い、20%ルールとして勝手にやりはじめた ◦ そんなに期待されていなかったと思う
#TECHPLAY デザイナーへの異動〜現在(2019〜) • Vibesが形になってきた矢先、一緒に作っていたデザイナーが退職してしまった • エンジニアの片手間でデザインシステムを作るのは無理という確信があった ◦ 退職を聞いた金曜の夜、その場でUXチームへ異動することを決意して、 週明けにUXチームのマネージャーとの面談をセットした •
デザインシステムやアクセシビリティを専門とするチームが発足した ◦ UIコンポーネントやガイドラインの整備 ◦ デザイン→実装のワークフローの整備
#TECHPLAY エンジニアからデザイナーになってここがよかった • コーディングの経験は、デザイナーとしても武器になる ◦ 周囲のデザイナーを見ていても、コーディング経験がある人と無い人では アプリケーションを見るときの解像度が違うように思える ◦ ここ最近、新卒でデザイナーになる人は特にコーディング経験を得づらい •
「自分のやりたいこと」に「デザイナー」の仕事を寄せることができた ◦ 必要な部分のコードを書いたり、テクノロジーの目線からデザインを考える ◦ 「エンジニアだからこれもやらなければならない」からの脱却
#TECHPLAY エンジニアからデザイナーになるとここがつらい • 転職先がない、転職すると給料が安くなってしまう ◦ 世の中の「デザイナー」に求められているスキルがマッチしない ◦ 「コードが書けること」はオマケ扱いみたいになってしまいがち • 個人的には「デザインエンジニア」の流れに期待しています
◦ 「Ubieにデザインエンジニアとして入社して3ヶ月経った感想」 https://zenn.dev/takanorip/articles/e94bc72b23f330 ◦ この流れで、数年後には転職の選択肢も増えてくれないかと思ってる (いま転職先を探している・数年以内に確実に転職するわけではないです)
#TECHPLAY キャリアを振り返ると • 最初は「コードが書ける」から「エンジニアになる」という選択だった • 今は「デザインをやりたい」ので「コードも書けるデザイナー」をやっている ◦ 「コードが書ける」は「デザイナーとしての武器が1つ多い」くらいの感覚 • 自分の場合はそれができる・受け入れられる環境にたまたま出会えていた
◦ メンバーの退職というタイミング ◦ エンジニアとして働いている間に蓄積していた信頼の貯金 ◦ チャレンジを後押ししてくれる企業文化
#TECHPLAY もう少し話せます https://meety.net/matches/xtdwNbUkdqZC