地元のとある中学校でWebディレクターが職業について話してきた

1. 徳永 聡
Webディレクターというお仕事
∧∧ ／￣￣￣￣￣
(,,ﾟДﾟ)＜ はじまるよ！
⊂ ⊃ ＼＿＿＿＿＿
～| |
,, し`J

2. ０１．自己紹介
(;;;;:::::)
（;;;;;;;;:::::::::）
（;;;;;(;;;;;;:::::);;:::）
（;;;（;;;;;(;;;;;:::);;:::）;::）
ヾ|i l i i l;|ｿ
|i l i i l |
|i ( ﾟДﾟ) ＜ ｱﾝﾀﾀﾞﾚｰ
|i (ﾉ l !,|
人从从ﾈ

3. ０１．自己紹介
こんなひとだよ
• 徳永 聡（とくなが さとる）
• 1980年生まれの34歳
• 村岡小学校、藤ヶ岡中学校卒業
• インテリジェントネット株式会社勤務
• Webディレクター

4. でははじめます

5. ０２．Web制作会社ってなに？
|￣￣￣￣￣￣￣￣|
| どーん!!! |
|＿＿＿＿＿＿＿＿|
∧∧ ||
( ﾟдﾟ)||
/ づΦ

6. ０２．Web制作会社ってなに？
Webサイト（ホームページ）
って誰がつくってる？

7. ０２．Web制作会社ってなに？
Webサイト（ホームページ）
って誰がつくってる？
だいたい僕らのような人たち
がつくってます

8. ０２．Web制作会社ってなに？
企業
うちのWebサイト
つくってー
※注：常に外から
依頼するわけではない

9. ０２．Web制作会社ってなに？
企業
うちのWebサイト
つくってー
おっけー。良いの
つくるわーん
※注：常に外から
依頼するわけではない ※注：つくるひとみんな
オネエなわけではない
Web制作会社

10. ０２．Web制作会社ってなに？
企業
うちのWebサイト
つくってー
おっけー。良いの
つくるわーん
※注：常に外から
依頼するわけではない ※注：つくるひとみんな
オネエなわけではない
Web制作会社
本当はもっといっぱいパターンあるけど
だいたいこんな（今日は割愛）

11. ０２．Web制作会社ってなに？
こんなサイト
つくってるよ
http://www.ini.co.jp/

12. ０３．Webディレクターってなに？
∧__∧
（ ´∀｀） みんなWebデザイナーばかり褒めるんだお
( O┬O
≡◎-ヽJ┴◎

13. ０３．Webディレクターってなに？
そもそも、Webサイトをつくる人の職業
(*´з`).oO(どうでも良い気もする) ｲｸﾅｲ!!(ﾟДﾟ)

14. ０３．Webディレクターってなに？
こんな職業があります
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）

15. ０３．Webディレクターってなに？
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
こんな職業があります
本当はもっといっぱいパターンあるけど
だいたいこんな（今日は割愛）

16. ０３．Webディレクターってなに？
こんな職業があります
お仕事とってくる人。
割とちゃらい人向いてる。
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）

17. ０３．Webディレクターってなに？
こんな職業があります
どんなサイトにするか、
見た目をしっかりつくるひと。
オシャンティーなひと向いてる
だいたいこの人ばかりもてはやされ
てテンションダダ下がりするのが僕
らのお仕事
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）

18. ０３．Webディレクターってなに？
こんな職業があります
デザインに沿ってクリッ
クして動くようにHTML組
む人。細かい性格の人向
いてる。
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）

19. ０３．Webディレクターってなに？
こんな職業があります
プログラムを組んで何か自動的に
動く何かをつくるひと。根詰めて
つくって「う、うごいた！」って
のが好きな人向いてる
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）

20. ０３．Webディレクターってなに？
で、Webディレクター。

21. ０３．Webディレクターってなに？
こんなことやります
• 現場監督だったり
• プロジェクトリーダーだったり
• ときには設計士だったり
• 本当は雑用係なんじゃないかと思うこともある

