個人dev

概要

利用している技術

・フロントエンド＆動画描画：Next.js 15 (App Router) / React 19 / TypeScript / Tailwind CSS v4 / Zustand / Remotion 4
・クライアントサイド動画・画像出力：WebCodecs API (@remotion/web-renderer によるブラウザ内 H.264 MP4・VP9+Alpha 背景透過WebM 直接エンコード) / modern-screenshot / fflate
・ローカル永続化：IndexedDB (localForage) / .csbackup パッケージ
・バックエンド＆インフラ：Cloudflare Workers (OpenNext) / Cloudflare KV・R2・Queues / Firebase Auth / Stripe
・AI推論＆音声合成：Gemini 3 Flash (Google Search Grounding) / Gemini 3.1 Flash-Lite / Google Cloud TTS (Chirp3-HD)

サービスのPR点

一般的な動画編集ソフトのような複雑なマルチトラック操作は不要で、本物のチャットアプリのように「＋ボタン」や画面下部の吹き出しをタップするだけでメッセージの追加・編集ができる「チャットタイムラインUI」が最大の特徴です。

まだ音声が設定されていないセリフを自動検知し、ワンクリックで高品質なAI読み上げ音声（日英60種・自然言語での感情演技指示や、表示テキストと読み仮名の完全分離に対応）を一括生成できます。さらに、画面揺れ・ズーム等のカメラ演出や、PayPay風送金・不在着信・4択アンケート投票といった会話劇専用ウィジェット、テンプレート保存機能など一歩進んだ表現を網羅しています。

また、WebCodecs APIによりユーザーのブラウザ内で直接動画をレンダリングする独自設計のため、無料プランでも動画（MP4）・分割画像の書き出し回数や尺の制限がなく、PC版フル機能エディターとスマホ特化版『ChatStoryStudio Lite』の両方で快適に制作できます。

今後の追加機能など

・新しいチャットUIプリセットおよび画面演出エフェクト・専用ウィジェットの継続追加
・スマホ特化版『ChatStoryStudio Lite』の操作性・プレビュー体験のさらなる向上
・英語圏をはじめとするグローバル向け多言語機能の拡充とテンプレートギャラリーの強化
・クリエイターからのフィードバックに基づく編集ショートカットや一括調整機能の改善

その他メッセージ

登録・ログイン不要で、ブラウザから今すぐエディターや1行お題からの自動生成をお試しいただけます。また、無料のGoogleログインだけでAI音声合成（1,000文字分）や台本テキストAI一括読込（10回分）のお試し枠が即座に解放されます。

・公式サイト：https://yukapero.com/ja/chatstorystudio
・PR TIMES プレスリリース：https://prtimes.jp/main/html/rd/p/000000007.000186464.html
・紹介動画：https://www.youtube.com/watch?v=nMujTGuaOR4