ヘルプ

00

KiraNeiro とは

動画編集ソフトを学ぶコストなしで、音楽・絵・文章・声を「動くコンテンツ」にして届けるためのツールです。

解決する問題

楽曲・イラスト・文章・ナレーションといった表現したいコンテンツを持つクリエイターが、それを動画化するためだけに本格的な動画編集ソフトを新たに学ぶ時間・費用・学習コストを払えない、という課題があります。既存の動画編集ツールは「動画ファイル」を前提とした重い作りで、個人クリエイターが日常的に扱うには障壁が高いものでした。KiraNeiro はこの障壁を取り除き、ブラウザを開くだけで着手できる軽量な制作環境を提供します。

作れるコンテンツ種別

種別	内容	主な利用者
MV（ミュージックビデオ）	楽曲に合わせてイラスト・歌詞を動かす	シンガーソングライター、ボカロP、イラストレーター
解説動画	ナレーション音声に図解・テキストを同期させる	教育系・解説系クリエイター
ショートストーリー	文章・朗読音声とイラストを組み合わせた短編	小説家・朗読クリエイター
読み上げ動画	朗読音声にテキスト表示を同期	作家・オーディオブック系クリエイター
絵本	複数ページのイラスト・テキスト・音声を1本にまとめる	絵本作家・コミッククリエイター
ボイス付き写真	写真1枚と音声1本を組み合わせた最小構成のコンテンツ	思い出投稿・一般ユーザー

設計思想（他の動画編集ソフトとの違い）

• 音楽ビジュアライゼーション — 波形のような「見ても意味がわからない」表示ではなく、音量・BPM を色や形で視覚化し、絵と音を合わせる作業を直感的にする（コード進行の可視化は現時点では非対応）
• 自分の絵で動かす — AI が映像をゼロから生成するのではなく、ユーザー自身のイラストやキャラクターを主役として動かす。既存の絵・世界観をそのまま活かせることを重視している
• 軽量な保存形式 — 再編集用のプロジェクトファイル（.kneiro）は動画ファイルではなく JSON + アセットファイルの組み合わせで、動画ファイルより軽く、静止画より表現力がある。YouTube・TikTok などへの投稿用に MP4 動画として書き出すこともできる（詳しくは「出力形式の使い分け」参照）
• 構造ベースの歌詞・テキスト編集 — 歌詞やテキストを段落・行単位の「ブロック」として扱い、ブロック単位で表示タイミングを調整できる
• コンテンツ種別ごとのウィザード — MV・絵本・ボイス付き写真など、種別ごとに最適化された作成手順（ウィザード）を、共通のタイムラインエディタの上に用意している

サーバーフリー設計（著作権・プライバシーへの配慮）

KiraNeiro は「再生エンジン（ビューワー）」のみを提供するサービスであり、ユーザーがブラウザに読み込んだ音声・画像・テキストなどの素材ファイルを KiraNeiro のサーバーへ送信・保存することは一切ありません（すべてブラウザ内の処理で完結します）。制作したコンテンツはユーザー自身のローカルストレージ、またはユーザー自身が管理するクラウドストレージ（GitHub 等）に保存します。そのため、コンテンツの著作権・公開範囲の管理責任はユーザー自身にあります。

料金

完全無料・機能制限なしで利用できます（カンパ方式）。動画の書き出しが完了した画面で、カンパ・SNS拡散による応援を任意で選べますが、これらは強制されず、制作の途中で表示されることもありません。

01

対応環境

02

はじめかた（プロジェクト作成）

トップページの「エディタを開く」からプロジェクト作成画面に入り、作りたいコンテンツの種類を選ぶところから始まります。

作成できるプロジェクト種別

種別	ウィザードの流れ
歌詞MV	楽曲（音声）を追加 → キャラクター・背景イラストを追加 → 歌詞テキストを入力し、行ごとのタイミングを設定
絵本	ページ数を指定 → ナレーション音声（任意）を追加すると、音声の長さに応じて各ページの表示時間が自動で按分される → 各ページに背景イラスト・テキストを追加
ボイス付き写真	写真1枚を追加（キャンバス全体を覆う背景として配置） → 音声1本を追加（アップロードまたはその場でのマイク収録） → 音声の長さがそのままコンテンツの再生時間になる、最もシンプルな作成フロー

