SlideShare a Scribd company logo
1 of 112
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 1
第9回 Web 動画 企画講座
構成・スケジュール・予算ワークショップ
2017/4/16 (日) NAMO
@ ベースキャンプ名古屋
http://namo758.com
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
自己紹介
Katz Ueno
コンクリートファイブジャパン株式会社
Chief Communications Officer
TW: @katzueno
Blog: http://katzueno.com
2
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
自己紹介
● 1999年〜2007年 アメリカに居ました
● インディーズで映画作ってました
● 最新作「Isolated」
● 今まで、ラブコメ、ホラー
サーフィンドキュメンタリー
いろんな映画を作ってきました
3
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
コンなご
concrete5 名古屋 ユーザーグループ
4
http://concrete5nagoya.doorkeeper.jp
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 5
次回は 4/18 (火) 詳細は
meetup.com/Mautic-Meetup-Nagoya/
Mautic Meetup Nagoya
オープンソース・マーケティングオートメーションの勉強会ともくもく会
名駅近く
「ベースキャンプ名古
屋」
毎月第1月曜日夜に勉
強会。concrete5 モク
モク勉強会と同じ日!
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
WordBench Nagoya
名古屋でWordPress を学ぼう
6
http://wbnagoya.doorkeeper.jp
だいたい、毎月第2土曜日の午
後に開催。
WordPress を勉強するための勉
強会。
だけど、WordPress に関係のな
い Web のことも勉強している勉
強会。
毎年、WordFes という大きなイベ
ントを開催。
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
本日のアジェンダ
● 13:00 15分:Web 動画とは
● 13:15 75分:企画・構成・予算 講座
● 14:30 75分:Cocomue 要件定義大会
● 15:45 90分:ワークショップ
○ 15:45 15分:企画会議
○ 16:00 20分:撮影スケジュール
○ 16:20 20分:予算
● 16:40 30分:発表
● 17:10 終了
7
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
NAMO
8
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
NAMO = NAgoya Movie Obenkyokai
名古屋で Web 動画を勉強する会
9
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは?
10
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 とは?
● Katz が勝手に考える Web 動画の定義
11
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 とは?
● YouTube?
● ニコニコ?
● Ustream?IBM Cloud Video
● Facebook
12
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 とは?
● YouTube?
● ニコニコ?
● Ustream?IBM Cloud Video
● Facebook
13
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Toogl)
14
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Toogl)
15
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Balletone DAYZ)
16
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Balletone DAYZ)
17
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Questant)
18
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● サンプル
○ ここ (Questant)
19
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
20
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
21
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
○ YouTube・ニコ動・Ustream との違い
■ ウェブページはあくまでもフレーム
■ 映像単体がコンテンツ
22
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
○ YouTube・ニコ動・Ustream との違い
■ ウェブページはあくまでもフレーム
■ 映像単体がコンテンツ
■ 例:ニコニコ動画にYouTube動画を転載してもコンテ
ンツとして成立
23
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 1. Web ページの素材
○ YouTube・ニコ動・Ustream との違い
■ ウェブページはあくまでもフレーム
■ 映像単体がコンテンツ
■ 例:ニコニコ動画にYouTube動画を転載してもコンテ
ンツとして成立
○ Web動画はそのサイトでしか成立しない
24
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
25
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
○ 写真だと複数枚必要
26
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
○ 写真だと複数枚必要
○ 動画だと一個でOK
27
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 2. スペースの節約
○ 写真だと複数枚必要
○ 動画だと一個でOK
○ というか、画面いっぱい使える
28
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
29
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
30
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
■ 動作がわかる
31
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
■ 動作がわかる
■ 感情を伝えられる
32
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画の特徴
● 3. 表現・説得力UP
○ 動きがある!
■ 動作がわかる
■ 感情を伝えられる
※ 音声は、Web 動画では別の話。
33
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● 素材+動き+感情 サンプル
34
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● 素材+動き+感情 サンプル
○ ここ (MUJI to Sleep)
35
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画とは(Katz の勝手な定義)
● 素材+動き+感情 サンプル
○ ここ (MUJI to Sleep)
36
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
素材 + 動き + 感情
37
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
素材 + 動き + 感情
売上UP
38
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今? Web 動画
39
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
やっと、技術が追いついてきた
40
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
やっと、技術が追いついてきた
41
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
42
● カメラ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
43
● カメラ
○ iPhone
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
44
● カメラ
○ iPhone
○ 一眼レフカメラ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
45
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
46
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
47
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフトウエア
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
48
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフトウエア
○ スマホアプリ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
49
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフトウエア
○ スマホアプリ
○ iMovie
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
50
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフトウエア
○ スマホアプリ
○ iMovie
○ Adobe CC
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
51
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフトウエア
○ スマホアプリ
○ iMovie
○ Adobe CC -> Adobe Premiere
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
52
● カメラ
○ iPhone
○ 一眼レフカメラ
= プロ並みの画質。しかもWebの人持ってる
● ソフトウエア
○ スマホアプリ
○ iMovie
○ Adobe CC -> Adobe Premiere (プロ用ソフト!)
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
53
● HTML5
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
54
● HTML5
○ Flash の縛り
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
55
● HTML5
○ Flash の縛り
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
56
● HTML5
○ Flash の縛り
○ <video> タグ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
57
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
58
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
○ 例:
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
59
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
○ 例:デジタルサイネージ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
60
● HTML5
○ Flash の縛り
○ <video> タグ = 自由度UP
○ 例:デジタルサイネージ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
なぜ今 Web 動画?
61
● HTML5
○ <video> タグ = 自由度UP
○ 動画は 4:3 or 16:9
である必要がない
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画
62
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画
「今」の可能性
63
ガッテンしていただけましたか〜?( ̄ー ̄)ニヤリ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
ただし!
64
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
ただし!
作り方を覚えないとダメ!
65
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
悪い Web 動画の例
● 長い
● 映像がブレてる
● 音声が要る
● 動きがない
● 感情が伝わらない
66
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
= NAMO
67
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
= NAMO
ちゃんと Web 動画を作るための勉強会
68
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
= NAMO
ちゃんと Web 動画を作るための勉強会
よろしくお願い致します!
http://namo758.com
69
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
企画講座
構成・スケジュール・予算
業界のトップシークレット
70
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
● 企画
● 撮影
● 編集
● 変換
● Web サイト作成
● Web サイトUP
71
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
● 企画
● 撮影
● 編集
● 変換
● Web サイト作成
● Web サイトUP
72
今までの勉強会に参加した人
経験を活かして、企画しよう!
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
● 企画
● 撮影
● 編集
● 変換
● Web サイト作成
● Web サイトUP
73
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
構成を考える
コンセプトをきちんと考える
74
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● ターゲット
○ 一般的なマーケティングとしてのターゲット
○ 動画を見る人の環境
■ スマホ -> データ転送量
● WIFI か データ通信か
■ いま時点は PC で考慮
75
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● 動画にする目的・理由が必要
1. 素材・動きが必要か
2. スペースの節約になるか
3. 感情を訴えれるか
4. 面白い or 興味があるか
写真やテキスト以上のもの
76
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● Web サイト企画
○ ワイヤーフレームを作ろう
■ 背景・写真の代わりになる?
■ どういうサイズの動画になる?
77
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● 撮影の企画
○ ロケハンをしよう
■ 場所の責任者の許可。企画を作ってみせよう
■ 所要時間
■ 電源の場所。照明を使うのであればアンペア。ブ
レーカーの場所。電気代負担どうする
■ 責任者の人とコミュニケーションをとろう!
78
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
撮影の企画
ストーリーボードやショットリストを
作ろう。基本中の基本!
スケジュールや予算の基本になる!
79
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● 撮影の企画
○ 撮影
■ ストーリーボード
● 絵コンテを作れると理想
● もしくは、テキストだけの絵コンテ
■ ショットリストを作ろう (一番重要)
● シーン
● ショット
80
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● ショットリスト
○ 撮影時間や予算を考える上で重要なリスト
○ どういう機材が必要か
81
[シーン番号] - [ショット番号] ショットのタイプ ショットの説明
e.g. 1-1 e.g. WS e.g. 主人公が建物に入る
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● ショットリスト用語辞典
○ ショットタイプ (人それぞれの解釈がありますが )
82
略号 名前 説明
EWS Extreme Wide Shot 人物 (物体) と場所の雰囲気がわかる。環境がわかる
WS Wide Shot 人物 (物体) 全体が足の先から頭の上まで画面いっぱいに映っている
3/4 4分の3 (Three Quarter) 人物のひざ上が映っている
MS Medium Shot 人物 (物体) の腰上が映っている
CU Close Up 人物 (物体) の胸から上が映っている
ECU Extreme Close Up 人物 (物体) の顔だけ、もしくは顔の一部しか写っていない
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
● シーンとショットの違い
○ シーンの定義
■ カメラ・照明・撮影時間のセットアップが同じ
■ 照明やカメラを大幅に動かさないといけないとシーンが増える
■ シーンが増えるとバラエティ豊かになるかもしれないが、撮影時間が
余計にかかる
○ ショットの定義
■ シーンの中での撮影ショット
■ 例:部屋の中の人物の WS や MS CU 等
■ ショットが多くないと編集の時に困る可能性。多すぎると撮影時間がか
かる
83
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
スケジュール
実際に時間内に撮影できるか
計画できるようになろう!
84
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作企画: スケジュール
● 必要な撮影時間を計画できるようになろう
○ 例: 3人 (カメラ+ディレクタ+登場人物)
だいたいの基準 (規模や内容によって変わります )
85
所要時間の目安
60分 1つのロケーションに到着したときの準備時間
30分 1シーンをセットアップするときの準備時間のめやす
10〜20分 1ショットを撮影するときの撮影時間の目安
30〜60分 片付け
移動時間 同じ日で2箇所以上の場所で撮影するとき、移動するときの時間
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作企画: スケジュール
● 必要な編集時間を計画できるようになろう
○ 例: ざっくりすぎる編集時間の目安
86
所要時間の目安
60分~ 編集素材のとり込み作業
60分 編集基本時間
1時間/分 最終的なビデオの長さ (分) x 時間。例: 2分のビデオ = 2時間の編集
時間
60分 Webの形式へのエクスポート (エンコード)
任意 アニメーションなどの特殊効果や素材の作成時間
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
予算を考えよう
実際にいくらかかるか
87
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
● おおまかな予算のコンセプト
○ 人件費
○ 機材費
88
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
● 人件費とは
○ その人が費やす時間に対する対価
○ 基本的に人日 (作業時間) 計算 (1日 = ○万円)
○ 内訳 (本当にざっくりですが )
■ 企画・構成費
■ 進行管理費
■ 撮影費
● 機材をレンタルするのであればレンタル貸出返却の時間も
● 遠方への移動が必要であればその時間や交通費も
■ 編集費
※ ただし、技術を持っている人は追加で技術費用を追加しよう
89
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
● 機材費とは
○ 撮影や編集に使用する機材の費用
○ 撮影費
■ カメラ・マイク・照明
● レンタル屋さんのレンタル代を参考に算出しよう (例: CUE、 光響社、
ビデオエイペックス)
■ ロケーション費用
○ 編集費
■ 特別なソフトの使用
■ MAなど特別な編集スタジオの使用
■ 音楽などのロイヤリティーフリー素材の購入費用
90
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 企画ワークショップ
● チーム分け
● お題
● 休憩&ネタ考える ( ̄ー ̄)ニヤリ
● ワークショップスタート
91
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
Web 動画 企画ワークショップ
● チーム分け
92
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● チーム分け
3人一組
93
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● お題
Cocomue
94
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● お題
幼児向けプログラミング教室の
ウェブサイトを作ろう
95
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● 苔の Web 動画を作ろう
チーム分け開始
96
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● Cocomue の Web 動画を作ろう
○ 考えて:
97
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● Cocomue の Web 動画を作ろう
○ 考えて:
■ 動画じゃないといけない企画
■ ショットリスト・スケジュール
■ 予算
98
Web 動画 企画ワークショップ
(ココミュー)
事業説明資料
99
1.Cocomueについて
100
Cocomueでは、21世紀の人材として求められる論理的思考力を養える教育プログラムを
用意し、自ら考え、行動し、物事を成し遂げられる未来の担い手の育成を図ります。
※ また、「ママさん先生」として活躍したい方を募集しています。
子供とのふれあいが好きな方であれば、先生未経験でも大歓迎!
コミュニティ(Community)
子供の Co Education
世界の変化に耐えうる多様性を身に着けた人材を創
造し、文化向上に寄与したい
そんな思いの元活動を
始めました。(^ ^)
2.「論理的思考力」とは
101
プログラム知識がなくても大丈夫! ・Cocomueが目指すのは、物事を順序よく整理する力(論理的思考
力)、どうしたら上手くいくのかを考えられる力(問題解決力)、ゼロから
オリジナルのモノを制作できる力(発想力)を身に付けてもらうこと。4
歳~6歳のクラスでは、英国生まれの可愛い知育玩具を使用し、3つ
の力が自然に身につく教育環境を提供します。
・この3つの力を伸ばすことで、「教えられ、覚える」ではなく、「自ら考
え、創造する」21世紀型人材を育成します。
【論理的思考力の参考例】 
Q:青い丸が、赤い丸のいる場所に行くには、どうしたら良いでしょうか。
答えは、無数にあります。  まっすぐ行く、右から行く、左から行くなど、あるいは、ぐるぐる
回って行くなどたくさんパターンがあると思います。どれも答えとしては正解です。これを
論理的思考で説明すると下記のようになります。
・青い丸を、右に 3つ進める
・青い丸を、左に向けて1つ進み右に向いて、3つ進み、右に向けて1つ進む
子供は自由に考えて、発想し、どのようなコースで行くか考え、それを実際におこなって
見て、うまく行くか、いかなければ何が悪かったのかを考え、修正して考おえた通りに動
かせるようにすることを教えます。
前後
3.教材について
論理的思考を勉強する上で、大変、たくさんの商品が出ています。
102
Cocomue テストクラスでは、「Cubetto」という玩具を使います。
理由としては、まず「かわいい」、そしてコンピュータが不要。
また、他の知育玩具や年齢やレベルに合わせた玩具と独自カリキュラム
を提供して行く予定です。
(ココミュー)
Web 動画要件定義
103
1.Cocomueについて
104
● 内容:21世紀スキルを教える幼児向け教室
● 特長:
○ 小学生向けのプログラミング教室はある幼児向けはかなり少な
い
○ 「21世紀スキル」を早く教えれる
○ 先進の教育を教えている
○ 実績がある
コミュニティ(Community)
子供の Co Education
2. ターゲット
● 対象
○ 20代後半〜40代前半の女性
○ 名古屋・小牧尾張周辺
○ 世帯年収 500万〜
● 対象
○ スマートホンを頻繁に使う
○ PC は本当のたまに使うだけ
● 対象デバイス
○ スマホ
○ LINE などをよく使っている
○ 動画は、本当に見たい動画しか見ない
https://www.pakutaso.com/20160621159post-8074.html
3. 目的
● 今回の目的
21世紀スキルやプログラミング教育をさせたいと思っている主
婦に対して検索などで来た主婦の人に体験クラスの申込をして
もらう
4. カスタマージャニーマップ
ACTION閲覧プロモーションニーズ
感情成功シナリオ施策ポイント
自分の子供に 21世紀ス
キルを教えたい
まだまだ客
検索サイト・
ポータルサイト
教室がいっぱいあってどれが
良いのかわからない
Facebook 広告
✓ 自分が21世紀教育・プ
ログラミング教育を早い
時期から教えたいとは
思っているというお客に
しぼりこむ。
✓ 地元で教室を探したい
と思っている。
✓ ちょっと先端な意識を
持っているので
Facebook を使っている
ユーザー
✓ LINE 広告は将来的に
考慮する
ここの教室は信用できるのだろうか・先生や指導者は信用できるの
だろうか・授業内容は充実しているのだろうか・保護者の負担は(お
金・時間)はどれくらいなんだろう
ウェブサイト
メール・LINEマーケティング サイト
申し込み
✓ 申し込みメール
フォーム
✓ 申し込み電話番号
メールで予約
電話で予約
よし・一回体験してみようか
✓
✓
4. カスタマージャニーマップ
ACTION閲覧プロモーションニーズ
感情成功シナリオ施策ポイント
自分の子供に 21世紀ス
キルを教えたい
まだまだ客
検索サイト・
ポータルサイト
教室がいっぱいあってどれが
良いのかわからない
Facebook 広告
✓ 自分が21世紀教育・プ
ログラミング教育を早い
時期から教えたいとは
思っているというお客に
しぼりこむ。
✓ 地元で教室を探したい
と思っている。
✓ ちょっと先端な意識を
持っているので
Facebook を使っている
ユーザー
✓ LINE 広告は将来的に
考慮する
ここの教室は信用できるのだろうか・先生や指導者は信用できるの
だろうか・授業内容は充実しているのだろうか・保護者の負担は(お
金・時間)はどれくらいなんだろう
ウェブサイト
メール・LINEマーケティング サイト
申し込み
✓ 申し込みメール
フォーム
✓ 申し込み電話番号
メールで予約
電話で予約
よし・一回体験してみようか
✓
✓
ここの Web 動画を考えて欲しい
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● Cocomue の Web 動画を作ろう
○ グループ #1:Google Docs
○ グループ #2:Google Docs
○ グループ #3:Google Docs
109
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
● 去年のサンプルショットリスト
■ https://docs.google.com/document/d/1BQ9mOZd
L2qEnnDYCWHFGPNHR5uZACRXFloSpSSJW
GjY/edit
110
Web 動画 企画ワークショップ
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
本日のアジェンダ
● 13:00 15分:Web 動画とは
● 13:15 75分:企画・構成・予算 講座
● 14:30 75分:Cocomue 要件定義大会
● 15:45 90分:ワークショップ
○ 15:45 15分:企画会議
○ 16:00 20分:撮影スケジュール
○ 16:20 20分:予算
● 16:50 30分:発表
● 17:20 終了
111
2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ
お疲れ様でした!
次回は「撮影」
http://namo758.com
112

