|
| 1 | +# 初めてのプログラミング動画 撮影・アップロードガイド |
| 2 | + |
| 3 | +手持ちの機器だけで完結させる最小構成。 |
| 4 | + |
| 5 | +--- |
| 6 | + |
| 7 | +## 必要なもの(追加購入なし) |
| 8 | + |
| 9 | +| 用途 | 使うもの | |
| 10 | +|---|---| |
| 11 | +| 画面録画 | QuickTime Player(Mac 標準) | |
| 12 | +| マイク | MacBook 内蔵マイク(まずはこれで十分) | |
| 13 | +| 編集 | iMovie(Mac 標準、無料) | |
| 14 | +| アップロード | YouTube Studio(ブラウザ) | |
| 15 | + |
| 16 | +--- |
| 17 | + |
| 18 | +## Step 1 — 事前準備(録画前) |
| 19 | + |
| 20 | +### デスクトップを整える |
| 21 | +- 不要なウィンドウ・タブをすべて閉じる |
| 22 | +- 通知をオフにする → システム設定 → 通知 → 「おやすみモード」をオン |
| 23 | +- Dock を自動的に隠す設定にする(画面が広く見える) |
| 24 | + |
| 25 | +### VS Code の設定 |
| 26 | +- フォントサイズを **18〜20pt** に上げる(録画すると小さく見える) |
| 27 | +- テーマはコントラストが高いものが見やすい(例: One Dark Pro) |
| 28 | +- ファイルツリーを左に表示した状態にしておく |
| 29 | + |
| 30 | +### ターミナルの設定 |
| 31 | +- フォントサイズを同様に大きくする |
| 32 | +- プロンプトをシンプルにする(長いパスが映らないよう) |
| 33 | + |
| 34 | +--- |
| 35 | + |
| 36 | +## Step 2 — 画面録画(QuickTime Player) |
| 37 | + |
| 38 | +1. QuickTime Player を起動 |
| 39 | +2. メニュー → **ファイル → 新規画面収録** |
| 40 | +3. 録画ボタン横の `∨` をクリック → マイクを選択(内蔵マイクまたは外部マイク) |
| 41 | +4. **「画面の一部を収録」** を選び、VS Code + ターミナルが映る範囲だけ選択する |
| 42 | + - 全画面より範囲指定のほうが、無駄な余白がなく見やすい |
| 43 | +5. 録画開始 → スクリプト通りに作業しながら解説 |
| 44 | +6. メニューバーの停止ボタン(■)で終了 → `.mov` ファイルが保存される |
| 45 | + |
| 46 | +### 録画中のコツ |
| 47 | +- 話し始める前に **2〜3秒の無音** を入れる(編集で切りやすい) |
| 48 | +- 噛んだり詰まったりしても止めない。後で編集でカットできる |
| 49 | +- コードを書きながら同時に話すのは難しいので、**書いてから説明する** 順番にする |
| 50 | +- キーボードの音が気になる場合はマイクを少し遠ざける |
| 51 | + |
| 52 | +--- |
| 53 | + |
| 54 | +## Step 3 — 編集(iMovie) |
| 55 | + |
| 56 | +### 基本的な編集だけでOK |
| 57 | +1. iMovie を起動 → 新規プロジェクト → **ムービー** |
| 58 | +2. 録画した `.mov` ファイルをドラッグしてタイムラインに追加 |
| 59 | +3. やること: |
| 60 | + - 冒頭と末尾の余分な無音部分をカット |
| 61 | + - 噛んだ・長い沈黙の部分をカット(クリップを分割 → 削除) |
| 62 | + - 必要なら **タイトルテキスト** を冒頭に入れる(iMovie の組み込み機能で可) |
| 63 | +4. 完成したら → **ファイル → 共有 → ファイル** → 解像度 1080p で書き出し |
| 64 | + |
| 65 | +### やらなくていいこと(最初は) |
| 66 | +- BGM(著作権問題が面倒) |
| 67 | +- テロップ全文(時間がかかりすぎる) |
| 68 | +- サムネイル画像(後から作れる) |
| 69 | + |
| 70 | +--- |
| 71 | + |
| 72 | +## Step 4 — YouTube アップロード |
| 73 | + |
| 74 | +1. [youtube.com/upload](https://youtube.com/upload) にアクセス(Google アカウントでログイン) |
| 75 | +2. 書き出したファイルをアップロード |
| 76 | +3. 必須入力項目: |
| 77 | + |
| 78 | + | 項目 | 内容 | |
| 79 | + |---|---| |
| 80 | + | タイトル | 例: `Implementing reset() in a PHP Circuit Breaker library` | |
| 81 | + | 説明 | プロジェクトの GitHub URL + 今回やった内容を2〜3行 | |
| 82 | + | 公開設定 | 最初は **限定公開** にして自分で確認してから公開に変えるのがおすすめ | |
| 83 | + |
| 84 | +4. 処理完了後、**限定公開 URL** でスマホなどから視聴して確認する |
| 85 | +5. 問題なければ **公開** に変更 |
| 86 | + |
| 87 | +--- |
| 88 | + |
| 89 | +## 音質が気になったら(次のステップ) |
| 90 | + |
| 91 | +内蔵マイクで録ってみて、聞き返して問題なければそのままでOK。 |
| 92 | +もし反響・ノイズが気になる場合の無料対策: |
| 93 | + |
| 94 | +- **部屋の中で一番こもった場所**(クローゼットの前など)で録音する |
| 95 | +- Audacity(無料)でノイズ除去できるが、最初は不要 |
| 96 | + |
| 97 | +--- |
| 98 | + |
| 99 | +## チェックリスト(録画前) |
| 100 | + |
| 101 | +- [ ] 通知をオフにした |
| 102 | +- [ ] VS Code のフォントサイズを上げた |
| 103 | +- [ ] スクリプトを手元に印刷 or サブディスプレイに表示した |
| 104 | +- [ ] QuickTime でマイクが選択されている |
| 105 | +- [ ] 30秒テスト録音して音声・画質を確認した |
| 106 | +- [ ] トイレに行った(途中で止めると編集が面倒) |
0 commit comments