いずれのウィザードもステップ表示・案内文に従って進めるガイダンス形式になっており、動画編集の知識がなくても迷わず完成まで到達できるように設計されています。ウィザードを完了すると、通常のタイムラインエディタ画面に移動し、そこから自由に編集を続けられます。ウィザードを使わず、空のプロジェクトから自分で組み立てることも可能です。

投稿先プラットフォームに合わせたキャンバスサイズ

プロジェクト作成時（またはあとからいつでも）、投稿予定のプラットフォームを選ぶだけでキャンバスの縦横比が自動設定されます。

プラットフォーム	サイズ	アスペクト比
YouTube / ニコニコ動画 / Bilibili	1920×1080	16:9（横長）
TikTok	1080×1920	9:16（縦長）
YouTube Shorts	1080×1920	9:16（縦長）
Instagram Reels / Stories	1080×1920	9:16（縦長）
Spotify Canvas	1080×1920	9:16（縦長）
X	1080×1080	1:1（正方形）
Instagram フィード（1:1）	1080×1080	1:1（正方形）
Instagram フィード（4:5）	1080×1350	4:5（縦長）
カスタム	任意	任意のサイズを指定

03

素材の追加

画像・音声・動画・テキスト・絵文字/顔文字・手書き・エフェクトの7種類の素材をタイムラインに追加してコンテンツを組み立てます。よく使うオブジェクトは「お気に入り」に登録しておくと、他のプロジェクトでも再利用できます。

対応フォーマット

• 画像 — PNG・JPG・WEBP。透過 PNG（背景が透明なイラスト）にも対応しており、キャラクターの差し絵などに使える
• 動画 — MP4（H.264）／WebM（VP9）。音声なしのループ動画として取り込む（詳しくは下記「動画素材の追加」参照）
• 音声 — MP3・WAV・AAC。30MB を超える大きめの音声ファイルにも対応。ファイルの追加に加えて、メイン音声を再生しながらマイクで歌声やナレーションをその場で収録することもできる（下記「マイクでの音声収録」参照）
• テキスト — 歌詞・字幕・ナレーション原稿などを直接入力
• 絵文字・顔文字 — 絵文字・顔文字をカテゴリから選んでキャンバスに配置。画像ファイルを追加しないため軽量。他のテキスト素材と同様に移動・拡大縮小・回転・キーフレーム操作ができる。直近使用したスタンプは「よく使うもの」としてブラウザに保存され、再選択しやすい
• 手書き — ペン入力デバイスやマウス・タッチでリアルタイムに描いた線をそのまま収録できる。「アニメーションあり」を選んだ場合はマイクでの音声収録と同様、メイン音声を再生しながら同期して収録される。収録済みのストロークは事後に色・太さ・線端の形状を変更できる（下記「手書きストロークの設定」参照）
• エフェクト — 雨・雪・花びら/落ち葉・紙吹雪などのパーティクル演出をタイムラインに配置できる。ファイルの追加は不要で、プリセットを選ぶだけで追加できる（下記「エフェクト素材の追加」参照）

お気に入り

キャンバス上のオブジェクトを右クリック（またはロングタップ）して「その他 ▶ お気に入りに登録」を選ぶと、グループ名を付けて登録できます。登録したオブジェクトは「素材の追加」パネルの「お気に入り」タブから、グループで絞り込みながら選んで再配置できます。配置位置はキャンバス中央・現在の再生位置基準で再計算されるため、元の位置やタイミングを気にせず使い回せます。画像・歌詞・文章オブジェクトのお気に入りはブラウザ内に実体ごと保存されるため、別のプロジェクトでも呼び出せます。お気に入りはプロジェクトファイルには保存されず、ブラウザ（端末）に保存されます。

動画素材の追加（音声なしのループ動画）