More Related Content

Similar to Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第9回 NAMO (NAgoya Movie Obenkyokai)

推薦学習コンテンツ Ruby/Ruby on Rails編
推薦学習コンテンツ Ruby/Ruby on Rails編推薦学習コンテンツ Ruby/Ruby on Rails編
推薦学習コンテンツ Ruby/Ruby on Rails編DIVE INTO CODE Corp.
 
企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とはloftwork
 
a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)Yasuhito Yabe
 
初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan
初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan
初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan満徳 関
 
エウレカBIチームの時間の使い方
エウレカBIチームの時間の使い方エウレカBIチームの時間の使い方
エウレカBIチームの時間の使い方Shinnosuke Ohkubo
 
はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会
はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会
はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会Katz Ueno
 
20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopmentRyo RKTM
 
_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回Kelly Holonic
 
PPUG(PayPal User Group) #3 Lightning Talk by MaP design 渡部知記
PPUG(PayPal User Group) #3 Lightning Talk by  MaP design 渡部知記PPUG(PayPal User Group) #3 Lightning Talk by  MaP design 渡部知記
PPUG(PayPal User Group) #3 Lightning Talk by MaP design 渡部知記知記 渡部
 
第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)
第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)
第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)Katz Ueno
 
Product ManagerとProduct Ownerの役割の違いについて
Product ManagerとProduct Ownerの役割の違いについてProduct ManagerとProduct Ownerの役割の違いについて
Product ManagerとProduct Ownerの役割の違いについてNoritaka Shinohara
 
