Developer Relations 向け YouTube
YouTube は世界で 2 番目に大きな検索エンジンであり、開発者が学びに訪れる場所です。このスキルでは、チュートリアルの構成、画面録画の設定、ライブコーディング、ショート動画と長尺動画、サムネイル、技術コンテンツ向け SEO を扱います。
始める前に
- 存在する場合は
.agents/developer-audience-context.md を読みます
- 自分の分野にある既存の技術系 YouTube チャンネルを調査します
- 理解しておくこと：開発者向け YouTube は長期戦です。一貫性 > 完璧さ
開発者向け YouTube を理解する
開発者向けコンテンツを見る人
| 視聴者 | 求めているもの | 動画の長さ |
|---|
| 学習中の開発者 | 完全なチュートリアル | 15-45 分 |
| 現役の開発者 | すぐに使える解決策 | 5-15 分 |
| シニア開発者 | 深掘り、アーキテクチャ | 30-60 分 |
| 意思決定者 | デモ、概要 | 3-10 分 |
| カンファレンス参加者 | 録画された講演 | 20-45 分 |
効果的なコンテンツの種類
| コンテンツの種類 | 再生数の可能性 | 労力 | 備考 |
|---|
| チュートリアル（X を作る） | 非常に高い | 高 | 長期にわたるトラフィック |
| 問題／解決策 | 高い | 中 | 検索経由 |
| ツールの比較 | 高い | 中 | 検索ボリュームが大きい |
| ライブコーディング | 中〜高 | 低 | エンゲージメント重視 |
| プロジェクトの更新情報 | 中 | 低 | コミュニティの構築 |
| カンファレンス講演 | 中 | 低 | コンテンツを再利用 |
| ショート動画 | リーチが大きい | 低 | 発見されることを重視 |
成功している開発者向け YouTube チャンネル
| チャンネル | スタイル | 成功する理由 |
|---|
| Fireship | 速く、情報密度が高く、意見が明確 | 視聴者の時間を尊重する |
| ThePrimeagen | 個性的、ライブでのリアクション | 率直で、楽しめる |
| Traversy Media | 明快で、初心者に優しい | 包括的なチュートリアル |
| Hussein Nasser | 深掘り、ホワイトボード | エンジニアリングの深い知見 |
| Ben Awad | カジュアルで、実際のコーディング | 親しみやすく、自然体 |
チュートリアルの構成
チュートリアルのテンプレート
0:00 - Hook (what you'll build/learn)
0:30 - Prerequisites & setup
2:00 - Concept explanation (why)
4:00 - Step 1: [First major step]
8:00 - Step 2: [Second major step]
...
XX:00 - Final result demo
XX:30 - Recap & next steps
XX:45 - CTA (subscribe, comment)
オープニングのフック（最初の 30 秒）
| 要素 | 目的 |
|---|
| 完成結果を見せる | 視聴する価値があると示す |
| 学べる内容を伝える | 期待値を設定する |
| 前提条件に触れる | 視聴者の対象を明確にする |
| 所要時間の目安 | 視聴者の時間を尊重する |
フックの例：
"By the end of this video, you'll have a working CLI tool
that can scrape any website and export to JSON. We'll use
Node.js and Cheerio — you just need basic JavaScript
knowledge. This should take about 20 minutes. Let's go."
ペース配分のガイドライン
| 動画の長さ | セグメントの長さ | 備考 |
|---|
| 5-10 分 | 1-2 分のセグメント | 速く、要点に集中 |
| 15-30 分 | 3-5 分のセグメント | 標準的なチュートリアル |
| 30-60 分 | 5-10 分のセグメント | 深掘り |
よくあるチュートリアルの失敗
| 失敗 | 影響 | 修正方法 |
|---|
| セットアップに時間をかけすぎる | 視聴者が離脱する | 興味深い部分から始める |
| 完成結果を見せない | モチベーションが湧かない | 最初に完成品を見せる |
| 進行が速すぎる | 混乱する | 重要な手順で一時停止する |
| 進行が遅すぎる | 退屈する | 一時停止やタイプミスを編集で取り除く |
| タイムスタンプがない | ナビゲーションしにくい | チャプターを追加する |
| コードの塊が続く | 圧倒される | 段階的に組み立てる |
画面録画の設定
必須の機材
| 機材 | 予算重視の選択肢 | より良い選択肢 |
|---|
| マイク | Blue Snowball（$50） | Shure SM7B（$400） |
| 画面録画 | OBS（無料） | ScreenFlow（$170） |
| ウェブカメラ | 内蔵 | Logitech C920（$80） |
| 照明 | 窓からの光 | リングライト（$30） |
| エディター | DaVinci Resolve（無料） | Premiere Pro（$22/月） |
映像より音声のほうが重要です
| 優先度 | 理由 |
|---|
| 1. 明瞭な音声 | 音声が悪いと、すぐに視聴をやめられます |
| 2. 読みやすいコード | 文字がくっきりしている必要があります |
| 3. 良好な照明 | 顔出しの場面に必要です |
| 4. 高解像度 | 最低でも 1080p |
画面録画のベストプラクティス
| 設定 | 推奨 |
|---|
| 解像度 | 1920x1080 または 2560x1440 |
| フォントサイズ | エディターで 18-24pt |
| テーマ | ダークテーマ（目に優しい） |
| ズーム | 重要な場面では IDE のズームを使う |
| 通知 | すべて無効にする |
| ブラウザー | クリーンなプロファイルを使い、ブックマークバーを表示しない |
録画のワークフロー
- 要点を台本にまとめます（そのまま読み上げないでください）
- 録画の前に音量レベルをテストします
- 区切って録画します（編集が簡単になります）
- 編集用に間を空けます（手をたたくか、「編集」と言います）
- 切り替わりの場面では顔を映します（親近感が生まれます）
- Bロール素材を追加で録画します（図、ブラウザー、ターミナル）
ライブコーディングのコンテンツ
ライブコーディングの形式
| 形式 | 長さ | プラットフォーム |
|---|
| Twitch 配信 → YouTube | 1-4 時間 | 両方 |
| YouTube Live | 30-90 分 | YouTube |
| 事前録画した「ライブ」配信 | 20-45 分 | YouTube |
ライブコーディングのベストプラクティス
| すること | しないこと |
|---|
| 考えていることを説明する | 黙ってコーディングする |
| 間違いを受け入れる | 何でも知っているふりをする |
| チャットを読む | 視聴者を無視する |
| 目標を決める | 目的なく話を進める |
| 休憩を取る | 休憩なしで長時間続ける |
| 配信後にタイムスタンプを付ける | 巨大なひとまとまりの動画のままにする |
よくあるライブコーディングのコンテンツ
| コンテンツ | 例 |
|---|
| ゼロからプロジェクトを作成 | 「REST API をライブで構築」 |
| コードレビュー | 「登録者の PR をレビュー」 |
| 問題解決 | 「LeetCode の中級問題」 |
| 新しい技術を試す | 「Rust を公開しながら学ぶ」 |
| バグ探し | 「本番環境の問題をライブで修正」 |
ショート動画と長尺動画
YouTube Shorts（60 秒未満）
| 項目 | ベストプラクティス |
|---|
| つかみ | すぐに始めます（最初の 1-2 秒） |
| 長さ | 30-45 秒が最適 |
| アスペクト比 | 9:16（縦向き） |
| コンテンツ | 1 つのヒント、1 つの概念 |
| テキスト | 大きく、画面上に字幕を表示 |
| 音声 | 明瞭なナレーション |
ショート動画のコンテンツ案
| 種類 | 例 |
|---|
| すぐに使えるヒント | 「Git を高速化する 1 つのコマンド」 |
| 構文のショートカット | 「30 秒でわかる JavaScript のスプレッド演算子」 |
| ツールのデモ | 「必要な VS Code 拡張機能」 |
| コードの変換 | 「リファクタリング前後」 |
| 挑発的な意見 | 「X を使うのをやめるべき理由」 |
ショート動画の戦略
| 目標 | 方法 |
|---|
| 登録者を増やす | 週に 3-5 本のショート動画を投稿 |
| 長尺動画へ誘導する | ショート動画でチュートリアルを予告 |
| アルゴリズムに評価される | 一貫した投稿スケジュールを守る |
| コンテンツを再利用する | 長尺動画から切り出す |
長尺動画とショート動画の比較
| 長尺動画 | ショート動画 |
|---|
| 検索からの流入 | 発見からの流入 |
| 視聴時間による収益 | 収益は少ない |
| 深さ | 幅広さ |
| 長く視聴してくれる登録者 | スクロールしていく登録者 |
| コメント、コミュニティ | エンゲージメントが少ない |
開発者向けサムネイル
サムネイルの原則
| 要素 | ガイドライン |
|---|
| テキスト | 最大 3-5 語 |
| 顔 | 表情で感情を加える |
| ロゴ／アイコン | 話題の技術を示す |
| 色 | コントラストを高くし、ブランドの一貫性を保つ |
| 構図 | 三分割法 |
効果的なサムネイルのパターン
| パターン | 例 |
|---|
| 顔＋技術ロゴ＋感情 | ［驚いた顔］＋［React のロゴ］＋「すべてが変わりました」 |
| 変更前／変更後 | ［壊れたコード］→［動作するコード］ |
| 大きな文字＋アイコン | 「STOP」＋［X マーク］ |
| 比較 | ［技術 A］対［技術 B］ |
| 結果のプレビュー | ［完成したアプリのスクリーンショット］ |
サムネイルの作成
| ツール | 最適な用途 |
|---|
| Canva | 素早く簡単にテンプレートを使う |
| Figma | デザインを細かく調整する |
| Photoshop | 高度な編集 |
| サムネイルのテンプレート | 一貫性を保つ |
サムネイルの A/B テスト
YouTube ではサムネイルのテストができます。
- サムネイル A を付けて動画をアップロードします
- 48 時間後に B に変更します
- アナリティクスで CTR を比較します
- 勝った方を使います
YouTube SEO
キーワードが重要な場所
| 場所 | 影響度 | ベストプラクティス |
|---|
| タイトル | 最高 | 主要キーワードを前の方に入れる |
| 説明 | 高い | 最初の 2 文にキーワードを豊富に含める |
| タグ | 低い | 含めますが、考えすぎないでください |
| 字幕／文字起こし | 中程度 | 自動生成してから編集する |
| ファイル名 | 低い | 念のためキーワードを含める |
タイトルの定型
| 定型 | 例 |
|---|
| [技術] チュートリアル：[作るもの] | 「React チュートリアル：ゼロから Todo アプリを作る」 |
| [技術] で[タスク]する方法 | 「Docker を使って AWS にデプロイする方法」 |
| [技術 A] vs [技術 B]：どちらがよい？ | 「Next.js vs Remix：どちらを学ぶべき？」 |
| [時間]で学ぶ[トピック]のヒント[数]選 | 「10分でわかる VS Code のヒント10選」 |
| 私が[技術]を[行動]した理由 | 「私が React から Svelte に乗り換えた理由」 |
概要欄のテンプレート
[First 150 chars: Compelling summary with main keyword]
In this video, I'll show you [what they'll learn].
Timestamps:
0:00 - Introduction
2:00 - [Section 1]
[...]
Resources mentioned:
- [Link 1]
- [Link 2]
Links:
🔗 My website: [URL]
🔗 GitHub repo: [URL]
🔗 Discord: [URL]
#[keyword1] #[keyword2] #[keyword3]
リサーチ用キーワード
| ツール | 用途 |
|---|
| YouTube 検索オートコンプリート | 実際の検索クエリ |
| TubeBuddy/VidIQ | 検索ボリューム、競合状況 |
| Google Trends | トレンドのトピック |
| 競合のタイトル | 効果のあるもの |
プラットフォーム固有の注意事項
推奨事項
- 必ず最初に完成形を見せます
- 必ずチャプター／タイムスタンプを追加します
- 必ず見やすく読みやすいコードフォントを使います
- 必ず音質にこだわります
- 必ず一貫した投稿スケジュールを維持します
- 必ずコメントに返信します
- 必ずショート動画にも再利用します
- 必ずカスタムサムネイルを作成します
避けるべきこと
- 導入のフックを省略しないでください
- 小さすぎるフォントを使わないでください
- 部屋の反響音が入る環境で録音しないでください
- CTA を忘れないでください
- 不定期に投稿しないでください
- SEO の基本をおろそかにしないでください
- クリックベイトのサムネイルを作らないでください（信頼を損ないます）
- 完璧主義にならないでください（公開しましょう）
コンテンツカレンダー
週間スケジュールの例
| 曜日 | コンテンツ |
|---|
| 月曜日 | ショート動画（ヒント／テクニック） |
| 水曜日 | 長尺チュートリアル |
| 金曜日 | ショート動画（水曜日の動画から作成） |
| 週末 | 翌週のコンテンツを編集 |
月間計画
| 週 | 内容 |
|---|
| 第1週 | チュートリアル（メインコンテンツ） |
| 第2週 | ライブ配信または Q&A |
| 第3週 | チュートリアル（メインコンテンツ） |
| 第4週 | 比較またはレビュー |
ツール
| ツール | 用途 |
|---|
| Octolens | YouTube やソーシャルメディアで、技術トピックや競合に関する言及を監視し、開発者が何について質問しているかを見つけます。 |
| OBS Studio | 無料の画面録画とストリーミング |
| ScreenFlow | Mac での録画と編集 |
| DaVinci Resolve | 無料のプロ向け編集 |
| Descript | 文字起こしを編集して動画を編集 |
| Canva | サムネイルの作成 |
| TubeBuddy | YouTube SEO ツール |
| Riverside.fm | リモート録画 |
はじめるためのチェックリスト
最初の動画：
関連スキル
developer-audience-context — 視聴者を知るdev-to-hashnode — 動画をブログ記事にするlinkedin-technical — LinkedIn で動画を共有するx-devs — Twitter で動画を宣伝するgithub-presence — 概要欄でリポジトリにリンクする
