本文へスキップ
Atelier Waymarkアトリエ・ウェイマーク

Streaming

凸待ち配信 進行管理ツール「totsumachi-manager」

凸待ち企画の凸者リスト・持ち時間タイマー・OBS表示・告知画像書き出しをひとつにまとめた、完全ローカル動作の進行管理ツール。OBSのカスタムブラウザドックに組み込み、配信ソフトの中だけで企画を回せます。

totsumachi-managerの操作画面。凸者リストと進行タイマー(画面はデモデータ)
カテゴリ
Creator / Streaming
クライアント
自社開発(配信ツール製品)
公開日
担当範囲
企画設計デザイン実装配布パッケージ制作マニュアル制作
主な技術
Next.jsReactTypeScriptTailwind CSS

Challenge

課題

凸待ち企画は「今誰と話しているか・残り時間・次は誰か」の管理が主催に集中し、配信しながらの手動管理は進行の乱れや告知漏れにつながります。汎用のタイマーやメモ帳では、順番の入れ替えや枠間インターバルまでは追いきれません。

Approach

判断・設計

Next.jsの静的書き出しをローカルHTTPサーバで配信する構成にし、外部サーバなし・アカウント登録なしで完結させました。操作画面とOBS表示はブラウザ内で即時同期し、開始予定時刻から凸者ごとの予定時間帯も自動計算します。配信の雰囲気に合わせられる8種類のテーマと、X告知用のタイムテーブル画像書き出しも備えました。

Result

成果

zipを解凍してダブルクリックするだけで使える配布形態に整え、図解のスタートガイドPDF・取扱説明書・利用許諾を同梱。個人配信から周年イベントまで、同時利用人数の制限なく使えるダウンロード製品として販売を準備しています。

凸待ち配信 進行管理ツール「totsumachi-manager」 の画面 1
凸待ち配信 進行管理ツール「totsumachi-manager」 の画面 2
凸待ち配信 進行管理ツール「totsumachi-manager」 の画面 3
凸待ち配信 進行管理ツール「totsumachi-manager」 の画面 4

つくりたい未来の話を、
聞かせてください。

仕様が決まっていなくても大丈夫です。アイデアの段階から一緒に道筋を描き、実装まで伴走します。