⚠️ ご購入前に、必ずお読みください

Firefly_Gemini Flash_背景は水色 433097.png

この教材は、動画編集の未来を大きく変える可能性を秘めていますが、現時点ではすべての方におすすめできるものではありません。 ご購入後のミスマッチを防ぎ、納得して学習を始めていただくため、以下の「費用」と「この教材が向いている方」について必ずご確認をお願いいたします。

【緊急追記】期間限定？完全無料でAI動画編集に挑戦できるチャンス！

この章の２節では「AIツールの利用には月額費用がかかる」と記載しておりますが、実は「今だけ完全無料」で使える、Google製の最新ツールが登場しました。

その名も「Antigravity（アンチグラビティ）」です。

Antigravityは、Googleが開発したAIコーディング支援機能を内蔵したコードエディタです。VS Codeをベースにしており、AIエージェントとの対話を通じてコードの作成・編集を効率化できます。

なんと現在、無料で利用可能です。（※2025年12月時点。使用量の制限あり。）

この無料期間はいつまで続くのが現状ではわかっていないため、「まずは無料でAI動画編集の凄さを体験してみたい！」という方は、この機会をお見逃しなく！

教材代金以外に必要な月額費用について 💰

本教材で解説する手法を実践するには、AIツールの利用料金が別途発生します。 「教材を買ったけれど、ランニングコストがかかると実践できない」という事態を防ぐため、あらかじめご予算をご確認ください。

【AI動画編集に最低限必要な費用】

AI動画編集では、最低一つはAIツールに課金する必要があり、最低月額費用が約3,000円かかります。

【その他、状況に応じてかかる費用】

Remotion 商用ライセンス：個人・小規模チーム（3人以下）は無料ですが、企業の商用利用は有料です。

この教材が「向いている方」と「向いていない方」

✅ この教材を特におすすめする方

最先端技術の「AI動画編集」を先取りしたい方
単純作業をAIに任せ、企画や演出などクリエイティブな部分に集中したい方
自分の頭の中にあるイメージを言語化するのが得意な方。

❌ ご購入を正直おすすめしない方

パソコンそのものに苦手意識があり、強い抵抗を感じる方
マウスのクリック操作だけで完結するような、直感的で簡単なツールを求めている方
月々の追加費用をかけずに動画編集をしたい方

上記内容と下記無料部分をご覧いただき、ご納得いただけましたら、本教材のご購入をご検討いただけますと幸いです。

はじめに

Firefly_Gemini Flash_Reference image-Operating a computer,using Remotion,Uses an AI coding editor,editing 762432.png

みなさん、こんにちは！

AIで音楽や動画を作って発信をしているりょーと申します。

この教材では、AIを使った新しい動画編集の方法を解説します。

Firefly_Gemini Flash_サムネイル風に図解して_「動画編集って、なんだか専門的で難しそう…」__動画編集に興味はあっても、そう感じて挑戦できずにいる方は多いのではないでしょう.png

「動画編集って、なんだか専門的で難しそう…」

動画編集に興味はあっても、そう感じて挑戦できずにいる方は多いのではないでしょうか。

確かにこれまで、動画編集には専用のソフトを使いこなす技術、もしくはプログラミングの知識が必要でした。

しかし、AIの登場がその常識を覆しました。

AIを使えば、専門的な知識やスキルは必須ではなくなったのです。（もちろんあった方がいいのは大前提ですが）

必要なのは、あなたが「作りたいもの」を言葉で伝えることだけ。

「この動画の音声を分析して、テロップを入れて」
「このデータをわかりやすくアニメーションにして」
「完成した動画をYouTube用に書き出して」

こんな日本語の指示だけで、AIがその内容を実現するために必要なコードを組み立て、実行までを自動で行います。

AIがあなた専用の「超優秀な動画編集アシスタント」になってくれるのです！

私自身も、知識や技術不足で諦めていた多くの演出を、このAIの力で実現することができました。

この記事では動画編集経験がまったくない方でも、AIを使って驚くほど簡単に動画編集を始める方法を、どこよりも分かりやすく解説します。

