エンジニアリング視点から見た
生き残るUIデザイナーの話
BASE株式会社
取締役CTO 藤川真一

自己紹介
• 藤川真一（えふしん）
• BASE株式会社 取締役CTO
• 株式会社想創社 代表取締役
• WebSigモデレーター
• 慶應義塾大学大学院
メディアデザイン研究科後期博士課程３年
• 2000年〜2005年 制作会社で受託開発…Flash、動画
• 2006年〜2009年 GMOペパボでEC
• 2007年〜2012年 モバツイ
• 2014年から現職

開発チーム構成
BASEデザイナー、
フロントエンドエンジニア ４人
サーバサイドエンジニア ４人
iOS , Androidアプリ ２人
PAY.JP エンジニア ２人
その他 ２人

デザインファースト

デザイナー職の担当範囲
• UX設計 （社長直轄）
• ビジュアルデザイン
• UIデザイン
• JavaScript, HTMLコーディング
• PHPへの組み込み
組み込まれたPHPのメンテナンス
• Git 、Redmine 、コードレビュー

Webのフロントエンドの業界において、既存のプロフェッショナルは、
ビジュアルデザイン（広告業界とか受託でPhotoshopで完結してきた人）
UIエンジニア （UI設計専門家。HCDなど。まだあまり多くない。）
実装 （JavaScriptを書くフロントエンドエンジニア 、HTMLコーダー）
のあたりにそれぞれ人が分かれている。
受託で数千ページ、数万ページをこなすなら、分業しないといけないので、それぞ
れのプロが作ってきた構造がここ１０年の業界構造だが、
スタートアップの場合、できるだけ全体をカバーできる人が望ましい。
iPhoneアプリだったら、ビジュアルデザインができて、ちゃんとApple のUIガイド
ラインにそったUIデザインができて、開発者を導いてあげる人が理想。
そのためにはUIガイドラインをしっかり読んでデザインできること、プロトタイプ
レベルの実装ができると最高。それこそ自分でアプリを作っているとか。
そういうあたりを、今はできないけど全部やりたいです。そのうえで、UIデザイン
のプロになりたいです。
みたいなことが本心から言えると、僕は100点満点だと思いますw

UIデザインは、
エンジニアリングの一部分である。

え、エンジニアリング？？？
私、エンジニアじゃないし

エンジニアリング？
技術（ぎじゅつ）とは、ものごとを取り
扱ったり処理したりするときの方法や手段。
および、それを行うわざ。
ものごとをたくみに行うわざ。
社会の各分野において、何らかの目的を達
成するために用いられる手段・手法。
Wikipediaより

・Webデザイン
・UI設計
・フロントエンドプログラミング
・サーバサイドプログラミング
・サーバ構築
➡ 全部が専門知識、専門分野であり、
「エンジニアリング」

社会の各分野において、何らかの目的を
達成するために用いられる手段・手法。
what ???

Webにおけるワクワクを作る人

ワクワクとは？

ワクワクとは、
ユーザさん、お客さんにとって楽しいこと
・価値を表現し、受け入れられること
・ビジネスになること

BASEの場合
• 「お母さんでも使えるネットショップ」
• 私でもできそう！と思えて、
• 実際にできる。

ワクワクの変遷
• 昔はホームページを作ることがワクワク
• Flashアニメーション
• ブログ
• ゲーム
• Webサービス、CGMサイト
• iOSアプリ
• UI / UX
• ウェアラブル、動画、VR？？？

ワクワクは「あたりまえ」になる
・みんながワクワクする
・市場が生まれて、競争が増える
・成功法則が生まれると、システム化できる
・オープンソース化するとシステムは０円に。
・オープンソースを活用するビジネスが広まる
・定着するものもあれば、
次なるワクワクを考える人が出てくる （→最初に戻る）

まとめ
・UIデザインはワクワクを作る仕事
・ワクワクは、見た目の美しさだけ
じゃなく、使えなくてはいけない。
・エンジニアリングである以上、
技術の変遷とともに歩む必要がある。
・ビジュアルデザインの力は重要だが、
UXは見えない。実装力重要

宿題
Push通知は、UIか否か。

おわり
絶賛、全方位で人材募集中！