ゼロディレの改訂版。 全回までものと構成を変えてみました。

1. ゼロからの
ウェブディレクション講座
制作・開発編 v.3.0
日本ディレクション協会

2. 自己紹介
小嶋裕亮
Web・APP開発ディレクター
日本ディレクション協会・株式会社リンケイジアジャパン
!
大規模Webシステムのオペレーターから、デザイナー、コー
ダーなどを経てディレクターに。
主に制作・開発フェーズ、運用フェーズを得意とする。
現在株式会社リンケイジアジャパンでディレクションチー
ムを率いる。

3. お話しすること
Webディレクションとは何か
それに必要なスキルは何か

4. 設計→開発→運用
制作のフロー

5. 役割の変化
設計フェーズ
企画者
制作・開発フェーズ
プロジェクト管理者

6. 役割の変化
設計フェーズ
企画者
↓
企画を作って通す
制作・開発フェーズ
プロジェクト管理者
↓
PJを完了させる

7. プロジェクト全体を
掌握すること。
役割の変化

8. コミュニケーションの構築
最も力を入れるところ

9. 職務
スタッフのアサイン
詳細設計
確認作業

10. 職務
決めて
伝えて
チェックする

11. 職務
決めて
伝えて
チェックする
ボトルネックは
大抵ココ

12. 具体例

13. 決めて伝える
誰が
何を
何時するのか

14. 人をアサインする
デザイナー
イラスト
レーター
フォトグラ
ファー
ライター
クライアント
アート
ディレクター SE
プログラマー
マークアップ
エンジニア

15. 役割を決めて伝える
デザイナー
イラスト
レーター
フォトグラ
ファー
ライター
クライアント
アート
ディレクター SE
プログラマー
マークアップ
エンジニア

16. 目標を決めて伝える
デザイナー
イラスト
レーター
フォトグラ
ファー
ライター
クライアント
アート
ディレクター SE
プログラマー
マークアップ
エンジニア

17. 目標を決めて伝える
デザイナー
イラスト
レーター
フォトグラ
ファー
ライター
クライアント
アート
ディレクター SE
プログラマー
マークアップ
エンジニア
みんな∼、
あっちいくよ∼

18. スケジュールを決めて伝える
明日の17:00まで
におねがいっ！

19. 組織ごとの分担の違い
クライアント デザイナー

20. クライアント ディレクター
デザイナー
プログラマー
組織ごとの分担の違い

21. クライアント 広告代理店
組織ごとの分担の違い

22. チェックする
スケジュールのチェック
品質のチェック

23. ボトルネック
不十分な権限
コミュニケーションロス

24. コミュニケーションロス

25. コミュニケーション量は増えるが、
まだ単純。
コミュニケーションロス

26. コミュニケーションロス

27. 専門性は高くなり、各工程の作業効率はあが
るが、コミュニケーションが複雑化
コミュニケーションロス

28. コミュニケーションロス
複雑すぎるコミュニケーションを裁くので
手一杯に。。。

29. ディレクションスキル

30. 開発フロー
ライティング デザイン マークアップ プログラミング
スケジュール
WBS
画面仕様書の作成
素材手配

31. ディレクション
ライティング デザイン マークアップ プログラミング
スケジュール
WBS
画面仕様書の作成
素材手配

32. ディレクション
ライティング デザイン マークアップ プログラミング
スケジュール
WBS
画面仕様書の作成
素材手配
進捗管理
クオリティマネジメント

33. スキルセット
詳細設計
プロジェクト管理
品質管理

34. 詳細設計
ぼやっとした概要設計を
具体的に形にしていく

35. 詳細設計
コンテンツ/機能リスト
遷移図
ファイルリスト
仕様書

36. 詳細設計
コンテンツ概要
メインコンテンツ：活動紹介
• ミートアップ
• セミナー
• その他活動報告
• 協会について
• 学生部（外部リンク）
サブコンテンツ：関係者紹介
• メンバー紹介
• 協賛企業紹介
詳細情報
• PP
その他機能
• 問い合わせフォーム

37. 詳細設計
0001
トップ
M001
ミートアップ
S001
セミナー
A001
活動報告
M002
ミートアップ
個別
A002
活動報告個別
S002
セミナー個別
検索
エンジン
SNS
Blog
Peatix
or
ストアカ

38. 詳細設計

39. 詳細設計
• 指示内容指示内容指示内容
• 指示内容指示内容
!• 指示内容指示内容指示
• 指示内容指示内容指示内容指示内容
• 指示内容指示内容指示内容
• 指示内容指示内容
!• 指示内容指示内容指示
• 指示内容指示内容指示内容指示内容

40. プロジェクトの設計

41. プロジェクトの設計
• スケジュール

42. プロジェクトの設計
スケジュールが遅れて、「急いでくれ」だけでは本気にならない。
「そこまでヤバくないだろう」
「誰かがなんとかしてくれる」

43. プロジェクトの設計
んなわけあるか。

44. スケジューリングのコツ
ちゃんとバッファをみること
常にチューニングすること
精度は粗く→細かく

45. スケジューリングのコツ

46. スケジューリングのコツ
細かくの図

47. ウォーターフォール
スパイラル
アジャイル
ちょっと横道

48. ちょっと横道
プロトタイピン
グ
デザイン
制作
開発
テスト
時系列
工程進捗
過去は振り返らな
い主義なんだ。
一度工程が完了したら、変更は起こらない前提。

49. ちょっと横道
プロトタイピン
グ
デザイン
制作
開発
テスト
時系列
工程進捗
動かないと
わからないよ
えっ… 構成よくないね。
変えて。
お客さんはある程度形になるまで判断できないので、ブレやすい。
過去は振り返らな
い主義… さっさと作って
細かい事いいから、
早く作ってよ。

50. ちょっと横道

51. 品質の管理
表記統一リスト
校正チェックリスト
テストシナリオ

52. チームビルディング
意思決定を迅速にする
コミュニケーションロスを減らす

53. チームビルディング
モデュレーション
話をまとめて落としどころ
に持っていく
ファシリテーション
話を広げて意見を出させる

54. まとめ
• 作業にとらわれすぎない
• 自分がやっている事は伝える事だという
事を忘れずに