この教材で、あなたも言葉から映像を生み出す「未来の動画編集」を体験してみませんか？

もちろん経験者の方にとっても、これまで時間をかけていた手作業をAIに任せることで、制作時間を劇的に短縮できるという大きなメリットがあります。

ぜひご笑覧いただければ幸いです。

まず次の章で、この仕組みの主役となるAIとツールについてご紹介します！

AI動画制作の仕組み：AI×Remotion

「はじめに」でお話しした、あなた専用の「超優秀な動画編集アシスタント」。
一体どんな特別なAIなのか、気になりますよね。

この章では、私たちがこれから使っていくAIの正体と、そのAIが操る強力な映像生成ツールについて解説します。

この「最強タッグ」の役割分担を理解することが、AI動画制作マスターへの第一歩です！

動画編集アシスタント：コーディング支援AI

動画編集アシスタントAIの正体、それは「エージェント型コーディング支援AI」と呼ばれるものです。
ニュースで話題の「生成AI」や「対話型AI」の一種で、特に私たちの日本語の指示を、コンピュータが理解できる言葉（プログラムコード）に翻訳するのが得意なAIだと考えてください。

「え、やっぱりコードとかプログラミングが必要なの？」と不安に思ったかもしれません。
でも、心配は無用です。その複雑なコードを書くのは、すべてAIの仕事です。

私たちが普段、動画編集ソフトをマウスで操作するとき、その裏側では常にプログラムコードが動いています。AI動画編集では、この面倒な部分をすべてAIに実行してもらうことで、ソフトを使わずに動画を作っていきます。

この教材で主に活用、推奨するのは、以下のコーディング支援AIです。

Anthropic社 Claude Code 本教材のメイン解説で使用します。非常に高精度で指示への理解度が高いですが、利用には月額課金（Claude Pro）が必要です。
Google社 Antigravity 現在、プレビュー期間につき「無料」で利用できます。エディタとAIが一体化しており、環境構築が簡単なため、初心者の方に特におすすめです。
その他（OpenAI社 Codexなど）

基本的な指示の出し方や仕組みはどれも同じですが、現状では高精度かつ無料で使える「Antigravity」をおすすめします。

もしお気に入りのAIがあれば、そちらを使って進めても大丈夫です。

まずは「AIは、私たちの言葉をコードに翻訳してくれる超優秀なアシスタント」と覚えておきましょう。

コードから映像を生成：「Remotion」

さて、AIが私たちの指示をプログラムコードに翻訳してくれました。
しかし、コードはただのテキスト。それだけでは映像になりません。

そこで登場するのが、もうAI動画編集におけるもう一人の主役、映像生成ツール「Remotion（リモーション）」です。

Remotionは、プログラムコードを、実際に目に見える高品質なグラフィックやアニメーションに変換してくれるツールです。

「AIに書かせたコードが、映像に変わる」という魔法のような体験は、このRemotionがあるからこそ実現できます。具体的に、Remotionでできることは多岐にわたります。

テキストや画像、動画素材の表示とアニメーション
プログラムによる動的なグラフや図形の描画
BGMやナレーションといった音声の再生と音量調整
フェードイン・アウトなどの画面切り替え効果（トランジション）の実装

従来の動画編集ソフトで行うような作業のほとんどを、コードによって精密に制御できるのが最大の特徴です。

注意点: Remotionは個人利用や3人以下のプロジェクトでは無料ですが、企業やチームでの商用利用にはライセンスが必要です。詳細は公式サイトを必ずご確認ください。

コーディング支援AI×Remotionで動画編集

ここまでを整理しましょう。AI動画制作は、以下のシンプルな役割分担で成り立っています。

あなた: 「こんな動画を作りたい」と日本語で指示を出す司令塔。
AI（翻訳家）: あなたの指示を、プログラムコードに翻訳するアシスタント。
Remotion（実行役）: AIが書いたコードを元に、実際に映像を生成するツール。

この「あなた→AI→Remotion」という流れを使いこなすことで、専門的なソフトの操作を覚えることなく、言葉から映像を生み出す「未来の動画編集」が可能になります。

