KotoPanels 使い方

完成した英語・日本語の原稿をスライドにします。まず短い1投稿で試し、出力を確認してから使ってください。

1. アプリを開く

ZIP全体を展開し、中のファイルを同じ場所に保ったまま、index.htmlをMacのPC版Chromeで開きます。ZIPの中から直接開いたり、index.htmlだけを別の場所に移したりしないでください。同梱の日本語フォントを読み込んで動作します。アカウント・インストール・通信接続は不要です。

English / 日本語のボタンで操作画面の言語を選べます。原稿の翻訳や書換えはしません。サンプルは選んだ言語で読み込みます。

2. サンプルで試す

「サンプルを読込」を押します。大きなプレビューと小さなサムネイルから各スライドを確認します。Paper・Midnight・Studioの3スタイルを切り替えられます。修正事項がなければ「ZIPを書き出す」を押してください。

無料体験は1投稿・3枚までで、出力に体験版表示が入ります。通常版は最大10投稿 × 各10枚で、体験版表示は入りません。体験版の出力は動作確認用で、クライアント納品には使えません。

3. 自分の完成原稿で試す

サンプルを読み込んだ後は、必要な下書きを保存してからページを再読込すると、空の状態に戻ります。「原稿を貼り付け」を選び、投稿名を付けます。投稿名は weekly-notes のように半角英数字・-・_で1〜40文字です。出力ファイル名に使うため、この欄は日本語に対応していません。タイトル・本文・ブランド名には日本語を使えます。

先頭行にタイトル、その下に本文を書きます。スライドの間は --- だけの行で区切ります。例えば次のように貼り付けます。

一つの問いから始める。
この投稿で答えたい問いを、一つ書き出します。
---
伝える範囲を決める。
読み手を一人、持ち帰ってほしいことを一つ決めます。
---
最後の確認に時間を残す。
共有する前に、スライドを一枚ずつ読み返します。

「投稿を追加」を押すと、編集できるスライドになります。通常版で次の投稿を足すときは、別の投稿名を使ってください。貼付原稿が未追加のままでは、既存スライドの編集と書き出しはできません。投稿を追加するか、貼付原稿をクリアしてください。

4. 1回の出力に使うブランドを設定する

ブランド名とアクセント色を選び、必要なら1 MB以下のPNG/JPEGロゴを追加します。ロゴの縦・横はそれぞれ5000ピクセル以下です。1組のブランド設定が、その回の全スライドに適用されます。別のブランドは出力を分けてください。

「ブランド設定を保存」では、ブランド名・色・スタイル・ロゴだけを保存します。「ブランド設定を読込」で復元できます。原稿は保存されません。

5. 編集と分割

サムネイルを選び、「選択したスライドを編集」を開きます。タイトル・本文を修正すると、入力原稿にも反映されます。「この後ろに空白スライド」で追加し、「スライドを削除」で確認後に削除できます。

長い本文は、次のスライドを始めたい位置の、文字と文字の間にカーソルを置きます。「カーソル位置から次のスライドへ分割」を押すと、同じタイトルを使って本文をその位置で分けます。1枚増えるので、その版の枚数上限は適用されます。前後をつなぐ文章は生成しません。

CSV・表を変更した場合は、先に「プレビューに反映」を押してください。表示された修正事項をすべて解消し、見た目も確認します。文字が収まっていても、内容や読みやすさの確認は必要です。

6. 下書きを保存して再開する

画面を閉じたり内容を置き換えたりする前に「下書きを保存」を押し、ダウンロードされた kotopanels-project.json を保管します。作成済みのスライド、未反映の入力、ブランド設定、ロゴが入っています。「下書きを開く」で復元できます。

自動保存・クラウドバックアップはありません。自分で管理できる場所に保存してください。書き出したZIPにも project.json が入り、「下書きを開く」で再開できます。体験版の上限を超える下書きは、読めても上限内に直すまで書き出せません。

7. 出力ファイルを確認する

「ZIPを書き出す」を押し、ダウンロードした kotopanels.zip を展開します。投稿ごとにPNG画像とPDFが入ります。PNGは1080 × 1350ピクセル。PDFは画像形式で、PDF内の文字を検索・選択・編集することはできません。

ZIPには source.csv・manifest.json・project.json も入ります。再編集には project.json を保管してください。元の原稿は確認用にも入っていますが、source.csvを変更しても、書き出し済みのPNGやPDFは変わりません。使用前にPDFとPNGを開き、文字・改行・色・ロゴ・体験版表示を確認してください。

CSV・表から取り込む

「CSV / 表」を選びます。列名はこの順に post_id, page, title, body を使います。ページ番号は投稿ごとに1から順番に付け、投稿が変わったら別のpost_idを使います。UTF-8のCSV・TSVを取り込むか、表計算ソフトの表を貼り付け、「プレビューに反映」を押します。

カンマ・引用符・改行が入るCSVのセルは、引用符で正しく囲んでください。セル内の引用符は二重にします。CSV・表のファイル取込は500 KBまでです。表を準備する必要がなければ「原稿を貼り付け」を使えます。

対応範囲

英語・日本語原稿に、同梱フォントが表示できる範囲で対応しています。絵文字・異体字セレクタ・未対応文字があると書き出しを止めます。元の文字は入力に残るので、対応する文字へ修正してください。人名・記号・日英混在の原稿は、出力をよく確認してください。

MacのPC版Chromeで確認済みです。他のブラウザ・Windows・スマートフォンは未確認です。固定3スタイルと固定フォントを使います。文字や画像の自由配置、フォント選択、Canvaテンプレートの取込、AI文章生成、SNSへの投稿はできません。