「動画」タブから動画ファイル（MP4／WebM）を追加すると、音声トラックを含まない、短尺でループ再生する「動く差し絵」としてタイムラインに配置できます。写真やイラストの代わりに、ちょっとした動きのある映像を使いたい場合に向いています。尺は最大10秒で、10秒を超える動画は先頭10秒までにトリムされます。音声トラックは取り込み時に自動で除去されるため、音声も使いたい場合は下記「動画ファイルからの音声抽出」または「音声」タブから別途追加してください。iOS Safari は WebM（VP9）に対応していないため、iOS で確実に使えるのは MP4（H.264）のみです。

動画ファイルからの音声抽出

MP4（Android の画面録画など）や MOV（iOS の画面録画など）の動画ファイルを「音声」タブから追加すると、映像部分は使用せず音声トラックだけが自動抽出され、通常の音声素材（BGM やメイン音声）として取り込まれます。動画編集ソフトで映像を切り出す必要はありません。PC ではドラッグ＆ドロップで追加でき、スマートフォンではファイルピッカー（ファイル選択ダイアログ）から選んで追加します。映像そのものを素材として使いたい場合は、上記「動画素材の追加」（音声なしのループ動画として取り込み）をお使いください。

マイクでの音声収録

メイン音声トラック（伴奏・オケ）をブラウザ上で再生しながら、同時にマイクで歌声やナレーションを収録できます。対応可否はブラウザの録音機能（MediaRecorder API）を自動判定し、対応していない環境では収録の入り口自体が表示されません。Chrome・Edge・Firefox に加えて、Safari（iOS / macOS）も MP4 形式での収録に対応しています。収録した音声は、追加した他の音声素材と同じように以降のトラック配置・タイミング調整の対象になります。収録した音声もサーバーフリー設計の対象で、KiraNeiro のサーバーにはアップロードされません。

手書きストロークの設定

手書き追加時は、線の描き方を2種類から選べます。「アニメーションあり」はメイン音声を再生しながら同期して収録し、描いた通りの筆順・速度で線が引かれていく様子を再生時にも再現します。「アニメーションなし」は音声再生とは同期せず描いた線をそのまま静止画として配置します（作成後の切り替えは不可）。色・太さ・線端（丸／四角／突出なし）は、収録開始前のデフォルト設定としても、収録済みストロークを選択しての事後変更としても、同じ設定ダイアログから調整できます。ダイアログの「ランダム」機能を使うと、色・太さ・線端の組み合わせをまとめてランダムに提案させることもできます。

エフェクト素材の追加（雨・雪・花びら・紙吹雪などのパーティクル演出）

「エフェクト」タブから、雨・雪・花びら/落ち葉・紙吹雪のいずれかのプリセットを選ぶだけで、タイムラインにパーティクル演出を追加できます。ファイルを選ぶ必要はなく、選んですぐに既定の見た目で配置されます。追加後は右側のプロパティパネルで、色・不透明度・密度（粒の量）・速さ・大きさ・ゆらぎ、およびプリセットごとの詳細パラメータ（雨の角度や雪の風の強さなど）を調整できます。背景としても前景としても使え、専用のチェックボックスはなく、他のオブジェクトと同じレイヤー順の操作（右クリックメニューの「前面へ」「背面へ」）で切り替えます。たとえばキャラクターの手前に降る雪、背景いっぱいに降る雨、といった重ね方ができます。

手書きストロークの動きの設定

「アニメーションあり」で収録したストロークは、線が現れる動きを後から変えられます。オブジェクトを右クリックして「動き ▶ 動きの設定」を選ぶと、「動き」と「順番」の2つを指定できます。「動き」は線が描かれていく「描く」か、完成した線が消えていく「消す」かを選びます。「順番」は「描いたとおり」（収録したそのままの順番）・「すべて逆」（最後に描いた部分から現れる）・「ひと筆ごとに逆」（一筆ごとの描き方はそのままで、筆の順番だけが逆になる）から選びます。ダイアログには実際に動くプレビューがあり、再生ボタンで確認できます。長い線は等倍だと確認に時間がかかるため、プレビューの速さを1倍〜10倍から選べます（この速さはプレビューの確認用で、作品の再生速度は変わりません）。「アニメーションなし」のストロークは時間による変化を持たないため、この設定は表示されません。作品自体の再生速度を変えたい場合は、「動きの設定」ダイアログの一番上、または右側のプロパティ編集パネルにある「再生速度」（既定1倍、0倍より大きく10倍までを小数点第2位まで指定可）を入力してください。どちらも同じ設定で、実際の再生・書き出し・ビューワーに反映されます（上記のプレビューの速さとは別物です）。速度を遅くして描き終わる前に線が消えてしまう場合は、表示時間が自動的に延長されます。