仕組みの全体像が見えたところで、いよいよ実践の準備です。
次の章では、この最強タッグをあなたのパソコンに迎え入れるための「環境構築」を行なっていきましょう！

【環境構築編】AI動画編集の準備をしよう！

ここからはいよいよ、あなたのパソコンに「超優秀なAIアシスタント」を迎え入れる準備を始めます。

「環境構築」と聞くと、少し難しく感じるかもしれませんが、安心してください。
簡単に言えば、「AIアシスタントがあなたのパソコンで働くための準備をする」ということです。

今回はMacにAntigravity、Claude Code、Codexをセットアップする方法を解説します。

ここを乗り越えれば、あとは言葉で指示するだけで動画ができていく、本当に楽しいパートが待っています。一つずつ、一緒に進めていきましょう！

私がMacのパソコンを使用しているため、Claude CodeとCodexについてはMacでのセットアップ方法のみの解説となってしまうことをご了承ください。Windowsを使用されている方は、むなかたさんの解説がとてもわかりやすいので、ぜひこちらを参考にセットアップしてみてください。

始める前に：料金プランとシステム要件の確認

①選べる3つのツールと料金体系

ご自身の予算と好みに合わせて、以下の3つから選んで進めてください。 12月時点では、まずは無料の「Antigravity」から始めることを推奨しています。

【A】Antigravity（無料・イチオシ！）

費用：¥0（※パブリックプレビュー期間中）

特徴：Google製の最新ツール。高性能AIが無料（使用料制限あり）で使え、環境構築も一番簡単です。

【B】Claude Code（サブスクリプション）

費用：月額 20ドル（約3,000円〜）

特徴：Anthropic社の「Claude Pro」プラン以上への加入が必要です。すでにClaude.aiを使用されている方におすすめです。

【C】Codex（サブスクリプション）

費用：月額20ドル（約3,000円〜）

特徴：OpenAIの「Plus」プラン以上の加入が必要です。すでにChatGPTを使用されている方におすすめです。

※初心者の方にはおすすめできませんが、Claude CodeやCodexには、利用量に応じた料金で利用できるAPI従量課金も用意されています。実際の料金は公式サイトでご確認ください。

②システム要件（パソコンのスペック）

お使いのパソコンが以下の要件を満たしているか確認してください。

対応OS

macOS 12以降 / Windows 10以上 / Linux glibc >= 2.28、glibcxx >= 3.4.25以上

必須ソフト

・Node.js(ver 18以上Codexを使う場合のみ：ver 22以上が必要です)

・Git 2.23以上

その他

安定したインターネット接続

「Node.js？Git？なにそれ？」と思った方も大丈夫です。これは、次のステップで一緒にインストールしていくので、現時点で入っていなくても問題ありません！それでは早速、環境構築を始めていきましょう！

咲耶吹き出し上線.png

Antigravityを利用する場合、Node.jsのインストールも依頼することができます！

最も簡単な方法なので、まずはAntigravityのセットアップ方法を解説しますね。

Antigravityのセットアップ手順

Firefly_An illustrated article thumbnail showing the girl from image_0.png sitting excitedly 233167 (1).png

ステップ1：Antigravityの初期セットアップ

①公式サイトからアプリをダウンロード スクリーンショット 2025-12-13 9.34.28.png

まずはAntigravityの公式サイト（https://antigravity.google/）からアプリを

ダウンロードしましょう。

②起動とセットアップ開始 スクリーンショット 2025-12-13 9.50.02.png

アプリを起動すると「Welcome to Antigravity」という画面が表示されます。

「Next」をクリックして進みます。

③セットアップフローの選択 スクリーンショット 2025-12-13 9.50.19.png

「Start fresh（新規で始める）」を選択した状態で「Next」をクリックします。

※他のエディタ（VS Codeなど）の設定を引き継ぎたい場合は他の選択肢を選びますが、基本は新規で問題ありません。

④テーマの選択 スクリーンショット 2025-12-13 9.50.32.png

エディタの見た目（色）を選びます。

「Light（白背景）」、「Dark（黒背景）」などお好みで選んで「Next」を押してください。

⑤AIエージェントの設定 スクリーンショット 2025-12-13 9.50.49.png

