---
title: "ウォークスルー動画作成：アプリの機能を紹介 | Potto AI"
description: "アプリやソフトの機能を教えるウォークスルー動画作成。リンクや画面を追加すると、Potto AI が手順、ナレーション、字幕を作り、MP4 に書き出します。"
canonical: "https://potto.ai/ja/product-walkthrough-video"
language: "ja"
dateModified: "2026-10-10"
---

# ウォークスルー動画作成

一つの機能を手順に沿って紹介。スクリーンショットや商品ページのリンクを追加すると、Potto がナレーションと字幕付きの操作ガイド動画に変えます。MP4 に書き出す前に、シーンごとに編集できます。

## 製品のウォークスルー動画の作例

背景削除ページのリンクから、動画タイプを「機能ガイド」にして作った作例を紹介します。ほかにも、AI 画像生成のスクリーンショット 3 枚、PDF のクイックスタートガイドや講座の配布資料を使い、手順を順番に見せています。残る 2 つの画面比率の参考として、縦型と正方形の作例もあります。ポスターを選ぶと再生できます。

### 背景削除の手順

*16:9・30 秒*

背景削除ページのリンクから、動画タイプを「機能ガイド」にして作成。取得したページでアップロード手順を示し、背景を削除して、透過した切り抜き画像か背景付きの合成画像を選びます。BGM 付きで、ナレーションはありません。

### 3 枚の画面から作る AI 画像生成の紹介

*16:9・28 秒*

アップロードした AI 画像生成のスクリーンショット 3 枚を、ナレーション付きの手順説明デモに。説明文を作り、3 行入力し、モデルを選ぶ流れを、動画タイプ「製品デモ動画」で作成しています。

### PDF マニュアルから作るケトルの使い方

*16:9・34 秒*

作例用のクイックスタートガイドを PDF でアップロードし、使い方動画に。初回の使い方、温度設定、お手入れを、各シーンで一つずつ説明します。

### 講座の配布資料から 6 ステップを紹介

*16:9・40 秒*

作例用の生物の配布資料を PDF でアップロードし、6 つの手順を順番に、各画面で一つずつ説明する授業動画にします。

### スマートフォン向けの縦型画面

*9:16・25 秒*

作例用の研究要約 PDF を 9:16 の動画に。研究の問い、大きな数値で示す 3 つの結果、研究の限界を伝えます。スマートフォンで操作ガイドがどのような画面になるかを示す作例です。

### フィード向けの正方形画面

*1:1・22 秒*

作例用の年次レポート PDF を、3 つの数値にそれぞれ短い文章を添えた 1:1 の要約に。フィードやメール向けの正方形画面を示す作例です。

*作例には Potto 自身のページやスクリーンショット、当社が作成した文書を使っています。文書内の企業や数値は架空で、お客様のプロジェクトを録画したものではありません。*

## ストーリーボードの一行から操作ガイドの一場面へ

背景削除ガイドの最後の手順を、ストーリーボードの一行と動画の一場面で比較します。画面上の文字はストーリーボードから取り、シーンのレンダリング時にレイアウト、アイコン、動きを加えています。

*ストーリーボードの一行・機能ガイド*

シーン 4／5・7 秒. 画面上の文字

- Transparent cutout
- Flattened composite

*動画フレーム・0:24・16:9*

### ストーリーボードの各行に入るもの

機能ガイド動画の各手順は、ストーリーボードの一行に対応します。その手順で表示する文章と、ナレーションを使う場合は読み上げる文章が入ります。Potto はリンクやスクリーンショットを基に作業順に行を構成するため、最後の手順は必要な操作を終えた後に配置されます。

### フレームが見せること

同じ文章を、手順のシーン内で短いラベルとして表示し、ページリンクから取得した色とロゴを使います。この作例では、アップロード手順にリンクから取得した背景削除ページを表示し、その後の手順ではラベルとビフォーアフターのシーンを使っています。自分のスクリーンショットを追加すれば、どの手順でも実際のインターフェースを見せられます。

### 書き出す前に確認すること