04

タイムラインエディタの基本操作

画面下部のタイムラインで、複数のトラック（画像・テキスト・音声）を時間軸に沿って配置・調整します。

基本操作

• マルチトラック表示（画像・テキスト・音声を同時に複数表示）
• 再生ヘッド（現在位置を示す縦線）をドラッグして好きな位置から確認・編集できる
• タイムライン末尾の終端マーカー（オレンジ色の点線）をドラッグすると、コンテンツ全体の長さ（総尺）を調整できる。プロパティパネルの「総尺」欄からの数値入力でも同様に変更可能
• トラックのズームイン・アウトで、細かい調整と全体俯瞰を切り替えられる
• トラックの並べ替え（ドラッグ）で表示の前後関係（Zオーダー）を制御 — 上にあるトラックほど手前に表示される
• スナップ機能 — グリッドや他のオブジェクトの端に自動で吸着し、位置合わせを補助する
• Undo / Redo は実質無制限（直前20操作以上を取り消せる）
• オートセーブ — 編集内容はブラウザ内にリアルタイムで自動保存され、リロード後も復元できる

キーフレームの自動記録

「キーフレームを追加」のような明示的なボタン操作は不要です。キャンバス上のオブジェクトをドラッグして移動・拡大縮小・回転させると、その時点のタイムライン位置に自動でキーフレームが記録されます。キーフレーム間の動きはベジェ曲線で補間され、緩やかに始まって緩やかに終わる（イーズイン・イーズアウト）動きも選べます。オブジェクトごとにループ再生（指定区間を繰り返す）の設定も可能です。

05

見た目の編集（キャンバス操作）

画面中央のキャンバス上でオブジェクトを直接操作し、見た目（位置・拡大縮小・透明度・画像・エフェクト）を時間の経過とともに変化させられます。

オブジェクトの選択・操作

キャンバス上のオブジェクトをクリックして選択し、ドラッグで移動・ハンドルで拡大縮小・回転できます。複数オブジェクトを同時選択して、まとめて移動・スケール変更することも可能です。

プリセットアニメーション

オブジェクトの登場・退場に、ワンクリックで適用できる定型アニメーション（バウンス登場、回転しながら登場、スライドインなど）が用意されています。適用すると位置・スケール・回転・不透明度に複数のキーフレームが自動生成され、その後は手動で個別に調整することもできます。

差し絵切り替え

同一のキャラクターオブジェクトに対して、時刻ごとに表示する画像ファイルを切り替えられます。表情差分や口パクのような表現を、1つのオブジェクトの中で複数枚の画像を時系列に並べるだけで実現できます。

透明度・スケールのアニメーション

オブジェクトごとに透明度・拡大縮小を時系列で変化させられます（フェードイン・フェードアウトなど）。キャンバスの背景色・背景画像も自由に設定できます。

画像エフェクト

画像オブジェクトに、ぼかし・セピア・モノクロ・色調補正などの視覚エフェクトをプリセットから選んで適用できます。プリセットを選ぶとパラメータが自動設定され、そこから個別に微調整することも可能です。処理が重くなりやすいエフェクトは、安価な PC（Chromebook 等）でも快適に動作するようオンオフを切り替えられます。

06

テキスト・歌詞編集

歌詞・字幕・ナレーションは「段落・行」を1つのブロックとして扱い、ブロック単位で表示タイミングを調整します。

ブロック単位のタイミング調整

歌詞1行、あるいは文章の1段落を1つのタイミングスロットとして扱い、それぞれの表示開始・終了タイミングを個別に調整できます。音楽再生中に歌詞がタイミング通りに表示されるかをプレビューで確認しながら微調整できます。テキストブロックはタイムライン上で本体をドラッグして時間軸上の位置を移動できますが、左右の端をドラッグしてブロック幅だけを伸縮することはできません（ブロックの幅はテキスト内容とタイミングによって決まる仕様です）。行を追加・削除するとタイミングスロットの対応関係が変わるため、内容を編集した後はタイミングパネルで確認することをおすすめします。