concrete5 多言語サイト制作へのお誘い
concrete5 多言語サイト制作へのお誘いconcrete5 多言語サイト制作へのお誘い
concrete5 多言語サイト制作へのお誘いKatz Ueno
 

Similar to Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第9回 NAMO (NAgoya Movie Obenkyokai) (14)

推薦学習コンテンツ Ruby/Ruby on Rails編
推薦学習コンテンツ Ruby/Ruby on Rails編推薦学習コンテンツ Ruby/Ruby on Rails編
推薦学習コンテンツ Ruby/Ruby on Rails編
 
企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは企業のビジネス戦略を体系化するWebサイト設計とは
企業のビジネス戦略を体系化するWebサイト設計とは
 
a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)a-blog cms 事例紹介(TalkNote Vol.1)
a-blog cms 事例紹介(TalkNote Vol.1)
 
初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan
初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan
初アジャイル×初オフショアでとった工夫 Jean-Baptiste Vasseur #comebackjapan
 
MA11 kintone
MA11 kintoneMA11 kintone
MA11 kintone
 
エウレカBIチームの時間の使い方
エウレカBIチームの時間の使い方エウレカBIチームの時間の使い方
エウレカBIチームの時間の使い方
 
はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会
はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会
はじめての concrete5 基礎・インストール編 - 第52回 コンなご (concrete5 名古屋 ユーザーグループ) 勉強会
 