22. ０３．Webディレクターってなに？
こんなことやります
• 現場監督だったり
• プロジェクトリーダーだったり
• ときには設計士だったり
• 本当は雑用係なんじゃないかと思うこともある
? !

23. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
だいたいちゃらい
※一部、誇張した表現が含まれます

24. ０３．Webディレクターってなに？
ZATSUYOU QUEST
クセのある人多い。
「そんなダサイのやだ」とかすぐ言う
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます

25. ０３．Webディレクターってなに？
ZATSUYOU QUEST
だいたいクセのある人。
細かい。「これどう組むつ
もりだったの？」って
責めてくる。
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます

26. ０３．Webディレクターってなに？
ZATSUYOU QUEST
ほぼ全員クセがある。
そもそも表に出てこない。
ひきこもる。コミュニケーショ
ン嫌い
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます

27. ０３．Webディレクターってなに？
結果。

28. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます
ま、まあまあ(;´∀｀)あいつ良い奴なんだよ
ε=ε=ε=ε=( ´ー｀)ノまあまあ
(゜-゜)カコイイ、うんカコイイヨ
ε=ε=ε=ε=( *´з`)ノまあまあ
そう言わず(´Д⊂ヽ＝＝＝＝
ε=ε=ε=ε=(´・ω・`)ノそこをなんとか

29. ０３．Webディレクターってなに？
こんなことやります
• 現場監督だったり
• プロジェクトリーダーだったり
• ときには設計士だったり
• 本当は雑用係なんじゃないかと思うこともある

30. ０３．Webディレクターってなに？
こんなことやります
• 現場監督だったり
• プロジェクトリーダーだったり
• ときには設計士だったり
• 本当は雑用係なんじゃないかと思うこともある
まとめると、全体の方針を決めて、
メンバーをまとめてプロジェクトを成功に導く人。
（ちょっとだけかっこよく言い過ぎだと思う）

31. ０３．Webディレクターってなに？
こんなことが楽しいよ
※我ながら書いていてドキドキする「仕事、楽しんでいるか？」(´・ω・｀)

32. ０３．Webディレクターってなに？
こんなことが楽しい
• みんなで一緒にものづくり
• 成果が出てお客さんが喜んでくれた時
• どうしたら成果が出るか一生懸命考えているとき
• アクセスログ！行動が見えるなんて！

33. ０３．Webディレクターってなに？
こんなことが楽しい
• みんなで一緒にものづくり
• 成果が出てお客さんが喜んでくれた時
• どうしたら成果が出るか一生懸命考えているとき
• アクセスログ！行動が見えるなんて！
(・∀・)

34. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます
ま、まあまあ(;´∀｀)あいつ良い奴なんだよ
ε=ε=ε=ε=( ´ー｀)ノまあまあ
(゜-゜)カコイイ、うんカコイイヨ
ε=ε=ε=ε=( *´з`)ノまあまあ
そう言わず(´Д⊂ヽ＝＝＝＝
ε=ε=ε=ε=(´・ω・`)ノそこをなんとか

35. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます
ま、まあまあ(;´∀｀)あいつ良い奴なんだよ
ε=ε=ε=ε=( ´ー｀)ノまあまあ
(゜-゜)カコイイ、うんカコイイヨ
ε=ε=ε=ε=( *´з`)ノまあまあ
そう言わず(´Д⊂ヽ＝＝＝＝
ε=ε=ε=ε=(´・ω・`)ノそこをなんとか
ZATSUYOU QUESTって書いた。
たしかに「あれ、雑用係かな？」って
思うこともある

36. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます
ま、まあまあ(;´∀｀)あいつ良い奴なんだよ
ε=ε=ε=ε=( ´ー｀)ノまあまあ
(゜-゜)カコイイ、うんカコイイヨ
ε=ε=ε=ε=( *´з`)ノまあまあ
そう言わず(´Д⊂ヽ＝＝＝＝
ε=ε=ε=ε=(´・ω・`)ノそこをなんとか
↑ ↑ ↑ ↑ ↑ ↑ ↑
でも、こういう人たちはクセと
一緒に才能もある。

37. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます
ま、まあまあ(;´∀｀)あいつ良い奴なんだよ
ε=ε=ε=ε=( ´ー｀)ノまあまあ
(゜-゜)カコイイ、うんカコイイヨ
ε=ε=ε=ε=( *´з`)ノまあまあ
そう言わず(´Д⊂ヽ＝＝＝＝
ε=ε=ε=ε=(´・ω・`)ノそこをなんとか
でも、こういう人たちはクセと
一緒に才能もある。
そういう人たちが、僕（ディレクター雑用係）が
間にいることで、一緒に仕事ができる。
一人でやるより良いものができる。

38. ０３．Webディレクターってなに？
ZATSUYOU QUEST
• プロデューサー
• ディレクター
• デザイナー
• マークアップエンジニア
（コーダー）
• システムエンジニア
（プログラマ）
※一部、誇張した表現が含まれます
ま、まあまあ(;´∀｀)あいつ良い奴なんだよ
ε=ε=ε=ε=( ´ー｀)ノまあまあ
(゜-゜)カコイイ、うんカコイイヨ
ε=ε=ε=ε=( *´з`)ノまあまあ
そう言わず(´Д⊂ヽ＝＝＝＝
ε=ε=ε=ε=(´・ω・`)ノそこをなんとか
でも、こういう人たちはクセと
一緒に才能もある。
そういう人たちが、僕（ディレクター雑用係）が
間にいることで、一緒に仕事ができる。
一人でやるより良いものができる。
ソウイウノ ワタシ タノシイ

39. ０３．Webディレクターってなに？
こんなことが楽しい
• みんなで一緒にものづくり
• 成果が出てお客さんが喜んでくれた時
• どうしたら成果が出るか一生懸命考えているとき
• アクセスログ！行動が見えるなんて！
みんなで何かをやるのが好きな人、みんなが笑顔になるため
にあーでもねえこーでもねえって考えるのが好きな人、
チームスポーツ経験者、向いてる。