Antigravityの目玉機能である「AIエージェント」が、どこまで自由に動いて良いかを決める設定です。

基本は推奨設定でOKですが、セキュリティが気になる場合や、慎重に進めたい場合は他の設定を選ぶことも可能です。

1.開発モードの選択 (Development Mode) Firefly_図解して下さい_① 開発モードの選択 (Development Mode)_AIがどのように開発に関わるかを選びます。__Agent-assisted developme 233167.png

AIがどのように開発に関わるかを選びます。

Agent-assisted development (RECOMMENDED) 【推奨】
説明: AIが最も実力を発揮できるモードです。AIはコードを書くだけでなく、ファイルを作成したり、ターミナルでコマンドを実行したりと、能動的に開発を助けてくれます。
Agent-driven development
説明: AIが主体となって開発を進めるモードです。「アシスト」よりもさらにAIの自律性が高くなりますが、現時点では「Assisted」の方が安定して使いやすいことが多いです。
Review-driven development
説明: 人間がコードを書き、AIはそれを「レビュー（チェック）」したり、アドバイスをくれたりする役割に徹します。勝手にファイルを書き換えられたくない場合に選びます。
Custom configuration
説明: 細かい権限をすべて自分で手動設定する上級者向けモードです。

2.ターミナル実行ポリシー (Terminal execution policy) Firefly_一番上のキャラクター以外はAIを模したロボット風のキャラクターにして下さい 298819.png

AIがコマンド（黒い画面での命令）を実行する際のルールです。

Auto 【推奨】
説明: 安全なコマンドであれば、AIが人間に許可を求めず自動で実行します。いちいち「実行していいですか？」と聞かれないので、開発が非常にスムーズに進みます。
Turbo
説明: ほぼすべてのコマンドを許可なしでガンガン実行します。「Auto」よりもさらに高速ですが、少しリスクも上がります。
Off
説明: AIによるコマンド実行を一切禁止します。AIはコードの提案しかしなくなります。

3.レビューポリシー (Review policy) Firefly_Gemini Flash_図解して下さい。パソコンを操作するキャラクターは参照画像１枚目。AIは参照画像２枚目のロボット___レビューポリシー (Review policy)__AIが作業を進める 258862.png

AIが作業を進める際、どのタイミングで人間に確認を求めるかの設定です。

Agent Decides 【推奨】
説明: AI自身が「これは人間に確認したほうがいいな」と思った時だけ確認を求めてきます。基本はAIにおまかせです。
Always Review
説明: AIが何かアクションを起こすたびに、必ず人間の承認が必要になります。安心感はありますが、クリックする回数が激増して手間がかかります。
Never Review
説明: 一切確認を求めず、AIが突き進みます。

咲耶吹き出し上線.png

おすすめの設定： 初心者のうちは、最もバランスが良い以下の組み合わせで進めてください。

モード：Agent-assisted development
Terminal execution：Auto
Review policy：Agent Decides

吹き出し下線.png

設定できたら「Next」をクリックします。

⑥エディタ設定と拡張機能 スクリーンショット 2025-12-13 9.51.31.png

ここでは、エディタの操作感や便利機能を設定します。一見難しそうに見えますが、それぞれの意味を知っておくと安心です。

1. Keybindings（キーバインディング） Firefly_図解して下さい。_1. Keybindings（キーバインディング）__キーボードの操作モードを選びます。______Normal 【絶対推奨】__説明- 一般的なメモ帳 760403.png

キーボードの操作モードを選びます。

Normal 【絶対推奨】
説明: 一般的なメモ帳やWord、VS Codeと同じ操作感です。「Ctrl+Cでコピー」「Ctrl+Vで貼り付け」など、普段どおりの操作ができます。
⚠️注意: 初心者は必ず「Normal」を選んでください。
Vim
説明: マウスを使わず、キーボードだけでカーソル移動や編集を行う上級者（プログラマ）向けの特殊な操作モードです。
⚠️注意: 操作方法を知らない人がこれを選ぶと、文字入力すらまともにできなくなります（エディタが壊れたと勘違いするほど操作が変わります）。