ソフトウェアの操作ガイド動画の各行を実際の製品と照合し、ボタン名、操作の順序、画面の結果を確認してください。ストーリーボードの表示文を編集し、必要な箇所は実画面のスクリーンショットに差し替え、書き出す前にもう一度プレビューします。

## 機能ガイド動画が役立つ場面

製品のウォークスルー動画は、「この機能はどう使うのか？」という一つの疑問に答えます。視聴者がその疑問を持つ場所を選び、それに合わせて画面の形、長さ、手順の数を決めましょう。

### ヘルプセンターの記事

*16:9 · 30s*

使い方記事の冒頭に操作ガイドを置くと、詳しい説明を読む前に全手順を確認できます。動画ごとに一つの作業を扱い、アプリと同じボタン名を使い、ヘルプセンターやドキュメントページには 16:9 を選びましょう。インターフェースが変わったら、古いガイドを公開したままにせず、スクリーンショットを差し替えてください。

### 機能更新・リリースノート

*16:9 · 28s*

機能を追加・変更したときは、短いソフトウェアの操作ガイド動画で、その場所と現在の使い方を見せられます。ユーザーが知っている画面から始め、新しい手順を順に示し、結果で締めくくります。メリットや提供時期を告知するなら、操作ガイドより製品発表動画が適しています。

### 新規ユーザー向けの導入案内

*16:9 · 34s*

機能ごとにアプリの使い方動画を用意し、新規ユーザーが最初に行う作業を教えます。スマートフォンやアプリ内メッセージには 9:16、フィードやメールには 1:1 が向いています。最後は、製品内で次に行う操作を示してください。

## 製品のウォークスルー動画作成の手順

上部の作成欄から、機能ガイド動画を 3 ステップで作れます。生成とプレビューは無料で、書き出す前に消費クレジットが表示されます。

### 1．リンクやスクリーンショットを追加

公開の商品リンクを貼り付けるか、各手順のスクリーンショットを順番にアップロードします。添付はプロジェクトごとに最大 8 点です。動画タイプを「機能ガイド」に設定し、紹介する機能、対象者、到達してほしい結果を短い文章で説明してください。

### 2．各手順を確認

構成案とストーリーボードを製品と照合します。各シーンの文章やナレーションを編集し、スクリーンショットを差し替えたり、注目箇所を選んだりして、正しい操作部分を示すようにします。機能名はアプリの表示どおりに保ってください。

### 3．プレビューして MP4 に書き出す

ブラウザで操作ガイドを無料プレビューします。1080p の MP4 を 30 fps、16:9、9:16、1:1 で書き出せます。クレジットを使うのは書き出し時だけで、長さ、ナレーション、イラストに応じて決まります。

## Potto がウォークスルー動画を作る仕組み

画面録画には、クリック、待ち時間、操作ミスまで記録されます。Potto は製品の画面から操作ガイドを組み立てます。Claude Opus 5.5 が一つの機能を一連の手順にまとめ、スクリーンショットを映像に使い、ナレーション、字幕、BGM を追加します。そのため、未編集の録画ではなく、編集済みのチュートリアルとして見せられます。

### 公開リンクや自分のスクリーンショットから開始

公開の http または https ページを指定すると、Potto はそのページと同じサイト内の最大 2 ページを追加で読み取り、ブランド名、色、フォント、ロゴを取得し、最初の画面を 1440×900 でキャプチャします。ログインが必要なページは読み取れないため、ログイン後のアプリの使い方動画にはスクリーンショットをアップロードしてください。

- 公開ページと同じサイト内の最大 2 ページを読み取り
- ログイン後の画面はスクリーンショットを使用

*背景削除の作例でリンクから取得したページ*

リンクから取得した背景削除ページを見せる、製品操作ガイド動画のアップロード手順

### 一つの機能を順番に教える台本

動画タイプ「機能ガイド」では、Claude Opus 5.5 が構成案、ストーリーボード、ナレーション台本を、入力画面の順序に沿った番号付き手順として作成します。各操作と、それによって変わることを示します。シーンは Potto の Remotion シーンコンポーネントでレンダリングし、AI 生成のイラストとナレーションを付けます。

- Claude Opus 5.5 が構成案・ストーリーボード・台本を作成
- 画面の順序に沿って手順を構成

