2014年9月27日に札幌市民ホール会議室で開催されたSaCSS Vol.58でお話させていただいた際のスライド資料です。 これは2013年9月に開催されたDirector's Nightでお話した内容の改訂版となります。（→ http://www.slideshare.net/yasufuminishiyama/directors-night-20130921 ） ここに記載されていることが全てではないですし、今現在、西山が全て出来ているかと問われるとおそらくNOですが、ご参考ください。

1. だから、
Webディレクターは
やめられない
SaCSS vol.58
2014.09.27 (Sat) at 札幌市民ホール会議室

2. 自己紹介

3. 西山 泰史
にしやま やすふみ
株式会社ジャクスタポジション
札幌市在住のWebディレクター
Movable Type でのサイト構築
2013年よりMT蝦夷を主宰
三度の飯より食べることが好き

4. • 2004年4月創業
• Webサイト構築／システム開発など
そこそこ規模の企業サイト／ECサイトなど
• 主に外部スタッフ（フリーランス）とチームを編成
• CMS（主にMovable Type）を利用した実績が多数

5. ジャクスタと言えば

6. Webデザイナーのためのショッピングカート SKELETON CART
http://skeleton.juxtaposition.jp/
!
Movable Typeの画像アップロード機能補助プラグイン ImageUploadUtility
http://skeleton.juxtaposition.jp/image-upload-utility/

7. 西山と言えば

8. ラーメン！

9. ミッションコンプリート

10. 本題へ戻しましょう

11. Director’s Night から1年

12. 「Webディレクター」という肩書とその役割
http://f-shin.net/fsgarage/2156

13. LIGさんのサイトで
紹介されちゃった。

14. ディレクターに注目が集まりつつある？
!
そんな今だからこそ
あらためて、Webディレクターの仕事、
そのあるべきカタチを考えてみたい

15. こんな経験ありませんか？

16. 友：西山ってさ、何の仕事してんの？
：Webサイト作ってるよ。
友：あぁ、Webデザイナーね！
：うん、まぁ、そうじゃないんだけどね。
友：でも、ホームページ作ってるんでしょ？
：うん、まぁ、そうだよね。
友：んじゃ、やっぱWebデザイナーじゃん。
：うん、まぁ、だいたいあってる。

17. Director’s Night 終了後のアンケートより

18. ワタシ、Webディレクターやってます
誰もがそう自信を持って言える世の中にしよう
でもそのためにはしっかりと「ディレクション」をしないとね
!
あと…毎日飲み歩いているわけではありません…念のため

19. 本日のお品書き
Webディレクターってなんだ？
Webディレクターに必要な能力
Webディレクターの心構え
Webディレクターにありがちな罠
Webディレクターの仕事、楽しい？

20. Webディレクターってなんだ？
ディレクションという仕事の「おさらい」

21. Webディレクターという仕事
2004年4月当初
…日本全国総Webデザイナー時代
↓
約10年
↓
2013年の時点では
…まだまだ業務分担がはっきりしない
IT／Web系企業の代表＝ホリエモン

22. いつからWebディレクター？
① 案件規模が拡大
② 制作に関わるメンバーが増える
③ お客さんとの連絡（≒営業）
④ メンバーとの連絡
⑤ スケジュールの管理
→ ディレクター誕生の瞬間
（業務の延長型）

23. または

24. いつからWebディレクター？
① 上司に呼び出される
② 君、明日からディレクターね♥
③ Σ(・∀・；)
→ ディレクター誕生の瞬間
（キャリアパス型）

25. 業務を回す人＝ディレクター（現場監督）

26. 現状把握
戦略策定
Webサイト制作会社の業務
構築作業
完成
サイト設計
（終わらないけど）

27. 現状把握（ヒアリング）
① 問題（依頼）の本質
→ リニューアルすれば良くなる？
② 組織の横のつながりを把握
→ 部署同士の「言った／言わない」など
③ 社内の雰囲気づくり（周知）
→ みんなでやりますよー！
④ その他、競合調査／ログ分析などなど

28. 戦略策定（プランニング）
① プロジェクトの目標（中間目標）
→ 売上？資料請求？求人？などなど
② ユーザーニーズの把握
→ 必要とされている情報って？
③ サイト構成チャート（情報整理）の設計
→ 目的達成のための施策

29. サイト設計
① ワイヤーフレーム
→ UI/UX、レイアウト案
② 原稿や素材の手配
③ スタッフのアサイン
→ デザイナー、プログラマー、ライター、カメラマンなどなど
④ レギュレーション策定
→ HTML/CSSルール、ターゲットブラウザなどなど

30. 構築作業・テスト
① デザイン／モックの確認
→ PSDとか、仮HTMLとか
② プロトタイプの制作（動作確認）
→ スマートフォンサイトなど
③ スケジュール・進捗管理
→ プロジェクト管理ツールなど

31. 完成
終わりじゃないけど

32. 電話応対コピーライティング
基本設計
Webディレクターの業務
戦略を練る
詳細設計制作作業
修正対応
見積もり
進捗管理
打ち合わせアジェンダ
スケジュール作成
文章作成
資料準備
議事録作成
飲み会幹事
請求書作成
悩み相談

33. デザイナー／プログラマーなど
専門職以外の仕事全般

34. 何でも屋＝Webディレクター
だったら「デキる何でも屋」になりたい