フォント・装飾

フォント・文字色・サイズを自由に設定できるほか、フェードイン・フェードアウトのアニメーションも付けられます。グラデーション塗り・影・輪郭を組み合わせた装飾的な文字スタイルも設定可能で、フォント設定ダイアログの「ランダム」機能を使うと装飾内容も含めてランダムに提案されます。フォントの選択肢は、初期状態では画面の表示言語に対応するもの（例: 表示言語が日本語なら日本語フォント＋英数字フォント）のみに絞り込んで表示されます。他の言語のフォントを使いたい場合は、ツールバーの「?」メニュー内の「表示モード」から言語を追加で選択してください。

読み上げ（ブラウザの音声合成機能）

テキスト・歌詞・段落の各ブロックには、ブラウザ内蔵の読み上げ機能（Web Speech API）を個別に設定できます。この機能はHTML書き出し（ビューワー）での再生時のみ有効で、MP4への書き出しには一切含まれません。音声の選択肢は、テキストがサーバーに送信されないローカル音声のみに限定しており、ローカル音声が利用できない環境では読み上げ機能自体が使えません。対応ブラウザ・OSの組み合わせによって挙動が異なり、特にiOS Safariでの対応状況は保証していません（「対応環境」セクションを参照）。

07

音声加工

08

保存と作業フォルダ

09

出力形式の使い分け

10

公開・共有

KiraNeiro は「再生エンジン」のみをホストし、コンテンツ自体の保存・登録は行いません。公開・共有の方法は、ユーザー自身が管理するストレージ上のファイルを指す URL をシェアする方法と、書き出したファイルそのものをチャットアプリ等で直接送って相手のブラウザでローカルに開いてもらう方法の2通りがあります。

URL 共有

ユーザー自身のストレージ（GitHub 等）に JSON+アセットを保存し、https://kiraneiro.app/view?src={コンテンツURL} の形式の URL をそのまま SNS に貼るだけで再生ページとして機能します。OGP（リンクカード表示）は意図的に用意しておらず、クリエイターが自分でビジュアルと文章を添えて投稿することを想定しています。

ファイル共有

URL を用意せず、書き出したファイル（.kneiro や HTML 共有ファイル）そのものをチャットアプリ・メール・USBメモリなどで直接渡す方法もあります。受け取った相手は KiraNeiro のビューワー画面でファイルを選択するだけでローカルに再生できます。この方法ではファイルをどこにも公開せずに、特定の相手とだけ共有できます。

埋め込み（iframe）

<iframe src="https://kiraneiro.app/embed?src={コンテンツURL}"> の形式で、自分の Web サイトに再生エンジンだけを埋め込めます。/embed はコントロールバーのみのミニマルな見た目になります。

ストレージの CORS 制約

ビューワーは指定された URL から直接コンテンツを取得するため、保存先のクラウドストレージが CORS（クロスオリジンリクエスト）を許可している必要があります。GitHub（GitHub Pages・raw ファイル配信）は対応していますが、Google Drive や Dropbox の共有リンクは CORS 制約により利用できない場合があります。

11

PWA インストール

KiraNeiro はアプリとしてインストールできます（PWA: Progressive Web App）。

• デスクトップ Chrome / Edge — ブラウザのインストールプロンプトから、デスクトップやタスクバーにアプリとして追加できる
• Android Chrome — 同様にブラウザのインストールプロンプト（ホーム画面に追加）からアプリとして追加できる
• iOS Safari — ブラウザの自動インストールプロンプトは表示されないが、共有メニューの「ホーム画面に追加」から手動でインストールでき、アプリのような見た目で起動できる
• インストール後はブラウザの UI（アドレスバー等）が表示されない、アプリのような見た目で起動する
• アプリ本体（HTML/JS/CSS）は Service Worker でキャッシュされるため、オフラインでもエディタを起動して既存プロジェクトの編集を継続できる
• ビューワーのオフライン再生は非対応（外部の .kneiro ファイルを都度取得する必要があるため）

12

モーション収録

13

既知の制約・トラブルシューティング