このガイドでは、PLAINERを使って最初のデモコンテンツを作成し、共有するまでの基本的な流れをご説明します。
事前準備（ログイン・拡張機能のインストール・アカウント追加）がまだの方は、先に 事前準備ガイド をご確認ください。
■ 基本機能：デモコンテンツの作成・配布
1. キャプチャ撮影
Chrome拡張機能を使って、ブラウザ画面を撮影してデモコンテンツを作成します。
HTMLキャプチャ
GoogleChromeの拡張機能からブラウザ画面を撮影できます
撮影対象の画面を再現でき、操作感やクリック感をコンテンツに反映できます
※ 解像度は一般的なサイズ（横1440×縦900など）での撮影を推奨します。一度の撮影上限は20ページです（超える場合は分割して保存後に統合できます）。
スクリーンショットアップロード
手元の画像ファイルをベースにデモを作成できます
スマホアプリやデスクトップアプリのデモ作成に適しています
※ 複数枚アップロードする場合は、画像サイズをそろえてください。テキスト・画像の編集や要素の削除・複製はHTMLキャプチャのみ対応しています。
2. デモコンテンツ編集
撮影したキャプチャを編集し、デモコンテンツに仕上げます
テキスト・画像の編集や、ガイドの追加・設定ができます
詳細は デモコンテンツ編集機能 もあわせてご確認ください。
3. 配布方法
作成したデモコンテンツを外部に共有する方法は主に3つあります。
URLで共有：コンテンツのURLをコピーして相手に送る
Webサイトへ埋め込み：iframeタグを使ってLPや自社サイトに埋め込む
シナリオで配布：複数のコンテンツをまとめたシナリオURLを発行する
4. デモコンテンツの再編集
公開後もいつでも内容を編集できます