2.Extensions（拡張機能） Firefly_図解して。_2.Extensions（拡張機能）______Install 7 Extensions__説明- Antigravityがスムーズに動くために必要な「基本装 108578.png

Install 7 Extensions
説明: Antigravityがスムーズに動くために必要な「基本装備セット」を自動でインストールするかどうかの設定です。
中身は何？: PythonやJavaScriptといったプログラミング言語を、Antigravity（とAI）が正しく理解・サポートするためのツール群です。
なぜチェックするの？: これを入れておかないと、AIがコードをうまく読み取れなかったり、色分けがされなかったりします。手動で入れるのは面倒なので、ここでチェックを入れて一気に入れてしまいましょう。

3.Command Line（コマンドラインツール） Firefly_図解して。_3.Command Line（コマンドラインツール）_Install the command line tool... agy_説明- AntiGravity 957730.png

Install the command line tool... agy
説明: AntiGravity の略称です。このツールをインストールしておくと、ターミナルで agy . と入力するだけで、現在のフォルダをAntigravityエディタで開けるようになります（VS Codeの code コマンドと同じ役割です）。

特にこだわりがなければ、すべてデフォルトのままでOKです！

「Next」をクリックして次に進みましょう。

⑦Googleアカウントでログイン スクリーンショット 2025-12-13 9.52.34.png

「Sign in with Google」ボタンを押し、ブラウザでご自身のGoogleアカウントを選択してログインします。認証が成功すると「You have successfully authenticated.」と表示されます。

スクリーンショット 2025-12-13 9.53.37.png

Antigravityのアプリに戻って利用規約（Terms of Use）を読んで、「Next」を押せば、初期設定は完了です！

スクリーンショット 2025-12-13 10.11.46.png

利用規約には以下のようなことが書かれています。

セキュリティ上のリスクがあります。（データ漏洩、悪意のあるコードの実行など）
機密性の高いデータを処理することは避けて下さい。
エージェントによって実行されるすべてのアクションを確認してください。

チェックボックス付きの箇所に書かれているのは、Googleが操作や行動に関するデータを収集して使用して良いかの確認です。

OKの場合はチェックを入れ、収集されたくない場合は空欄のままNextボタンで次に進みましょう。

ステップ2：日本語化プラグインの導入

スクリーンショット 2025-12-13 10.11.53.png

初期設定が終わると、Antigravityのスタート画面に切り替わります。

咲耶吹き出し上線.png

Antigravityはベースが「VS Code」というエディタなので、VS Code用の便利なプラグイン（拡張機能）がそのまま使えます。今回は使いやすくするために日本語化プラグインを入れておきましょう。

吹き出し下線.png

① 日本語化パックのインストール

スクリーンショット 2025-12-13 10.13.07.png

画面左側のアイコン列から「四角いブロックのようなアイコン（Extensions）」をクリックします。
検索バーに「japanese」と入力します。
一番上に出てくる「Japanese Language Pack for Visual Studio Code」の「Install」ボタンをクリックします。
インストール後、右下に表示される「Change Language and Restart」ボタンを押すと、エディタが再起動して日本語になります。

咲耶吹き出し上線.png

私が導入しているプラグインは今のところこれだけです。

AI動画編集に便利なプラグインを見つけたら、またお知らせします。

吹き出し下線.png

ステップ3：AIモデルと会話モードを選ぶ スクリーンショット 2025-12-13 10.31.52.png

Antigravityの凄いところは、GoogleのAIだけでなく、他社の最強AIたちも自由に切り替えて使える点です。

①AIモデルの選び方

Firefly_日本語でわかりやすく図解してください。__コア推論モデルとして、Antigravity は Google Vertex Model Garden から最先端のモデルを提供 132990.png

チャット入力欄の下にあるセレクトボックス（Gemini 3Proなどのワードがある方）で、好きなAIモデルを選びましょう。

AIモデルにはそれぞれ特徴があり、アップデートで仕様も変わります。

実際に使ってみながら、うまく作業してくれるAIを選定していきましょう。

咲耶吹き出し上線.png

私はメインでClaude Opus4.5を使用しています。

