デザインエンジニアとフロントエンド
https://gyazo.com/10774e1a5835db93f714dc1200d94cf9
キャリア
デザイナー12年
エンジニア 5年
主にフロントエンド
デザインエンジニア（2019〜）
デザインエンジニアについて
Designer + Engineer？
A design technologist has a rampant desire to make something. They’re an interaction designer, a coder, a visual designer, an information architect all rolled together.
デザインエンジニアとは、エンジニアとしてもデザイナーとしてもきちんとアウトプットができる人のことです。例えばソフトウェアのデザインエンジニアだったら、ソースコードも当然書けるし、UIデザインも普通にやる。Photoshopも使うし、開発環境でプログラムも書く。そのアウトプットの力が両方揃っているのがデザインエンジニアです。
Webデザイナー
フロントエンジニア
デザインエンジニア
認知されづらい？
Takramも募集している
UXEngineer
クックパッド
U-NEXT
Google
テクニカルクリエイター
サイバーエージェント
デザインテクノロジスト
Airbnb
Amazon
TripAdvisor
明確なくくりは無さそう
役割について
Iotデバイスの増加と複雑化
5年で2倍増加
時代の代わり
変化デザイン
非同期的実装
ツールの技術・進化
デザインツール、デベロッパツールも変化
静的から動的な世界へ（Stateless => Stateful）
社会の変化のスピードが加速
キャッチアップの範囲が増えた
網羅的な担当するのが難しい
フロントエンドとデザインについて
責務をどこまで受け持つか？
デザインとエンジニアリングのギャップを埋める
開発設計サイクルの最適化、高速化
意識共有を促進する
働き方（さくらインターネットの例）
インフラ側が多い
要件定義
ラフスケッチ
プロトタイプ、レビュー
実装
画面実装
APIの連携やりとり
ツール
Design Tool
FrontEnd
主にプレイヤーに寄った知見
理想と現実のギャップ
リソース不足が発生してる部分のヘルプ
断片的な対応
業務の偏り
パラレルキャリア
副業・兼業を公認してる
クレバーフレーバー
OVERFLOW
買えるAbemaTV社
知見・経験
不足と感じた業務経験を補える
得られた手法や経験が還元できる
この働き方は１つのケース
ギャップを埋めるための研鑽・キャッチアップ
全く偏ってない働き方
企業でも勉強は何でも良い
違う景色を見続けよう
デザインエンジニアとは？
デザイナーとエンジニアの仲立ちをして開発を円滑に進める役割を担うポジション
自分も会社でデザインエンジニアを名乗っているのですが、職能が分かれていることを前提としたワークフローだとつらみがあるので組織に対する最適化が必要と感じています。そこに対してどのような取り組みをされてきたのかお聞きしたいです！
取り組みについて
どこに入るかは曖昧
デザイナーとエンジニアの枠にとらわれない
別の部署に入っていく
わからないところを補完する
最適化
自分も悩んでいる
エンジニア、デザイナーの境界が曖昧になってくると設計フェーズで関わる人が増え、特に認知パターンについても意見が対立したりすることが増えてくるのではないかかと思います。 チーム内でデザインについて議論するときに設けている決めごとなど何かありますか？円滑にコミュニケーションを取れるように工夫されていることはありますか？
インフラとデザイナーで席が別れてる
共有会、レビュー会のギャップを埋めている
どちらかというと機能を重視、デザインに興味が薄いところもある
何をやってるかの明文化をしている
現在、デザイナーからエンジニア寄りになる、エンジニアからデザイナーよりになるのような流れでデザインエンジニアに なっていく例が今の所多いとおもってるのですが、若くしてデザインエンジニアとして職に就いた場合の将来的なキャリアフローなどどのようなものがありそうでしょうか？
若くしてやるのは可能だとは思うが会社次第？
さくらは新卒募集してない
フルスタックなデザイン・エンジニア
全体的な俯瞰ができる人がなれる？
なんでもできる時は何が得意かが分かりづらい
何が得意かは明らかにしたほうが良い
コンポーネント設計をしていく上で、デザインとしての文脈とエンジニアリングとしての文脈をマージしていくのがとても難しいと感じているのですが、なにか工夫されていることはありますか？
この動きは不要では？という考え方になる
プロトタイプでアニメーションを付けてギャップを埋めてみる
Sketchで分割したコンポーネントをエンジニアが実装した時のズレはどう解消してる？ 資料をつくって実装してもらう
名前の付け方など決めづらいことは議論してる
なかなか理解されにくかったり評価されにくかったりする気がします。 （ビジュアルデザイナーがデザイナーと呼ばれていたり、IA やコーディングがデザインであるとは認識されていない） デザインとエンジニアリングが元々不可分であることを理解してくれる人が居ますか？ チーム構成や実際のワークフロー、責務の分担などお聞きしたい。
デザインという言葉が強すぎないか？
装飾というイメージが強い
情報設計、Webデザイン、インタラクションなど他にもやることはある
社内には理解・評価している人は居る
責務の分担
HTMLマークアップが詳しいのは自分
Vue.jsのレビュー
スケジュール意識をもって音頭を取る
都度柔軟に対応
取り組みやワークフローに関してどうやってるか
デザイナーがマークアップなど担当していた
アプリチームのフロントエンド
なので分業をしてきた
さくらは大雑把な募集
円滑な仕事をしてスケジュールを進めていくのを試している
デザインエンジニアと名乗れるレベルと技術力
別に名乗るのは簡単
浅く広くだとしんどい、得意分野はあったほうがいい
得意な部分を広げて更に得意分野をつなげていくのがいい
円滑にやる取り組み方を知りたい
人員や知識の不足の穴を埋める
エンジニア向けにデザインの啓蒙もやってる
副業と時間の使い分け・バランス取りはどうやってるのか
さくらは残業が少ない会社で表彰してる
仕事後に仕事する時間はある
平日２〜３時間
土日にマックスで充てる
本業に影響でないレベルでやる
役割をどういう風に確立したの？
枠を広げようとして募集してみた
デザインエンジニアは３名
採られた方は優秀な人
自然と自分の役割ができてきた
会社上部で理解があったのもあるかも
好きなフォントは？
HaruTP
DIN Next
新しい技術は積極導入すべき？上司が認めてくれてないが
積極的にやるべきではないかと思うが
売上と関係するか？の視点も大事
どうしてデザインエンジニアになろうとしたのか？
Webデザインがもっとキラキラしていた時代
エンジニアリングを理解しないと表現
両方やっていかないといけないと思ったので今の職業になってる