Slide 1
Slide 1 text
その内容、テキストで書く？動画で説明する？
〜かんたん説明動画の作り方〜
2022/10/13
LINE Technical Writing Meetup vol.17
@jumpei_ikegami
Slide 2
Slide 2 text
本日のおしながき ● 自己紹介
● 説明動画の流行
● がんばらない動画制作ノウハウ
● 動画の使い所と注意点
Slide 3
Slide 3 text
自己紹介
gami (@jumpei_ikegami)
● 経歴
○ 2016〜: PLAID
■ Customer Engineer
○ 2015〜: 富士通
■ 行政系SE
● 個人活動
○ YouTuber、noteマガジン連載、Udemy講師
○ [主催] Customer系エンジニア座談会 （毎月開催！）
○ [執筆]『完全SIer脱出マニュアル』
○ [登壇] Developers Summit 2021 Summerなど色々
○ [Podcast] しがないラジオ パーソナリティ（休止中）
Slide 4
Slide 4 text
自己紹介
Slide 5
Slide 5 text
Customer Engineerとしてやっていること
● ミッション
○ 「プロダクトと顧客のギャップを埋めることでプロダクトの価値を最大化する」
● 関わるプロダクト
○ KARTE
● 主な業務
○ サポート問い合わせの調査
○ 顧客へのプロダクト利用設計、仕様説明、デモ
○ テンプレート実装、プロダクト改善 FB
○ 社員のTechnical Enablement支援
○ サポートサイトやDeveloper Portalのドキュメント執筆
○ Academyコース（学習コンテンツ） の作成
Slide 6
Slide 6 text
KARTEとは？
● BtoB SaaSプロダクト
● 主に、WebサイトやNativeApp向けに下記を提供
○ リアルタイムユーザー解析基盤
○ アクション配信基盤
● 要は、大量のユーザー行動データをリアルタイムに解析し、ルールベースで適切なアクションを配信するプ
ラットフォーム
● 利用企業の業界も利用者の職種も様々
○ Webマーケターなど非エンジニア職種の利用者 が多い
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
Customer Engineerとしてやっていること
Slide 12
Slide 12 text
Customer Engineerとしてやっていること
Slide 13
Slide 13 text
Customer Engineerとしてやっていること
Slide 14
Slide 14 text
「説明動画」制作の実績
● 累計約200本！
● 趣味
○ YouTube: Webやデジタル関連知識の解説動画
■ 51本（字幕あり）
○ Udemy: 非エンジニア向けの JavaScript入門
■ 63本（字幕あり）
● 仕事
○ KARTE Academy: プロダクトや周辺技術の解説動画
■ 95本（字幕なし、テキスト併記）
Slide 15
Slide 15 text
本日のおしながき ● 自己紹介
● 説明動画の流行
● がんばらない動画制作ノウハウ
● 動画の使い所と注意点
Slide 16
Slide 16 text
説明動画が充実しているサービスの例
● 最近、動画によるオンボーディング に力を入れているサービスが増えている
● エンジニア向けサービスより、 NoCodeツールなど非エンジニアもターゲットに含むサービス の方が多い印
象
● ドキュメントやリファレンスとは別に 学習コンテンツをまとめているケースで、動画が活用されることが多い
印象
Slide 17
Slide 17 text
説明動画が充実しているサービスの例
● Webflow
Slide 18
Slide 18 text
説明動画が充実しているサービスの例
● Shopify
Slide 19
Slide 19 text
説明動画が充実しているサービスの例
● Bubble
Slide 20
Slide 20 text
動画制作・管理系のBtoB SaaSが増えている
● これまで動画の制作や管理は多くのコストがかかり 、利用にはハードルがあった
● サポートや社内コミュニケーションに動画を取り入れる企業が登場する中で、それを 簡単にするためのツー
ルやSaaSも続々と登場している
Slide 21
Slide 21 text
動画制作・管理系のBtoB SaaSが増えている
● Loom
○ “Async Video Messaging for Work”
Slide 22
Slide 22 text
動画制作・管理系のBtoB SaaSが増えている
● Quden
○ “話し手と画面を組み合わせた動画で顧客対応・リモートワークをなめらかに ”
Slide 23
Slide 23 text
動画制作・管理系のBtoB SaaSが増えている
● VideoTouch
○ “動画トレーニングプラットフォーム ”
Slide 24
Slide 24 text
動画制作・管理系のBtoB SaaSが増えている
● Vrew
○ まるでテキストを編集するように、動画のカットと字幕編集ができる
Slide 25
Slide 25 text
動画制作を頑張りすぎてはいけない
● いわゆるYouTuberの動画編集などを見ていると、その リッチな動画編集にあこがれる
● しかし、10万人に見られるエンタメ動画と 500人にしか見られないプロダクトの説明動画では、 投入してい
いリソース量も力を入れるべき場所も全く違う
Slide 26
Slide 26 text
本日のおしながき ● 自己紹介
● 説明動画の流行
● がんばらない動画制作ノウハウ
● 動画の使い所と注意点
Slide 27
Slide 27 text
動画制作を頑張りすぎてはいけない
● 特にプロダクトのサポート領域 で動画制作を始めるなら、できるだけコストを抑えハードルを下げないと続
かない
● 良くない例
○ いきなりAdobe Premiere Proを使う
○ いきなり良いカメラやデカい照明やグリーンバックなどの 高くて大きい機材を買う
○ いきなり動画編集を 外注する
Slide 28
Slide 28 text
がんばらない動画制作ノウハウ
● gamiが200本の動画制作の中で行き着いた「がんばらない動画制作」の方法（ 2022年10月現在）
● 用意するもの
○ カメラ付きノートパソコン
■ Macbookなど。カメラはWebカメラでも可
○ 外付けマイク
■ インカム付きヘッドホンとかでも良い
○ QudenのChrome拡張機能
■ フリープランで10分の動画まで撮影できる
○ Vrewのデスクトップアプリ
■ なんと現在は無料
Slide 29
Slide 29 text
動画制作の手順
● QudenのChrome拡張機能で、自分の顔とPC画面の映像+声を同時に収録する
Slide 30
Slide 30 text
動画制作の手順
● 動画ファイルをダウンロードして、 Vrewに読み込ませる
Slide 31
Slide 31 text
動画制作の手順
● Vrewで不要な部分をカットする
Slide 32
Slide 32 text
動画制作の手順
● 字幕を付ける場合は、 Vrewの自動生成字幕を修正する
Slide 33
Slide 33 text
動画制作の手順
● Vrewから動画ファイルを出力して、完成！
○ YouTubeなどで字幕を別にアップロードする場合は、動画への字幕表示を OFFにした上で、字幕
ファイルだけを別途出力できる
Slide 34
Slide 34 text
本日のおしながき ● 自己紹介
● 説明動画の流行
● がんばらない動画制作ノウハウ
● 動画の使い所と注意点
Slide 35
Slide 35 text
テキストと動画の使い分け
● 一言でいうと？
○ 「基本はテキストで書き、ここぞというときだけ動画を使う！」
Slide 36
Slide 36 text
テキストと動画の使い分け
● 動画の強み
○ 動きのある画面操作 をそのまま伝えられる
○ 人感が出るので印象に残しやすい
● 動画の弱み
○ 実際に見ないと全体感がわからず自分に合った内容か判断できない
○ とにかくメンテナンスコストが高い
Slide 37
Slide 37 text
テキストと動画の使い分け
● 動画が向いているもの
○ プロダクトを全く知らない人向けの デモ
○ 顧客オンボーディング時の概要説明
○ 初学者向けの学習コンテンツ
● テキストが向いているもの
○ リファレンス
○ （慣れた人向けの）ドキュメント
○ 用語集
○ FAQ
Slide 38
Slide 38 text
gamiが過去に仕事で作った動画の例
● プロダクトの新機能プレスリリースに添付する デモ動画
Slide 39
Slide 39 text
gamiが過去に仕事で作った動画の例
● KARTEの顧客向けオンボーディングのためのシステム全体像説明
Slide 40
Slide 40 text
gamiが過去に仕事で作った動画の例
● 社内外向け学習コンテンツ「KARTEで学ぶSQL入門」
Slide 41
Slide 41 text
動画の弱点を克服するために
● 見ないと全体感がわからない。。。
○ → 視聴維持率を意識する
■ オープニングとか入れず、 いきなり話し始める
■ 最初に内容の全体感を示す
■ なるべく短く簡潔に、できれば 1本の動画を5分程度におさめる
Slide 42
Slide 42 text
動画の弱点を克服するために
● メンテナンスコストが高い。。。
○ → 保守性に配慮する
■ 頻繁に変更されそうな機能や画面 はなるべく扱わない
■ とにかく1本の動画を短く、差し替えやすく
Slide 43
Slide 43 text
まとめ
Slide 44
Slide 44 text
3行で言うと
● ツールの発展により動画制作がかなり簡単になった
● テキストと動画を使い分けることで、よりユーザーにわかりやすいコンテンツが作れる
● みなさんも「動画で説明する」という手札 を持ってみてはいかが？
Slide 45
Slide 45 text
Thank you !