この資料を使って、1時間強の講演をしました。 参加者は基金訓練受講生・約30名。 現物には、いろいろエフェクトをかけていますが、ネタにするための過剰なものも含まれています。

1. 基金訓練講演
ライフガードセンター 柏サテライト
2012.03.16

2. 自己紹介

3. 自己紹介
1970年 群馬県太田市 生まれ

4. 自己紹介
日本大学芸術学部文芸学科 卒業

5. 自己紹介
1993-1997（代理店）
株式会社ディスコ
主に新卒者向け入社案内ツールの
制作ディレクション業務

6. 自己紹介
1997-2003（制作プロダクション）
有限会社ぺい
株式会社マイティ・マイティ
各種広告のディレクション
兼グラフィックデザイン業務

7. 自己紹介
2003-2009（個人経営プロダクション）
合資会社バーン
独立開業

8. 自己紹介
2009-2010
自動車部品商社
一旦、広告制作から身をひいて、
営業マンに…。

9. 自己紹介
2010-
WEBプログラミングスクール
自分の経験を活かすため、
リハビリを兼ねて講師業。

10. 20年かけて、何を身につけたか

12. 代理店勤務
DTP黎明期
量的ディレクション
広告制作のイロハ
Web始まる

13. 代理店勤務 制作P勤務
DTP黎明期 ITバブル期
量的ディレクション 質的ディレクション
広告制作のイロハ デザインのイロハ
（Adobe製品）
Web始まる

14. 代理店勤務 制作P勤務
DTP黎明期 ITバブル期
量的ディレクション 質的ディレクション
広告制作のイロハ デザインのイロハ
（Adobe製品）
Web始まる
個人経営
信用の重さ
Webサービスの
多様化・高度化

15. 代理店勤務 制作P勤務
DTP黎明期 ITバブル期
量的ディレクション 質的ディレクション
広告制作のイロハ デザインのイロハ
（Adobe製品）
Web始まる
個人経営
信用の重さ
Webサービスの
多様化・高度化
家族の重さ

16. 何でもできる
は、結局、

17. 何にもできない
と、それほど変わらない。

18. 強い分野
を持ったほうがいいです、
たぶん。

19. 制作の心構え

20. 制作の心構え
大衆性を忘れないこと

21. 制作の心構え
大衆性を忘れないこと
商業デザインであって、アートではない。

22. 制作の心構え
大衆性を忘れないこと
商業デザインであって、アートではない。
★マジョリティに受け入れられるか？

23. 制作の心構え
大衆性を忘れないこと
商業デザインであって、アートではない。
★マジョリティに受け入れられるか？
★トレンドを意識しているか？

24. 制作の心構え
大衆性を忘れないこと
商業デザインであって、アートではない。
★マジョリティに受け入れられるか？
★トレンドを意識しているか？
★ユーザビリティ、アクセシビリティは？

25. 制作の心構え
正しい段取りで進める

26. 制作の心構え
正しい段取りで進める
きちんとした手順が効率的な作業を生む。

27. 制作の心構え
正しい段取りで進める
きちんとした手順が効率的な作業を生む。
★サイトのコンセプトは？

28. 制作の心構え
正しい段取りで進める
きちんとした手順が効率的な作業を生む。
★サイトのコンセプトは？
★プロモーション企画は？

29. 制作の心構え
正しい段取りで進める
きちんとした手順が効率的な作業を生む。
★サイトのコンセプトは？
★プロモーション企画は？
★予算・工数（納期）は適切か？

30. 制作の心構え
コードを書き始める前に

31. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？

32. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ

33. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ
✦ディレクトリ構成

34. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ
✦ディレクトリ構成
✦ファイル命名ルール

35. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ
✦ディレクトリ構成
✦ファイル命名ルール
✦ターゲット・ブラウザ

36. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ
✦ディレクトリ構成
✦ファイル命名ルール
✦ターゲット・ブラウザ
✦HTMLバージョン

37. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ
✦ディレクトリ構成
✦ファイル命名ルール
✦ターゲット・ブラウザ
✦HTMLバージョン
✦文字コード

38. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ ✦モニタサイズ
✦ディレクトリ構成
✦ファイル命名ルール
✦ターゲット・ブラウザ
✦HTMLバージョン
✦文字コード

39. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ ✦モニタサイズ
✦ディレクトリ構成 ✦アクセシビリティ
✦ファイル命名ルール
✦ターゲット・ブラウザ
✦HTMLバージョン
✦文字コード

40. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ ✦モニタサイズ
✦ディレクトリ構成 ✦アクセシビリティ
✦ファイル命名ルール ✦インターフェイス名
✦ターゲット・ブラウザ
✦HTMLバージョン
✦文字コード

41. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ ✦モニタサイズ
✦ディレクトリ構成 ✦アクセシビリティ
✦ファイル命名ルール ✦インターフェイス名
✦ターゲット・ブラウザ ✦ガイドライン作成
✦HTMLバージョン
✦文字コード

42. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ ✦モニタサイズ
✦ディレクトリ構成 ✦アクセシビリティ
✦ファイル命名ルール ✦インターフェイス名
✦ターゲット・ブラウザ ✦ガイドライン作成
✦HTMLバージョン ✦コミュニケーション
✦文字コード

43. 制作の心構え
コードを書き始める前に
こういう作業、後回しにしていませんか？
✦サイトマップ ✦モニタサイズ
✦ディレクトリ構成 ✦アクセシビリティ
✦ファイル命名ルール ✦インターフェイス名
✦ターゲット・ブラウザ ✦ガイドライン作成
✦HTMLバージョン ✦コミュニケーション
✦文字コード ✦ワイヤーフレーム

44. いきなり
Photoshop
を触るな!!

45. 紙に描け!!

46. で、カンプ作成
パーツ切り出し
コーディング!!

47. が正しい手順です。

48. オススメ書籍
XHTML+CSS
WEB標準の教科書
現場のプロから学ぶXHTML+CSS
PHP＋DB（セキュリティ関連）
サイバーテロの技法
安全なウェブアプリケーションの作り方

49. オススメブログ
WEB全般
かちびと 百式
コリス Stocker.jp
グラフィック
Webデザインレシピ FireWorksマニア
WEBクリエイターボックス

50. 最後に

51. 無駄な経験なんて、
何ひとつありません。

52. でも、

53. 余分な時間も、
意外と少ないので、
今のうちに一生懸命、
勉強しておいてください。

54. 本日は、
ありがとうございました。
みなさんのご活躍を
お祈りしています。