20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment
 
_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回
 
Mizuhohack kintone
Mizuhohack kintoneMizuhohack kintone
Mizuhohack kintone
 
PPUG(PayPal User Group) #3 Lightning Talk by MaP design 渡部知記
PPUG(PayPal User Group) #3 Lightning Talk by  MaP design 渡部知記PPUG(PayPal User Group) #3 Lightning Talk by  MaP design 渡部知記
PPUG(PayPal User Group) #3 Lightning Talk by MaP design 渡部知記
 
第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)
第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)
第3回 Web 動画 編集講座 〜 Webサイトに動画を掲載してみよう - NAMO (NAgoya Movie Obenkyokai)
 
Product ManagerとProduct Ownerの役割の違いについて
Product ManagerとProduct Ownerの役割の違いについてProduct ManagerとProduct Ownerの役割の違いについて
Product ManagerとProduct Ownerの役割の違いについて
 
concrete5 多言語サイト制作へのお誘い
concrete5 多言語サイト制作へのお誘いconcrete5 多言語サイト制作へのお誘い
concrete5 多言語サイト制作へのお誘い
 

More from Katz Ueno

Mautic 2.x から 4.x まで アップデートの道のり
Mautic 2.x から 4.x まで アップデートの道のりMautic 2.x から 4.x まで アップデートの道のり
Mautic 2.x から 4.x まで アップデートの道のりKatz Ueno
 
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度Katz Ueno
 
concrete5 の魅力 @ Cloud Garage Meetup Yokohama
concrete5 の魅力 @ Cloud Garage Meetup Yokohamaconcrete5 の魅力 @ Cloud Garage Meetup Yokohama
concrete5 の魅力 @ Cloud Garage Meetup YokohamaKatz Ueno
 
AWS + CloudFront で行った concrete5 高速化のお話
AWS + CloudFront で行った concrete5 高速化のお話AWS + CloudFront で行った concrete5 高速化のお話
AWS + CloudFront で行った concrete5 高速化のお話Katz Ueno
 
VPS・専用・クラウドサーバを使う時に知っておきたいこと
VPS・専用・クラウドサーバを使う時に知っておきたいことVPS・専用・クラウドサーバを使う時に知っておきたいこと
VPS・専用・クラウドサーバを使う時に知っておきたいことKatz Ueno
 
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回Katz Ueno
 
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月Katz Ueno
 
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)Katz Ueno
 
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道Katz Ueno
 
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモWordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモKatz Ueno
 
