DIAGRAM｜配線図・結線表を自動作成するWebアプリの企画・開発

DIAGRAMは、ライブ配信、イベント、映像制作などの技術設計で必要になる配線図・結線表の作成を支援する自社開発のWebアプリです。技術現場では、機材の組み合わせや接続ポート、入出力の条件を確認しながら、配線図と結線表をそれぞれ別に作る必要があります。DIAGRAMでは、カメラ、スイッチャー、オーディオミキサー、マイク、PCといった機材構成と接続情報を一つのデータとして定義し、そこから配線資料をまとめて出力できるようにしました。準備・設営・引き継ぎのどの場面でも同じ情報を確認できるため、資料づくりと確認の負担が減ります。課題整理から企画、情報設計、UI/UX設計、開発、データ設計、出力機能、テスト、運用改善までを自社で一貫して担当しました。

目的・課題

ライブ配信や映像制作の現場で、機材の組み合わせや接続ポートを確認しながら配線図と結線表を個別に作る手間を減らすことが目的でした。

特徴・手法

カメラ、スイッチャー、オーディオミキサー、マイク、PCなどの機材構成と接続情報を一つのデータとして扱う設計にし、そこから配線図と結線表の両方を出力できるようにしました。課題整理から企画、情報設計、UI/UX設計、開発、データ設計、出力機能、テスト、運用改善までを自社で担当しています。

対応範囲

課題整理 / プロダクト企画 / 要件定義 / 情報設計 / UI/UX設計 / フロントエンド開発 / バックエンド開発 / データ設計 / 機材・接続情報の設計 / 出力機能の実装 / テスト / 運用改善

納品物

DIAGRAM Webアプリ / 機材構成・接続情報の管理機能 / 配線図作成機能 / 結線表作成機能 / 配線資料の出力機能 / SaaS提供基盤

視聴者・用途

ライブ配信・イベント・映像制作の技術スタッフ、テクニカルディレクター、機材設計・設営を担うチームによる配線設計、機材準備、現場設営、チーム内共有、引き継ぎ。

ピックアップ

• 機材構成から配線図と結線表を出力
• 接続情報を一元データとして管理
• 現場の知見をプロダクト化