*背景削除の作例の手順シーン*

背景削除ガイドの作例の手順シーン。4 クレジットで背景を削除し、輪郭を確認してから、髪や隙間を点検

### スクリーンショットを映像に

ソフトウェアの操作ガイド動画は、ユーザーが実際に見る画面を示してこそ役立ちます。Potto はスクリーンショットをシーンに配置し、それぞれの注目箇所の選択、新しい画面への差し替え、イラストの置き換えに対応します。ガイド全体を作り直さずに、一つの手順を修正できます。

- スクリーンショットごとに注目箇所を選択
- 最初から作り直さずに画面を差し替え

*AI 画像生成の作例でスクリーンショットを使ったシーン*

アップロードした 3 枚の画面から作ったデモのシーンに配置した Potto AI 画像生成のスクリーンショット

### 32 言語のナレーションと字幕

32 言語からナレーションの言語を選ぶか、Potto の自動判定を使えます。字幕は発話に合わせて単語ごとにハイライトされます。BGM は Potto 独自のオリジナル楽曲ライブラリからスタイルと長さに合わせて選ばれ、変更も可能です。書き出す前に一度聞いて、製品名やボタン名を確認してください。

- ナレーションは 32 言語・自動判定に対応
- 単語ごとの字幕

*ケトルのマニュアルの作例の字幕付きシーン*

PDF マニュアルから作ったケトルのクイックスタート動画の作例の、字幕付きシーン

### 操作ガイドを 3 つのアスペクト比で書き出す

1080p の MP4 を 30 fps で書き出せます。ヘルプセンターやドキュメントページには 16:9（1920×1080）、スマートフォンやアプリ内メッセージには 9:16（1080×1920）、フィードには 1:1（1080×1080）を選べます。アスペクト比で料金は変わらないため、操作ガイドを再生する場所に合う画面を選んでください。

- 16:9、9:16、1:1 の画面
- アスペクト比で料金は変わりません

*16:9、9:16、1:1 の作例*

Potto の 3 つの作例の、横長・縦型・正方形の画面

## Potto AI をさらに見る

各ウォークスルー動画では、一つの機能を教えます。こちらでは、ほかの種類の動画を紹介しています。