吹き出し下線.png

② Conversation Mode（会話モード）の選び方 Firefly_日本語でわかりやすく図解してください。__会話レベル_新しいエージェント会話を開始するときに、ユーザーは複数のモードから選択できます。__計画：エージェントはタ.png

「誰に頼むか（モデル）」が決まったら、次は「どう仕事を進めるか（モード）」を指定します。

公式ドキュメントでは、

詳細な調査、複雑なタスク → Planning
速度が重要な単純なタスク → Fast

と推奨されています。

しかし、Claude Opus 4.5では、Fastモードでも「タスクの複雑さ」に応じて計画の詳細さを自動調整してくれます。

不要な説明を省略しつつ、必要な計画はしっかり立ててくれるイメージです。

咲耶吹き出し上線.png

私は主にFastモードで作業を行っています。

吹き出し下線.png

おすすめの使い方は、普段はFastモードで作業し、

途中で詰まった、意図と違う方向に進んだとき
複数ファイルにまたがる大規模リファクタリング
調査→設計→実装のフェーズがある新規機能開発

などの場合にPlanningに切り替える使い方です。

ステップ4：自分専用AIに育てる「ルール」

① Rules（ルール） Firefly_Gemini Flash_日本語でわかりやすく図解してください。__① Rules（ルール）__AIが絶対に守るべきルールを決めます。__これを設定するだけで、AIの品質が劇的に上がります。___ 6.png

AIが絶対に守るべきルールを決めます。

一度設定しておくと、AIに何度も同じ指示を出す必要がなくなりとても便利です。

設定できるルールには、どのプロジェクトでも適用されるGlobal Rulesと、現在のプロジェクトだけで有効となるWorkspace Rulesがあります。

1.チャット欄右上の「…」から「Customizations」を開きます。

スクリーンショット 2025-12-13 10.34.27.png

2.+ Globalから、どのプロジェクトを開いても適用される「基本のルール」を決めます。 スクリーンショット 2025-12-13 10.34.45.png

+ Globalをクリックすると、画面中央にGEMINI.mdというファイルが開きます。

その中の「Write your Global rules for Agent here」の箇所にルールを記入していきます。

# Global rules 一例
- 回答はすべて「日本語」で行ってください。
- コードを書くときは、初心者にもわかるようにコメント（解説）を必ず入れてください。

スクリーンショット 2025-12-13 10.36.14.png

記入が完了したら、メニュー欄の「ファイル」→「保存」もしくは⌘+Sで内容を保存します。

その後Rulesという文字の隣にある更新ボタンを押すと、ルールが適用されます。

Rulesの下に現れるGlobalと書かれた白い枠が反映されたGlobal Rulesです。

最初にクリックした+ Globalというボタンは消えてしまいますが、この白枠をクリックすることで編集が可能で、いつでも追加・削除することができます。

3.+ Workspaceで現在のプロジェクトだけで有効なルールを決める。 スクリーンショット 2025-12-23 20.22.18.png

+ Workspaceをクリックすると、画面中央に今から作成するルールの名称を入力する欄が現れます。

ここに「何をするためのルールなのかがわかる」わかりやすい名称を入力してルールを設定していきます。

咲耶吹き出し上線.png

Workspace Rulesを活用するのは、実際にプロジェクトを作り始めるときなので、詳しい設定方法はまた後ほど解説しますね。

吹き出し下線.png

以上でAntigravityの基本設定は完了です！

Node.jsのインストール手順（Mac/Homebrew利用）

次はNode.jsをインストールしましょう。

Remotionはもちろん、Web開発などで必須のJavaScript実行環境です。

咲耶吹き出し上線.png

Antigravityをセットアップした方は、Antigravityのチャット欄で「Node.jsをインストールしてください。」と依頼しましょう。Antigravityが以下で説明する内容の実行・サポートをしてくれます。Antigravityを使わない方は、以下の手順で進めてください。

吹き出し下線.png

Macの場合、パッケージ管理ツールのHomebrewを使ってインストールするのが最も簡単です。

①準備：前提条件の確認

この手順は、MacのmacOS環境を対象としています。

②ターミナルの起動