40. ０４．Webディレクターになるには？
／￣￣￣￣￣＼
| みんなも |
∩_∩ | |
（´ー`） < がんばると |
（ ） | |
| | | | いい |
（___）__） ＼＿＿＿＿＿／

41. ０４．Webディレクターになるには？
そのまえに、Web制作会社の
位置づけについて

42. ０４．Webディレクターになるには？
企業
Web制作会社１ Web制作会社２ Web制作会社３

43. ０４．Webディレクターになるには？
企業
Web制作会社１ Web制作会社２ Web制作会社３
•一番お給料が高い
•一番難しいことを求められる

44. ０４．Webディレクターになるには？
企業
Web制作会社１ Web制作会社２ Web制作会社３
•一番お給料が高い
•一番難しいことを求められる
できれば、似たようなことやるんだったら
Web制作会社１にいるのが良いかもしれない。
（その人の好き好きもあるので一概には言えない）
もだいたいココです。

45. ０４．Webディレクターになるには？
企業
Web制作会社１ Web制作会社２ Web制作会社３
•一番お給料が高い
•一番難しいことを求められる
できれば、似たようなことやるんだったら
Web制作会社１にいるのが良いかもしれない。
（その人の好き好きもあるので一概には言えない）

46. ０４．Webディレクターになるには？
そして、徳永（自分）の現在。

47. ０３．Webディレクターってなに？
徳永の現在
• ここ数年は企業側から声かけてもらって働いてる
• いまは割と会社の中で偉い人やってる
• 部下や後輩に指導したりもする
• 少なくとも「お仕事が無い」人ではないです

48. ０３．Webディレクターってなに？
徳永の現在
• ここ数年は企業側から声かけてもらって働いてる
• いまは割と会社の中で偉い人やってる
• 部下や後輩に指導したりもする
• 少なくとも「お仕事が無い」人ではないです
偉そうでごめんなさい

49. ０４．Webディレクターになるには？
どうやって偉い人になるのか
（すげー自画自賛）

50. ０３．Webディレクターってなに？
こういうことだと思っている
• 誰でもできる仕事ばかりやる人は、お給料あがらない
• 要するに貴重な人になればいい

51. ０３．Webディレクターってなに？
こういうことだと思っている
• 誰でもできる仕事ばかりやる人は、お給料あがらない
• 要するに貴重な人になればいい
• 貴重な人って？

52. ０３．Webディレクターってなに？
こういうことだと思っている
• 誰でもできる仕事ばかりやる人は、お給料あがらない
• 要するに貴重な人になればいい
• 貴重な人って？
• 一番求められるのは「問題を解決できる人」

53. ０３．Webディレクターってなに？
こういうことだと思っている
• 誰でもできる仕事ばかりやる人は、お給料あがらない
• 要するに貴重な人になればいい
• 貴重な人って？
• 一番求められるのは「問題を解決できる人」
• 技術力も知識も経験も必要だけど、一番大事なのはそ
れらを適切に組み合わせて問題解決できる人

54. ０４．Webディレクターになるには？
それどうやって身につけるの？

55. ０４．Webディレクターになるには？
大人はだいたいこんなことを言う。

56. ０４．Webディレクターになるには？
大人はだいたいこんなことを言う。
常に目標を持て！

57. ０４．Webディレクターになるには？
大人はだいたいこんなことを言う。
常に目標を持て！
はい無理。

58. ０４．Webディレクターになるには？
それは間違っている！
• 「目標」というのは、やりたいことありき
• 「やりたいこと」があるから、ゴールを分割する
• 分割したゴールを一つ一つ達成することで「やりたい
こと」にたどりつける
• それが目標。

59. ０４．Webディレクターになるには？
例えば、フルマラソンで
4時間を切りたいと思ってる人。

60. ０４．Webディレクターになるには？
フルマラソンで4時間！
• いきなりフルマラソンは無理
• 「よし、まず５ｋｍから」
• 「５ｋｍ30分からはじめよう」
• つぎに１０ｋｍ、そのつぎ２０ｋｍ・・・。
• これが目標。

61. ０４．Webディレクターになるには？
例えば、フルマラソンなんか興味ない人
だったら。

62. ０４．Webディレクターになるには？
フ、フルマラソン？？？
• いきなりフルマラソンは無理 → うんうん(゜-゜)
• 「よし、まず５ｋｍから」 → なんで？
• 「５ｋｍ30分からはじめよう」 → (´・ω・｀)えっ
• つぎに１０ｋｍ、そのつぎ２０ｋｍ。→ ( ﾟДﾟ)ｴｴｯ

63. ０４．Webディレクターになるには？
フ、フルマラソン？？？
• いきなりフルマラソンは無理 → うんうん(゜-゜)
• 「よし、まず５ｋｍから」 → なんで？
• 「５ｋｍ30分からはじめよう」 → (´・ω・｀)えっ
• つぎに１０ｋｍ、そのつぎ２０ｋｍ。→ ( ﾟДﾟ)ｴｴｯ
「５ｋｍ毎日走れ」
し、死にたくなってくるお(´・ω・｀)

64. ０４．Webディレクターになるには？
それは間違っている！
• 「目標」というのは、やりたいことありき
• 「やりたいこと」があるから、ゴールを分割する
• 分割したゴールを一つ一つ達成することで「やりたい
こと」にたどりつける
• それが目標。
• やりたいことがない人に目標なんかもたせても嫌にな
るだけ。

65. ０４．Webディレクターになるには？
目標の前に。
• まず「やりたいこと」「好きなこと」をみつけないと
いけない
• だいたい成功するのは「変態」。
• 馬が好きな人、アクセスログが好きな人、Webサイト
つくるのが好きな人。

66. ０４．Webディレクターになるには？
目標の前に。
• まず「やりたいこと」「好きなこと」をみつけないと
いけない
• だいたい成功するのは「変態」。
• 馬が好きな人、アクセスログが好きな人、Webサイト
つくるのが好きな人。
僕の先輩。 僕の上司。僕。

67. ０４．Webディレクターになるには？
目標の前に。
• まず「やりたいこと」「好きなこと」をみつけないと
いけない
• だいたい成功するのは「変態」。
• 馬が好きな人、アクセスログが好きな人、Webサイト
つくるのが好きな人。
• 仕事でもないのに休日まで根詰めてそんなことやって
る人は、だいたい仕事もできる人が多い

68. ０４．Webディレクターになるには？
大人はだいたいこんなことを言う。
その２

69. ０４．Webディレクターになるには？
やりたいことを見つけろ！
大人はだいたいこんなことを言う。
その２

70. ０４．Webディレクターになるには？
そんな簡単にみつかりゃ
苦労はせんわ
やりたいことを見つけろ！
大人はだいたいこんなことを言う。
その２

71. ０４．Webディレクターになるには？
無責任な大人に負けないために
• 「大好物をみつけろ」→なんだその指示は
• 「やりたいこと」なんてそれ単体で探しても見つかる
ものじゃない
• 得意なこと、苦手なこと、そういうのがあって初めて
わかる

72. ０４．Webディレクターになるには？
中学生の時にやっておいた方がいいこと

73. ０４．Webディレクターになるには？
中学生の時にやっておこう
• とにかくなんでも一生懸命、本気でやろう
• 「本気」だから「言い訳」ができなくなって、得手不
得手もわかる
• 本気でやらないと、得手不得手もわからない。
• 傷つくことを恐れると何もできない

74. ０４．Webディレクターになるには？
無責任な大人に負けないために
• 傷ついたらやめればいい。
• 傷つかないと、やめることすらできない。
• やめられないと、次の新しいこともできない
• 「好きなこと」が見つからない→変態になれない

75. ０４．Webディレクターになるには？
徳永（自分）の場合。

76. ０４．Webディレクターになるには？
サッカー好きだったんだけどね
• 学生時代は割とサッカーやってた←サッカー部出身
• でも下手くそだった。プロなんて夢のまた夢
• いっぱい練習してるのに、ぜんぜんうまくならん
• 「おれ、これ向いてないのか(´・ω・｀)」
• しょうがねぇ(´・ω・｀) 他のことで飯食おう

77. ０４．Webディレクターになるには？
サッカー好きだったんだけどね
• 学生時代は割とサッカーやってた←サッカー部出身
• でも下手くそだった。プロなんて夢のまた夢
• いっぱい練習してるのに、ぜんぜんうまくならん
• 「おれ、これ向いてないのか(´・ω・｀)」
• しょうがねぇ(´・ω・｀) 他のことで飯食おう
↑本気でいっぱい練習したから、こう思える。いっぱい走って
いっぱい筋トレして、だからこそ悔しい。傷つく。上手い奴ばっ
かで嫌になる。でも、だからこそ「これは向いてないやつだ」と
次にいける。自分のこともわかる（運動神経は決して良くない）

78. ０４．Webディレクターになるには？
無責任な大人に負けないために
• 傷ついたらやめればいい。
• 傷つかないと、やめることすらできない。
• やめられないと、次の新しいこともできない
• 「好きなこと」が見つからない→変態になれない
• 遊びでも、勉強でも、部活でもなんでもいい。
• 一生懸命やってみるしかない。そのなかで何度も自分
で考えて、考えて、考えぬくしかない

79. ０４．Webディレクターになるには？
まあ、でも、疲れる。そんなの疲れる。

80. ０４．Webディレクターになるには？
何ごとも楽しんでやるのがいい。
じゃないと心も身体も持たないよね。
松岡修造じゃあるまいし(*´з`)

81. ０４．Webディレクターになるには？
つまり、亀仙人のお話。
こういうこと。

82. ０４．Webディレクターになるには？
おわり。