WCAN 2015 Autumn

1. アクアリングが
考える
エンジニアの
これから
∼ 求 め ら れ る ス キ ル と 立 ち 位 置 の 二 極 化 ∼

2. 突然ですが

3. エンジニアとして
どんな仕事していますか？

4. HTML・CSSだけ
書いてませんか？
・・・僕は１年前までそうでした。

5. 安価で技術力のあるオフショアの台頭
誰でもwebサイトが構築できる
サービスの台頭（Wix , Jimdo）
Wordpress等の無料CMS
フリーランス等、制作母数増加
大規模
小規模
インタラクティブ一般的
↓ 単価が下がる ↓
WEB業界の現状

6. インタラクティブ
大規模
小規模
一般的
WEB業界の現状
安価で技術力のあるオフショアの台頭
誰でもwebサイトが構築できる
サービスの台頭（Wix , Jimdo）
Wordpress等の無料CMS
フリーランス等、制作母数増加
↓ 単価が下がる ↓
3年後・5年後
どうなっちゃうの？

7. WEB業界の現状とAQの戦略
大規模
小規模
インタラクティブ一般的
大規模案件
インタラクティブ
案件

8. 大規模案件構築に
必要なスキル

9. コンテンツ量 多い
開発期間
長い
（制作期間はもちろん運用まで）
関わる人数
多い
（クライアント・制作スタッフともに）
大規模案件

10. ＜ポイント＞
3つのスキル・ノウハウ
計画策定スキル
均一な品質を保つ設計スキル
効率的に開発・量産できるノウハウ

11. 計画策定は
PM・ディレクターだけの領域ではない
計画策定スキル
プロジェクト前段となる要件定義から参加
（クライアントのビジネス理解）
計画を導くための横断的な知識
（サーバ・インフラ・CMS・外部サービスなど）
要件から最適な品質・スコープ・スケジュール・コスト・
リソースなど最適な計画を導きだせるスキル
仕様をクライアントに説明・承認するまでの
コミュニケーションスキル

12. 将来的な運用までを考えて
品質を保つ
均一な品質を保つ設計スキル
多くのメンバーで開発する中で
品質を保つ仕組み（ルール）づくりのノウハウ
汎用性の高いテンプレート設計・構築スキル
将来的な運用を考えたCMS設計スキル

13. 効率的に開発・量産できるノウハウ１
運用まで見据えたインフラ構築

14. 効率的に開発・量産できるノウハウ２
最新の開発ノウハウの吸収
（自動化できるものを増やす）

15. 効率的に開発・量産できるノウハウ３
オフショアや外部パートナーへの
ディレクションスキル

16. 最後に最も必要なもの・・・
それは、、、
折れない心

17. インタラクティブ案件に
必要なスキル

18. インタラクティブ案件
コンテンツ量
少ない
（けど派手）
開発期間 短い
関わる人数
小規模
（一人の時も）

19. 基本的なモダン開発知識に加えて、
先端の技術や、APIの把握やDB構築が必要になります。
クリエイティブコーディング
API把握
データベース構築
演出・効果
基本的なモダン開発技術

20. クリエイティブコーディング
SVG
CANVAS
２D
（IE9以上）
・pixi.js
・create.js
・processing.js
３D-webgl
（IE11以上）
・three.js
レガシーブラウザ
への対応
スマホでの
挙動確認

21. 演出・効果
FLASHモック
作成・修正
JSプログラミング
・webサイトや映画・ドラマ・アニメ
を見て、表現を盗む
・FLASHでのアニメーション制作
クライアント
確認
①
②
③

22. API把握
・SNSも含め、様々なAPIの把握をする
SNS ・VINE
・Instagram
・Twitter
・Facebook
・forsquare
・etc…
その他 ・Google Maps Javascript API v3
・Google Geocoding API
・Youtube API

23. データベース構築
・DB構築の知識・技術
・JSONでの書き出し等、DB情報の上手な活用
PHPCron
③追加
修正
削除
API
SQL
定時更新
②レスポンス
JSON
④書出用
レコード
取得
⑤書出
JS
⑥読み込み
①リクエスト

24. 大規模案件 インタラクティブ案件
＜ポイント＞
3つのスキル・ノウハウ
計画策定スキル
均一な品質を保つ設計スキル
効率的に開発・量産できるノ
ウハウ
クリエイティブコーディング
API把握
データベース構築
演出・効果

25. 自分が
取り組んで
きた事

26. キャリアパスを決める
とにかく勉強
チャレンジできる環境をつくる
これからのエンジニアとして生き抜く
ために自分が取り組んでいること

27. キャリアパスを決める
１年後 3年後 ５年後
テクニカル
ディレクター
インタラクティブ
エキスパート
CMS強化
大規模テンプレート構築
CANVAS
API・DB構築
代表的な
10件演出・効果
Vanilla JS
要件定義
詳細設計
品質管理
代表的な
5件

28. セミナーに参加する
・社内・社外・有志等大小問わず
・アクアリングでも月に一度ぐらいの頻度で
「クリエイティブコーディング勉強会 in 名古屋」
を開催しています。
技術共有サイト、同僚・知人・友人等からの知識共有
・QIITA、StackOverflow等、プログラマ技術共有サイトからの情報
・同僚や知人たちからの情報
英語の勉強
・Stackoverflowなども含め、
日本語にないドキュメントや最新の情報を得るため、
英語の勉強をする
とにかく勉強

29. チャレンジできる環境をつくる
大規模がやれる
環境
インタラクティブ
案件がやれる
環境
・モチベーションアップ
・実績の作れる環境
・周囲からの知識共有

30. 同じエンジニアとして、
web業界を盛り上げていくために、
スキルアップしながら、
頑張っていきましょう

31. アクアリングが考える
エンジニアのこれから
～ 求 め ら れ る ス キ ル と 立 ち 位 置 の 二 極 化 ～