まず、コマンドを入力するためのアプリ「ターミナル」を起動します。

起動方法: Finderを開き、「アプリケーション」→「ユーティリティ」→「ターミナル」の順にクリックします。または、Spotlight検索（⌘＋スペースキー）で「ターミナル」と入力して起動します。

③Homebrewの確認（必須ツール）

Homebrewは、Macで便利なアプリやツールを簡単に入れるためのパッケージ管理ツールです。Node.jsをインストールする前に、Homebrewがあなたのパソコンに入っているか確認します。

以下のコマンドをターミナルにコピー＆ペーストして実行し、Enterキーを押してください。

brew --version

【実行結果の判断】

Homebrew 4.x.x のようにバージョン番号が表示されたらHomebrewはインストール済みです。⑥に進んで、Node.jsをインストールしましょう。

command not found と表示された人は、Homebrewがまだ入っていません。⑤に進んで、Homebrewをインストールしましょう。 |

④Homebrewのインストール（未導入の場合のみ）

Homebrewがまだ入っていない場合は、Homebrewのサイト（ https://brew.sh/ja/）にアクセスし、トップページにあるコマンド（赤枠内）をコピペ。ターミナルに貼り付けて実行し、Homebrewをインストールします。

注意点: インストール時にパスワード（Macのログインパスワード）の入力が求められますが、画面には何も表示されなくても入力されています。

インストール完了後、ターミナルに表示される指示に従って、環境変数の設定（PATHの設定）を行う必要がある場合があります。指示されたコマンド2行を１行ずつコピペして実行してください。以下は一例です。

 echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile

eval "$(/opt/homebrew/bin/brew shellenv)"

設定が完了したら、もう一度以下のコマンドでバージョンが表示されるか確認しましょう。

brew --version

⑤Node.jsのインストール

Homebrewの準備ができたら、いよいよNode.jsをインストールします。以下のコマンドを実行してください。

brew install node

Node.jsの最新バージョンとそのパッケージマネージャーであるnpmがインストールされます。

⑥インストールの確認

Node.jsと、パッケージ管理ツールであるnpm（Node Package Manager）が正しくインストールされたか確認します。

Node.jsのバージョン確認:

node -v

npmのバージョン確認:

npm -v

どちらもバージョン番号（例: v20.12.2 や 10.8.1 など）が表示されれば、インストールは完了です！

Claude Codeのセットアップ手順

次はClaude Codeをインストールし、初期設定をしていきましょう。

①Claude Codeをインストール

以下のコマンドをコピペしてターミナルで実行します。

 npm install -g @anthropic-ai/claude-code

②Claude Codeを起動

インストールプロセスが完了したら、以下のコマンドをコピペしてプロジェクトフォルダに移動して、Claude Codeを開始します。（Claude Codeと安全に作業するために、あらかじめ作業用フォルダを作成し、そこに移動してから起動することを推奨します。）

cd your-awesome-project
claude

cd cd your-awesome-projectでフォルダを移動し、claudeでClaude Codeを起動します。

your-awesome-projectの箇所にはファイルのパス名（コンピューターのファイルシステム上でファイルやフォルダがどこにあるのかを示す住所のような文字列）を入力します。Macの場合、フォルダ上にカーソルを合わせてoption キーを押しながら、右クリックで表示されるメニュー内の「パス名をコピー」からコピーすることができます。もしくは、ターミナルにcd＋半角スペースを入力してから、プロジェクトフォルダをターミナルにドラッグ&ドロップすることでパス名が入力されます。

③テーマカラーを選択

上下矢印キーで選択します。好きなカラーを選びましょう。

 Choose the text style that looks best with your terminal:
 To change this later, run /theme

 ❯ 1. Dark mode
   2. Light mode
   3. Dark mode (colorblind-friendly)
   4. Light mode (colorblind-friendly)
   5. Dark mode (ANSI colors only)
   6. Light mode (ANSI colors only)

④課金方法を選択