Dynamic Contents & etc - Mautic Meetup Nagoya #7
Dynamic Contents & etc - Mautic Meetup Nagoya #7Dynamic Contents & etc - Mautic Meetup Nagoya #7
Dynamic Contents & etc - Mautic Meetup Nagoya #7Katz Ueno
 
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...Katz Ueno
 
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)Katz Ueno
 
Contact は奥が深い - Mautic Meetup Nagoya #4
Contact は奥が深い - Mautic Meetup Nagoya #4 Contact は奥が深い - Mautic Meetup Nagoya #4
Contact は奥が深い - Mautic Meetup Nagoya #4 Katz Ueno
 
concrete5 のリモート開発 (愛知県岩倉市から)
concrete5 のリモート開発 (愛知県岩倉市から)concrete5 のリモート開発 (愛知県岩倉市から)
concrete5 のリモート開発 (愛知県岩倉市から)Katz Ueno
 
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会Katz Ueno
 
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会Katz Ueno
 
オープンソースでビジネスをして1年経って - NGK2015B
オープンソースでビジネスをして1年経って - NGK2015Bオープンソースでビジネスをして1年経って - NGK2015B
オープンソースでビジネスをして1年経って - NGK2015BKatz Ueno
 
concrete5 導入活用セミナー 名古屋 2015-11
concrete5 導入活用セミナー 名古屋 2015-11concrete5 導入活用セミナー 名古屋 2015-11
concrete5 導入活用セミナー 名古屋 2015-11Katz Ueno
 
The Best Practices of Making WordPress Site Multilingual
The Best Practices of Making WordPress Site MultilingualThe Best Practices of Making WordPress Site Multilingual
The Best Practices of Making WordPress Site MultilingualKatz Ueno
 

More from Katz Ueno (20)

Mautic 2.x から 4.x まで アップデートの道のり
Mautic 2.x から 4.x まで アップデートの道のりMautic 2.x から 4.x まで アップデートの道のり
Mautic 2.x から 4.x まで アップデートの道のり
 
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
 
concrete5 の魅力 @ Cloud Garage Meetup Yokohama
concrete5 の魅力 @ Cloud Garage Meetup Yokohamaconcrete5 の魅力 @ Cloud Garage Meetup Yokohama
concrete5 の魅力 @ Cloud Garage Meetup Yokohama
 
AWS + CloudFront で行った concrete5 高速化のお話
AWS + CloudFront で行った concrete5 高速化のお話AWS + CloudFront で行った concrete5 高速化のお話
AWS + CloudFront で行った concrete5 高速化のお話
 
VPS・専用・クラウドサーバを使う時に知っておきたいこと
VPS・専用・クラウドサーバを使う時に知っておきたいことVPS・専用・クラウドサーバを使う時に知っておきたいこと
VPS・専用・クラウドサーバを使う時に知っておきたいこと
 
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
 
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
 
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
 
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
 
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモWordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
 
Dynamic Contents & etc - Mautic Meetup Nagoya #7
Dynamic Contents & etc - Mautic Meetup Nagoya #7Dynamic Contents & etc - Mautic Meetup Nagoya #7
Dynamic Contents & etc - Mautic Meetup Nagoya #7
 
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
 
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
 
Contact は奥が深い - Mautic Meetup Nagoya #4
Contact は奥が深い - Mautic Meetup Nagoya #4 Contact は奥が深い - Mautic Meetup Nagoya #4
Contact は奥が深い - Mautic Meetup Nagoya #4
 
concrete5 のリモート開発 (愛知県岩倉市から)
concrete5 のリモート開発 (愛知県岩倉市から)concrete5 のリモート開発 (愛知県岩倉市から)
concrete5 のリモート開発 (愛知県岩倉市から)
 
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
 
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
 
オープンソースでビジネスをして1年経って - NGK2015B
オープンソースでビジネスをして1年経って - NGK2015Bオープンソースでビジネスをして1年経って - NGK2015B
オープンソースでビジネスをして1年経って - NGK2015B
 
concrete5 導入活用セミナー 名古屋 2015-11
concrete5 導入活用セミナー 名古屋 2015-11concrete5 導入活用セミナー 名古屋 2015-11
concrete5 導入活用セミナー 名古屋 2015-11
 