35. Photoshop／illustrator、バッチリです！
もちろん、HTML5/CSS3、jQueryもOK！
PHPもメールフォームぐらいならやります！
もちろん出来たほうが良いけど…

36. Webディレクターにとって本当に必要なのは
Webでどんなことができるか
それを提案する能力に長けていること
そしてそれを実行（目的達成）する能力

37. Webディレクターに必要な能力
ディレクターが養うべき「8つの能力」

38. 責任感
① お客さんはもちろん関わる人にコミット
→ この仕事は「自分（達）がやるもの」という意識
② 責任は取るものではなく果たすもの
→ なにがなんでも自分でやってやる！は正解？
③ 提案のできない作業者はディレクターではない
→ やらされているのではなく「やっている」

39. 意志の強さ
① 逃げ道を作らない
→ 誰かが言ったからという「責任転嫁」
② 人の話に流されず取りまとめるのが仕事
→ いろいろな意見を聞くのが仕事だけど、
それに惑わされるだけなら「優柔不断」
③ ディレクターたるものリーダーたれ
→ 指揮棒を振るのは誰なのか

40. 好奇心・向上心
① Web以外のことも知る
→ Webの知識を蓄えるのは当たり前
お客さんの要望をジャッジする必要がある
② 法律やセキュリティの基礎も大切
→ 個人情報保護方針、SSL暗号化通信
③ すべてが自分でできる必要はない
→ 人の力を借りよう。でも「知らない」のはNG

41. 決断力・コミュニケーション能力
① 常にジャッジが伴う
→ 要望に対し好き嫌いじゃなく
目的や予算、スケジュールなどを踏まえて考える
② 相手に理解してもらおうという気持ち
→ 専門用語、略称、横文字の羅列
→ 押し付けになっていないか
③ 都合のいい事を言わない
→ 信頼関係が大切、間違いがあれば謝ること
他人の助けがあって実現できていると意識する

42. 提案力・実行力
ここまでの6つの能力が
この提案力と実行力へとつながる

43. Webディレクターの心構え
ディレクターはどう行動するべきか

44. 自分が存在する価値ってなんだ？
なぜその存在が必要なんだ？
連絡係・伝書鳩に出来ないこと＝ホウレンソウ
!
今何がどうなっているかを報告
今後のスケジュールを常に連絡
心配ごとがあるなら事前に相談

45. 時間と目的＝中長期的な目標を意識する
自分の仕事は後回しにできるけど、
人の仕事は後回しにしちゃいけない
!
忙しいのは自分だけじゃない
人の時間を預っているという意識をもつ

46. 自分一人と思わず、メンバーを信頼して任せる
技術的なことだけじゃなく
お互いを認め合える関係性を作る
受け身にならなず自分をもち、
指示を待つのではなく自ら動く

47. 事前の準備・段取り・先回り
徹夜しなければならない状況を作らない
クライアント側をもコントロール
!
スタッフを守るのもディレクターの仕事

48. 忙しい時ほどしっかり仕事する
資料やドキュメントをまとめる
① 期限を守るため
② 指示をカタチに残すため
③ 議事録（メモ）をシェアするため

49. 間違えを認めること
迷惑をかけないために

50. Webディレクターにありがちな罠
ディレクションにまつわる「あるある話」

51. 【１】なんかこのデザイン、違う
やっと担当者からOKもらったのに、意思決定者がNG

52. クライアントチェックを減らす
→ 承認する際に意思決定者にも参加してもらう
Webデザイナーとよく話し、その意図を理解する
→ 意思決定者に対して、その意図を説明する

53. 【２】お客さんが時間を守らない
資料がまだ届かない → スタッフ待機
→ いつ着手？ → 資料到着次第で！
→ 結局リスケ（他の仕事できたのに…）
→ スタッフに怒られる

54. なぜそのスケジュールなのか、
それが遅れるとどうなるのか、
お客さんと目標を共有することが大切

55. 【３】公開日に間に合わない
ローンチ直前、手に汗握るスリリングな1日

56. 中長期のスケジュール管理ができていない
→ 最終的になんとかなる（寝なければ？
バタバタからのリスケ
→ 管理が行き届かずクオリティの低下
お客さんの要望を丸呑み（追加追加で納期変わらず）
→ 断り方を忘れてしまったディレクター
スタッフもお客さんも泣く
→ 誰が得するのか、回避することはできなかったのか

57. Director’s Night 終了後のアンケートより
コンティンジェンシーとは
事件・事故・災害などの不測の事態が発生することを想定し、
その被害や損失を最小限にとどめるために、あらかじめ定めた対応策や行動手順のこと。

58. Webディレクターの仕事、楽しい？
そんなに大変なのに喜びってあるの？

59. Webディレクターの仕事ってとにかく大変
でも大変なのはどんな仕事だって同じ。
!
「やらされている」じゃなく
この仕事をやっていると思えるかどうかで
楽しいと思えるかどうかが決まる。

60. これほど楽しい仕事はない！と思えるポイント
【１】自分のイメージしたWebをカタチにできる
【２】お客さんや仲間と喜びを分かち合える
いろいろな人と出会える、一緒に仕事できる
【３】Webディレクターは何にもできない何でも屋
常に新しいことにチャレンジできる

61. だから私も
Webディレクターを
やめられない
「だから、Webディレクターはやめられない」
これは島元大輔さんの書籍から引用しています。
http://amzn.to/11wkodP