「4-1.料金体系を理解しよう」でもお話ししましたが、1.サブスク課金と2.従量課金が用意されています。特に理由がない場合は、サブスク課金での利用を選択することをおすすめします。

 Select login method:

 ❯ 1. Claude account with subscription
      Starting at $20/mo for Pro, $100/mo for Max - Best value, predictable pricing

   2. Anthropic Console account
      API usage billing

⑤Claude.aiにログインする。

ブラウザに切り替わり、Claude.aiへのログインが求められます。Claude.aiに登録した方法でログインしてください。

⑥Claude CodeとClaude chat accountの接続を承認

黒い「承認」ボタンを押すことで、Claude CodeでClaudeサブスクリプションを利用することに承認します。

以下のような画面が表示されたら準備完了です。

⑦ターミナルに戻り、ログイン状況を確認

ブラウザを閉じてターミナルに戻りましょう。

「Login successful.」と表示されていれば成功です。

Enter キーを押して以下のような画面が表示されれば、Claude Codeのセットアップは完了です！入力カーソルが表示されている位置がチャット欄で、ここにClaude Codeへの指示を入力していきます。

次回以降Claude Codeを起動する際は、ターミナルに

 claude

と入力するだけでOKです！

Codexのセットアップ手順

①Codexをインストール

以下のコマンドをコピペしてターミナルで実行します。

brew install codex

②Claude Codeを起動

インストールプロセスが完了したら、プロジェクトフォルダに移動してCodexを開始します。（Codexと安全に作業するために、あらかじめ作業用フォルダを作成し、そこに移動してから起動することが推奨します。）

cd your-awesome-projectの意味がわからない方は、4-4.Claude Codeのセットアップ手順の②を確認してください。

cd your-awesome-project
codex

③課金方法を選択

「4-1.料金体系を理解しよう」でもお話ししましたが、1.サブスク課金と2.従量課金が用意されています。特に理由がない場合は、サブスク課金での利用を選択することをおすすめします。

>_ Welcome to Codex, OpenAI's command-line coding agent
> Sign in with ChatGPT to use Codex as part of your paid
plan
or connect an API key for usage-based billing
> 1. Sign in with ChatGPT
Usage included with Plus, Pro, and Team plans
2. Provide your own API key
Pay for what you use
Press Enter to continue

④ChatGPTにログインする

ブラウザに切り替わり、ChatGPT へのログイン画面が表示されます。ChatGPTに登録した方法でログインしてください。

黒い「続行」ボタンをクリックします。

以下の画面が表示されたらサインイン成功です。ブラウザを閉じてターミナルに戻りましょう。

⑤注意事項を確認

ターミナルに戻ると、Signed in with your ChatGPT accountという表示の下に、英語で注意書きが記載されています。要約すると

Codexにどこまで自律的に作業させるか決めれるよ。
Codexは間違うこともあるので、コードやコマンドはちゃんと確認してね。
ChatGPTアカウントで動作し、プランの上限などが適用されるよ。

という内容が書かれています。確認したらEnter キーで次に進んでください。

>_ Welcome to Codex, OpenAI's command-line coding agent
Signed in with your ChatGPT account
• Before you start:
Decide how much autonomy you want to grant Codex For more details see the Codex docs
Codex can make mistakes
Review the code it writes and commands it runs
Powered by your ChatGPT account
Uses your plan's rate limits and training data preferences
Press Enter to

⑥承認モードを選択

次は承認モードを選択します。２はcodexが毎回「この編集・コマンドでいいですか？」と確認してくれる安全なモードです。初心者のうちはこちらを選びましょう。

 > Welcome to Codex, OpenAI's command-line coding agent
Signed in with your ChatGPT account
› You are running Codex in /Users/
Since this folder is not version controlled, we recommend requiring approval of all edits and commands.
1. Allow Codex to work in this folder without asking for approval
> 2. Require approval of edits and commands
Press Enter to continue

Enter キーを押して以下のような画面が表示されれば、Codexのセットアップは完了です！入力カーソルが表示されている位置がチャット欄で、ここにCodexへの指示を入力していきます。

次回以降Codexを起動する際は、ターミナルに

 codex

と入力するだけでOKです！

次の章では、動画制作・編集の手順に進む前に、AIとの共同作業を安全に進めるための準備を行います。