- [商品紹介動画](https://potto.ai/ja/product-video.md): 新情報と、そのメリット・提供時期を知らせます。
- [解説動画](https://potto.ai/ja/explainer-video.md): 一つの機能ではなく、考え方や流れを説明します。
- [AI 動画生成](https://potto.ai/ja/ai-video-generator.md): 説明文から始めて、内容に合わせて動画の種類を選びます。
- [モーショングラフィックス AI](https://potto.ai/ja/ai-motion-graphics.md): 動く文字からデータのストーリーまで、Potto の全動画スタイルを紹介します。
- [デモ動画作成](https://potto.ai/ja/product-demo-video.md): スクリーンショットやリンクから、製品の使い方を見せます。
- [YouTube Shorts ショート動画作成](https://potto.ai/ja/youtube-shorts-maker.md): プロンプト、リンク、スクリーンショットから縦型の Shorts を作成します。

## ウォークスルー動画作成のよくある質問

製品のウォークスルー動画とは何か、デモとの違い、書き出し前に知っておきたい入力素材、編集、料金を解説します。

### 製品のウォークスルー動画とは何ですか？

製品のウォークスルー動画とは、実際のインターフェースで手順を順番に示し、製品や特定の機能の使い方を教える短い動画です。通常はナレーションと字幕を付け、視聴者が自分のアプリで同じ操作と結果を再現できるようにします。Potto のウォークスルー動画作成は、スクリーンショットや商品リンクから始められます。手順を構成し、動きのあるシーンに画面を配置して、ナレーション、字幕、BGM を追加します。画面録画やデジタルプレゼンターの生成は行いません。

### ウォークスルー動画とデモ動画はどう違いますか？

ウォークスルー動画は一つの機能を手順ごとに教え、デモ動画は製品全体の機能や価値を紹介します。デモが「使うべきか？」に答えるのに対し、ウォークスルーはすでに製品を開いている人の「どう操作するか？」に答えます。Potto では別の動画タイプなので、操作方法を教えるなら「機能ガイド」、全体像を紹介するなら「製品デモ動画」を選んでください。

### 動画タイプの「機能ガイド」とは何ですか？

「機能ガイド」は、Potto の作成欄にある動画タイプの選択肢です。自動、製品デモ動画、解説、製品リリース、記事を動画に、データストーリーと並んでいます。入力した画面の順序に沿って、一つの機能を番号付きの手順で説明するよう AI に指示します。全体の概要ではなく機能の操作ガイドを作りたいときは、自動ではなく「機能ガイド」を選んでください。

### 製品のウォークスルー動画はどう作りますか？

上部の作成欄で各手順のスクリーンショットや公開の商品リンクを追加し、動画タイプを「機能ガイド」に設定してください。機能、対象者、到達してほしい結果を短い文章で説明すると、Potto が構成案、ストーリーボード、ナレーション、字幕を作成します。各手順を製品と照合し、ブラウザで無料プレビューを確認してから MP4 に書き出します。

### リンクとスクリーンショットのどちらから始めるべきですか？

公開ページにはリンクを、ログインが必要な画面にはスクリーンショットを使ってください。Potto は指定された公開の http または https ページと同じサイト内の最大 2 ページを追加で読み取り、最初の画面を 1440×900 でキャプチャします。ログインが必要なページは読み取れないため、ログイン後のアプリの使い方動画には、各手順のスクリーンショットを順番にアップロードしてください。プロジェクトには、スクリーンショットと文書を合わせて最大 8 点を添付できます。

### 操作ガイド用に画面録画をアップロードできますか？

現在はできません。Potto は画面録画などの既存動画を分析・編集するのではなく、スクリーンショット、公開ページのリンク、文書から新しいウォークスルー動画を作ります。録画がある場合は、各手順の静止画を書き出し、そのスクリーンショットを順番にアップロードしてください。

### 書き出す前に手順を編集できますか？

はい。書き出す前に、ソフトウェアの操作ガイド動画の各シーンで、画面上の文章とナレーション台本を編集できます。映像は、スクリーンショットの差し替え、注目箇所の選択、AI イラストの再生成やアップロード画像への置き換えが可能です。変更するたびにプレビューを見て、各手順を実際の製品と照合してください。

### ブランドの色やロゴは操作ガイドに反映されますか？

はい。ブランドキットを選ぶかデフォルトのブランドを有効にすると、4 色のブランドカラーが映像に適用されます。フォントは Inter、Space Grotesk、Bricolage から選べ、ロゴは冒頭と締めくくりのシーンに表示されます。リンクから始める場合は、Potto がそのページからブランド名、色、フォント、ロゴも取得します。

### ナレーションはどの言語に対応していますか？

32 言語から選ぶか、Potto の自動判定を使えます。字幕は発話に合わせて単語ごとにハイライトされます。ソフトウェアの操作ガイド動画では、書き出す前に一度聞いて、製品名、メニュー名、略語を確認してください。視聴者が自分の画面で探すのは、これらの言葉です。

### どの形式で書き出せますか？

Potto はすべてのウォークスルー動画を MP4、1080p、30 fps で書き出します。ヘルプ記事には 16:9（1920×1080）、スマートフォンには 9:16（1080×1920）、フィードやメールには 1:1（1080×1080）を選べます。4:5 の画面と GIF 書き出しには対応していません。

### ウォークスルー動画には何クレジットかかりますか？

ブラウザでの操作ガイド動画の生成とプレビューは無料です。クレジットを使うのは書き出し時だけです。料金は動画の長さ、ナレーションの長さ、AI イラストの枚数で決まり、アスペクト比では変わりません。例えば、英語ナレーション付き・イラストなしの 30 秒動画は 153 クレジット、イラストを 2 枚加えると 199 クレジットです。各アカウントは 1 日に最大 30 件の動画プロジェクトを開始し、最大 60 枚のイラストを生成できます。

## 製品のウォークスルー動画を作る

スクリーンショットや商品リンクを追加し、各手順を確認。操作ガイドを MP4 に書き出す前に、消費クレジットを確認できます。