The Best Practices of Making WordPress Site Multilingual
The Best Practices of Making WordPress Site MultilingualThe Best Practices of Making WordPress Site Multilingual
The Best Practices of Making WordPress Site Multilingual
 

Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第9回 NAMO (NAgoya Movie Obenkyokai)

  • 1. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 1 第9回 Web 動画 企画講座 構成・スケジュール・予算ワークショップ 2017/4/16 (日) NAMO @ ベースキャンプ名古屋 http://namo758.com
  • 2. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 自己紹介 Katz Ueno コンクリートファイブジャパン株式会社 Chief Communications Officer TW: @katzueno Blog: http://katzueno.com 2
  • 3. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 自己紹介 ● 1999年〜2007年 アメリカに居ました ● インディーズで映画作ってました ● 最新作「Isolated」 ● 今まで、ラブコメ、ホラー サーフィンドキュメンタリー いろんな映画を作ってきました 3
  • 4. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ コンなご concrete5 名古屋 ユーザーグループ 4 http://concrete5nagoya.doorkeeper.jp
  • 5. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 5 次回は 4/18 (火) 詳細は meetup.com/Mautic-Meetup-Nagoya/ Mautic Meetup Nagoya オープンソース・マーケティングオートメーションの勉強会ともくもく会 名駅近く 「ベースキャンプ名古 屋」 毎月第1月曜日夜に勉 強会。concrete5 モク モク勉強会と同じ日!
  • 6. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ WordBench Nagoya 名古屋でWordPress を学ぼう 6 http://wbnagoya.doorkeeper.jp だいたい、毎月第2土曜日の午 後に開催。 WordPress を勉強するための勉 強会。 だけど、WordPress に関係のな い Web のことも勉強している勉 強会。 毎年、WordFes という大きなイベ ントを開催。
  • 7. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 本日のアジェンダ ● 13:00 15分:Web 動画とは ● 13:15 75分:企画・構成・予算 講座 ● 14:30 75分:Cocomue 要件定義大会 ● 15:45 90分:ワークショップ ○ 15:45 15分:企画会議 ○ 16:00 20分:撮影スケジュール ○ 16:20 20分:予算 ● 16:40 30分:発表 ● 17:10 終了 7
  • 8. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ NAMO 8
  • 9. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ NAMO = NAgoya Movie Obenkyokai 名古屋で Web 動画を勉強する会 9
  • 10. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは? 10
  • 11. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 とは? ● Katz が勝手に考える Web 動画の定義 11
  • 12. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 とは? ● YouTube? ● ニコニコ? ● Ustream?IBM Cloud Video ● Facebook 12
  • 13. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 とは? ● YouTube? ● ニコニコ? ● Ustream?IBM Cloud Video ● Facebook 13
  • 14. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Toogl) 14
  • 15. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Toogl) 15
  • 16. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Balletone DAYZ) 16
  • 17. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Balletone DAYZ) 17
  • 18. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Questant) 18
  • 19. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● サンプル ○ ここ (Questant) 19
  • 20. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 20
  • 21. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 21
  • 22. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 ○ YouTube・ニコ動・Ustream との違い ■ ウェブページはあくまでもフレーム ■ 映像単体がコンテンツ 22
  • 23. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 ○ YouTube・ニコ動・Ustream との違い ■ ウェブページはあくまでもフレーム ■ 映像単体がコンテンツ ■ 例:ニコニコ動画にYouTube動画を転載してもコンテ ンツとして成立 23
  • 24. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 1. Web ページの素材 ○ YouTube・ニコ動・Ustream との違い ■ ウェブページはあくまでもフレーム ■ 映像単体がコンテンツ ■ 例:ニコニコ動画にYouTube動画を転載してもコンテ ンツとして成立 ○ Web動画はそのサイトでしか成立しない 24
  • 25. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 25
  • 26. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 ○ 写真だと複数枚必要 26
  • 27. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 ○ 写真だと複数枚必要 ○ 動画だと一個でOK 27
  • 28. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 2. スペースの節約 ○ 写真だと複数枚必要 ○ 動画だと一個でOK ○ というか、画面いっぱい使える 28
  • 29. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP 29
  • 30. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! 30
  • 31. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! ■ 動作がわかる 31
  • 32. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! ■ 動作がわかる ■ 感情を伝えられる 32
  • 33. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画の特徴 ● 3. 表現・説得力UP ○ 動きがある! ■ 動作がわかる ■ 感情を伝えられる ※ 音声は、Web 動画では別の話。 33
  • 34. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● 素材+動き+感情 サンプル 34
  • 35. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● 素材+動き+感情 サンプル ○ ここ (MUJI to Sleep) 35
  • 36. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画とは(Katz の勝手な定義) ● 素材+動き+感情 サンプル ○ ここ (MUJI to Sleep) 36
  • 37. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 素材 + 動き + 感情 37
  • 38. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 素材 + 動き + 感情 売上UP 38
  • 39. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今? Web 動画 39
  • 40. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? やっと、技術が追いついてきた 40
  • 41. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? やっと、技術が追いついてきた 41
  • 42. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 42 ● カメラ
  • 43. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 43 ● カメラ ○ iPhone
  • 44. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 44 ● カメラ ○ iPhone ○ 一眼レフカメラ
  • 45. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 45 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質
  • 46. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 46 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる
  • 47. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 47 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア
  • 48. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 48 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ
  • 49. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 49 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie
  • 50. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 50 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie ○ Adobe CC
  • 51. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 51 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie ○ Adobe CC -> Adobe Premiere
  • 52. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 52 ● カメラ ○ iPhone ○ 一眼レフカメラ = プロ並みの画質。しかもWebの人持ってる ● ソフトウエア ○ スマホアプリ ○ iMovie ○ Adobe CC -> Adobe Premiere (プロ用ソフト!)
  • 53. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 53 ● HTML5
  • 54. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 54 ● HTML5 ○ Flash の縛り
  • 55. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 55 ● HTML5 ○ Flash の縛り
  • 56. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 56 ● HTML5 ○ Flash の縛り ○ <video> タグ
  • 57. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 57 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP
  • 58. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 58 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP ○ 例:
  • 59. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 59 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP ○ 例:デジタルサイネージ
  • 60. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 60 ● HTML5 ○ Flash の縛り ○ <video> タグ = 自由度UP ○ 例:デジタルサイネージ
  • 61. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ なぜ今 Web 動画? 61 ● HTML5 ○ <video> タグ = 自由度UP ○ 動画は 4:3 or 16:9 である必要がない
  • 62. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 62
  • 63. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 「今」の可能性 63 ガッテンしていただけましたか〜?( ̄ー ̄)ニヤリ
  • 64. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ただし! 64
  • 65. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ただし! 作り方を覚えないとダメ! 65
  • 66. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 悪い Web 動画の例 ● 長い ● 映像がブレてる ● 音声が要る ● 動きがない ● 感情が伝わらない 66
  • 67. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ = NAMO 67
  • 68. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ = NAMO ちゃんと Web 動画を作るための勉強会 68
  • 69. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ = NAMO ちゃんと Web 動画を作るための勉強会 よろしくお願い致します! http://namo758.com 69
  • 70. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 企画講座 構成・スケジュール・予算 業界のトップシークレット 70
  • 71. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順 ● 企画 ● 撮影 ● 編集 ● 変換 ● Web サイト作成 ● Web サイトUP 71
  • 72. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順 ● 企画 ● 撮影 ● 編集 ● 変換 ● Web サイト作成 ● Web サイトUP 72 今までの勉強会に参加した人 経験を活かして、企画しよう!
  • 73. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順 ● 企画 ● 撮影 ● 編集 ● 変換 ● Web サイト作成 ● Web サイトUP 73
  • 74. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 構成を考える コンセプトをきちんと考える 74
  • 75. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● ターゲット ○ 一般的なマーケティングとしてのターゲット ○ 動画を見る人の環境 ■ スマホ -> データ転送量 ● WIFI か データ通信か ■ いま時点は PC で考慮 75
  • 76. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● 動画にする目的・理由が必要 1. 素材・動きが必要か 2. スペースの節約になるか 3. 感情を訴えれるか 4. 面白い or 興味があるか 写真やテキスト以上のもの 76
  • 77. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● Web サイト企画 ○ ワイヤーフレームを作ろう ■ 背景・写真の代わりになる? ■ どういうサイズの動画になる? 77
  • 78. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● 撮影の企画 ○ ロケハンをしよう ■ 場所の責任者の許可。企画を作ってみせよう ■ 所要時間 ■ 電源の場所。照明を使うのであればアンペア。ブ レーカーの場所。電気代負担どうする ■ 責任者の人とコミュニケーションをとろう! 78
  • 79. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 撮影の企画 ストーリーボードやショットリストを 作ろう。基本中の基本! スケジュールや予算の基本になる! 79
  • 80. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● 撮影の企画 ○ 撮影 ■ ストーリーボード ● 絵コンテを作れると理想 ● もしくは、テキストだけの絵コンテ ■ ショットリストを作ろう (一番重要) ● シーン ● ショット 80
  • 81. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● ショットリスト ○ 撮影時間や予算を考える上で重要なリスト ○ どういう機材が必要か 81 [シーン番号] - [ショット番号] ショットのタイプ ショットの説明 e.g. 1-1 e.g. WS e.g. 主人公が建物に入る
  • 82. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● ショットリスト用語辞典 ○ ショットタイプ (人それぞれの解釈がありますが ) 82 略号 名前 説明 EWS Extreme Wide Shot 人物 (物体) と場所の雰囲気がわかる。環境がわかる WS Wide Shot 人物 (物体) 全体が足の先から頭の上まで画面いっぱいに映っている 3/4 4分の3 (Three Quarter) 人物のひざ上が映っている MS Medium Shot 人物 (物体) の腰上が映っている CU Close Up 人物 (物体) の胸から上が映っている ECU Extreme Close Up 人物 (物体) の顔だけ、もしくは顔の一部しか写っていない
  • 83. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 ● シーンとショットの違い ○ シーンの定義 ■ カメラ・照明・撮影時間のセットアップが同じ ■ 照明やカメラを大幅に動かさないといけないとシーンが増える ■ シーンが増えるとバラエティ豊かになるかもしれないが、撮影時間が 余計にかかる ○ ショットの定義 ■ シーンの中での撮影ショット ■ 例:部屋の中の人物の WS や MS CU 等 ■ ショットが多くないと編集の時に困る可能性。多すぎると撮影時間がか かる 83
  • 84. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ スケジュール 実際に時間内に撮影できるか 計画できるようになろう! 84
  • 85. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作企画: スケジュール ● 必要な撮影時間を計画できるようになろう ○ 例: 3人 (カメラ+ディレクタ+登場人物) だいたいの基準 (規模や内容によって変わります ) 85 所要時間の目安 60分 1つのロケーションに到着したときの準備時間 30分 1シーンをセットアップするときの準備時間のめやす 10〜20分 1ショットを撮影するときの撮影時間の目安 30〜60分 片付け 移動時間 同じ日で2箇所以上の場所で撮影するとき、移動するときの時間
  • 86. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作企画: スケジュール ● 必要な編集時間を計画できるようになろう ○ 例: ざっくりすぎる編集時間の目安 86 所要時間の目安 60分~ 編集素材のとり込み作業 60分 編集基本時間 1時間/分 最終的なビデオの長さ (分) x 時間。例: 2分のビデオ = 2時間の編集 時間 60分 Webの形式へのエクスポート (エンコード) 任意 アニメーションなどの特殊効果や素材の作成時間
  • 87. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 予算を考えよう 実際にいくらかかるか 87
  • 88. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 ● おおまかな予算のコンセプト ○ 人件費 ○ 機材費 88
  • 89. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 ● 人件費とは ○ その人が費やす時間に対する対価 ○ 基本的に人日 (作業時間) 計算 (1日 = ○万円) ○ 内訳 (本当にざっくりですが ) ■ 企画・構成費 ■ 進行管理費 ■ 撮影費 ● 機材をレンタルするのであればレンタル貸出返却の時間も ● 遠方への移動が必要であればその時間や交通費も ■ 編集費 ※ ただし、技術を持っている人は追加で技術費用を追加しよう 89
  • 90. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 ● 機材費とは ○ 撮影や編集に使用する機材の費用 ○ 撮影費 ■ カメラ・マイク・照明 ● レンタル屋さんのレンタル代を参考に算出しよう (例: CUE、 光響社、 ビデオエイペックス) ■ ロケーション費用 ○ 編集費 ■ 特別なソフトの使用 ■ MAなど特別な編集スタジオの使用 ■ 音楽などのロイヤリティーフリー素材の購入費用 90
  • 91. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 企画ワークショップ ● チーム分け ● お題 ● 休憩&ネタ考える ( ̄ー ̄)ニヤリ ● ワークショップスタート 91
  • 92. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ Web 動画 企画ワークショップ ● チーム分け 92
  • 93. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● チーム分け 3人一組 93 Web 動画 企画ワークショップ
  • 94. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● お題 Cocomue 94 Web 動画 企画ワークショップ
  • 95. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● お題 幼児向けプログラミング教室の ウェブサイトを作ろう 95 Web 動画 企画ワークショップ
  • 96. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● 苔の Web 動画を作ろう チーム分け開始 96 Web 動画 企画ワークショップ
  • 97. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● Cocomue の Web 動画を作ろう ○ 考えて: 97 Web 動画 企画ワークショップ
  • 98. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● Cocomue の Web 動画を作ろう ○ 考えて: ■ 動画じゃないといけない企画 ■ ショットリスト・スケジュール ■ 予算 98 Web 動画 企画ワークショップ
  • 101. 2.「論理的思考力」とは 101 プログラム知識がなくても大丈夫! ・Cocomueが目指すのは、物事を順序よく整理する力(論理的思考 力)、どうしたら上手くいくのかを考えられる力(問題解決力)、ゼロから オリジナルのモノを制作できる力(発想力)を身に付けてもらうこと。4 歳~6歳のクラスでは、英国生まれの可愛い知育玩具を使用し、3つ の力が自然に身につく教育環境を提供します。 ・この3つの力を伸ばすことで、「教えられ、覚える」ではなく、「自ら考 え、創造する」21世紀型人材を育成します。 【論理的思考力の参考例】  Q:青い丸が、赤い丸のいる場所に行くには、どうしたら良いでしょうか。 答えは、無数にあります。  まっすぐ行く、右から行く、左から行くなど、あるいは、ぐるぐる 回って行くなどたくさんパターンがあると思います。どれも答えとしては正解です。これを 論理的思考で説明すると下記のようになります。 ・青い丸を、右に 3つ進める ・青い丸を、左に向けて1つ進み右に向いて、3つ進み、右に向けて1つ進む 子供は自由に考えて、発想し、どのようなコースで行くか考え、それを実際におこなって 見て、うまく行くか、いかなければ何が悪かったのかを考え、修正して考おえた通りに動 かせるようにすることを教えます。 前後
  • 104. 1.Cocomueについて 104 ● 内容:21世紀スキルを教える幼児向け教室 ● 特長: ○ 小学生向けのプログラミング教室はある幼児向けはかなり少な い ○ 「21世紀スキル」を早く教えれる ○ 先進の教育を教えている ○ 実績がある コミュニティ(Community) 子供の Co Education
  • 105. 2. ターゲット ● 対象 ○ 20代後半〜40代前半の女性 ○ 名古屋・小牧尾張周辺 ○ 世帯年収 500万〜 ● 対象 ○ スマートホンを頻繁に使う ○ PC は本当のたまに使うだけ ● 対象デバイス ○ スマホ ○ LINE などをよく使っている ○ 動画は、本当に見たい動画しか見ない https://www.pakutaso.com/20160621159post-8074.html
  • 107. 4. カスタマージャニーマップ ACTION閲覧プロモーションニーズ 感情成功シナリオ施策ポイント 自分の子供に 21世紀ス キルを教えたい まだまだ客 検索サイト・ ポータルサイト 教室がいっぱいあってどれが 良いのかわからない Facebook 広告 ✓ 自分が21世紀教育・プ ログラミング教育を早い 時期から教えたいとは 思っているというお客に しぼりこむ。 ✓ 地元で教室を探したい と思っている。 ✓ ちょっと先端な意識を 持っているので Facebook を使っている ユーザー ✓ LINE 広告は将来的に 考慮する ここの教室は信用できるのだろうか・先生や指導者は信用できるの だろうか・授業内容は充実しているのだろうか・保護者の負担は(お 金・時間)はどれくらいなんだろう ウェブサイト メール・LINEマーケティング サイト 申し込み ✓ 申し込みメール フォーム ✓ 申し込み電話番号 メールで予約 電話で予約 よし・一回体験してみようか ✓ ✓
  • 108. 4. カスタマージャニーマップ ACTION閲覧プロモーションニーズ 感情成功シナリオ施策ポイント 自分の子供に 21世紀ス キルを教えたい まだまだ客 検索サイト・ ポータルサイト 教室がいっぱいあってどれが 良いのかわからない Facebook 広告 ✓ 自分が21世紀教育・プ ログラミング教育を早い 時期から教えたいとは 思っているというお客に しぼりこむ。 ✓ 地元で教室を探したい と思っている。 ✓ ちょっと先端な意識を 持っているので Facebook を使っている ユーザー ✓ LINE 広告は将来的に 考慮する ここの教室は信用できるのだろうか・先生や指導者は信用できるの だろうか・授業内容は充実しているのだろうか・保護者の負担は(お 金・時間)はどれくらいなんだろう ウェブサイト メール・LINEマーケティング サイト 申し込み ✓ 申し込みメール フォーム ✓ 申し込み電話番号 メールで予約 電話で予約 よし・一回体験してみようか ✓ ✓ ここの Web 動画を考えて欲しい
  • 109. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● Cocomue の Web 動画を作ろう ○ グループ #1:Google Docs ○ グループ #2:Google Docs ○ グループ #3:Google Docs 109 Web 動画 企画ワークショップ
  • 110. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ ● 去年のサンプルショットリスト ■ https://docs.google.com/document/d/1BQ9mOZd L2qEnnDYCWHFGPNHR5uZACRXFloSpSSJW GjY/edit 110 Web 動画 企画ワークショップ
  • 111. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ 本日のアジェンダ ● 13:00 15分:Web 動画とは ● 13:15 75分:企画・構成・予算 講座 ● 14:30 75分:Cocomue 要件定義大会 ● 15:45 90分:ワークショップ ○ 15:45 15分:企画会議 ○ 16:00 20分:撮影スケジュール ○ 16:20 20分:予算 ● 16:50 30分:発表 ● 17:20 終了 111
  • 112. 2017.4.16 (日) 第9回 始めてみよう Web 動画 〜 構成・スケジュール・予算ワークショップ お疲れ様でした! 次回は「撮影」 http://namo758.com 112