図解モーション工房の無料試作「3ステップ手順図メーカー」です。 3つの見出しと短い説明を入れて、順番に現れる6秒の手順図を作れます。 Windows版CapCutで解説動画を作り、短い図解パーツを挿入したい方に向けた無料試作です。 【無料版でできること】 ・3つの見出しと説明を変更。改行を反映。 ・青緑・青・紫の3配色。 ・横長1レイアウトの再生、一時停止、最初から再生。 ・1280×720、6秒固定のWebM動画を保存。 ・3ステップが揃った完成状態のPNG画像を保存。 本体はオフラインHTMLです。APIキー、ツールへのログイン、追加インストール、コマンド入力は不要。文字や動画をサーバーへ送信しません。 配布サイトからの受取に必要な手続きは、サイト側の案内をご確認ください。 【確認した環境】 2026年10月24日、Windowsで開発者による自動操作を行いました。 ・作成：Chrome 155.0.8059.85 / Edge 156.0.4314.42。 ・編集ソフト：CapCut 9.6.0.4097で、実演2件のWebM・PNGを読み込み、タイムライン上の表示・再生を確認。 ・DaVinci Resolve 21.1.0ではPNGは読み込めましたが、今回のWebMは読み込み操作後も素材として追加されませんでした。Resolve向け動画素材としては案内していません。 他のPC・OS・ブラウザー・編集ソフト、編集ソフトからの最終動画書き出しは未検証です。人による第三者試用はこれから行います。 このツールは独立して制作したもので、CapCut等の公式商品・公認ツールではありません。 【制限】 動画は背景つき・音声なしです。MP4、透過、音声、縦長、速度変更、入力の保存/読込には対応していません。 見出しは目安20文字・2行、説明は64文字・4行まで。実際の文字幅でも確認するため、短くしていただく場合があります。 録画中はタブを表示したまま約6秒お待ちください。非表示を検知すると中止します。中止後は戻って再試行できます。 WebMの尺表示やシークは再生環境に依存し、固定fpsは保証しません。 【使い方】 1. ZIPを「すべて展開」します。 2. index.htmlをChromeまたはEdgeで開きます。 3. 見出し・説明・アクセントカラーを変更し、再生で確認します。 4. 「動画 WebM」または「画像 PNG」で保存します。保存されない場合は画面の保存リンクを押します。 5. CapCutでローカル素材として読み込み、タイムラインへ追加して確認します。 詳しい手順、利用条件、トラブル対応はZIP内の「最初に読む.txt」をご覧ください。 【配布内容】 価格：0円。無料試作 v0.1.2。 配布ZIP：3step-free-v0.1.2.zip。 本体のHTML/CSS/JavaScript、最初に読む案内、動作確認、変更履歴、ライセンス、入力例、実演2件のPNG/WebMを含みます。 見本の「申し込み→内容確認→利用開始」「台本→制作→確認」は架空の説明例・商品実演です。顧客への納品実績ではありません。 【利用条件】 出力した図解は、自分の動画・商用作品・顧客案件で使えます。クレジット表記は任意です。 本体・同梱物の再配布、販売、再アップロードは禁止です。詳細はZIP内の利用条件をご確認ください。 無料試作は現状提供です。全環境への対応、継続更新、個別改造、制作時間の短縮や売上は約束しません。 【お問い合わせ・試用へのご協力】 本商品のショップメッセージから、OS、ブラウザー版、CapCutの版、止まった手順、エラー文、取り込み結果をお知らせください。入力原稿、個人情報、案件の秘密は不要です。 回答は任意です。製品改善に利用し、回答の公開引用は別途同意をいただきます。 無料受取数、実際の利用人数、購入人数は別に確認します。