IT support

ITサポート

リアルタイム参加型デジタルサイネージシステム開発事例

2026年
お客様のご要望

参加者の想いを“場”に可視化するサイネージ体験

イベント会場において、参加者一人ひとりのメッセージをリアルタイムに表示するデジタルサイネージシステムを開発しました。

Webフォームから投稿された内容をもとに、顔写真・氏名・コメントを即時に画面へ反映。
大型スクリーン上に一覧表示することで、参加者自身がコンテンツの一部となるインタラクティブな体験を提供しています。

中央に配置されたロゴを囲むように情報を配置することで、参加者の想いが集まり、ひとつのメッセージとして広がっていく構成としています。

長野システム開発のアプローチ

低コストかつユーザビリティとクオリティの高い実装をするために既存の無料サービスをフル活用しました

本システムは「低コスト」「短期間導入」「現場運用のしやすさ」を重視して設計しています。
既存のクラウドサービスを組み合わせることで、柔軟かつ拡張性の高い構成を実現しました。

■ シンプルな構成による高い導入性

Googleフォーム・スプレッドシート・Apps Scriptを活用し、専用システムの構築やサーバー運用を不要としました。
ブラウザのみで動作するため、特別な環境構築なしに導入可能です。

■ リアルタイム表示と安定性の両立

データは一定間隔で取得し、画面は差分のみ更新することで、不要な再描画を防止。
滑らかなアニメーションと安定した表示を実現しています。

■ 空間デザインとUIの統合

単なる情報表示ではなく、背景ビジュアルとUIを一体設計。
中央にロゴ領域を設け、その周囲に情報を配置することで、視線誘導とメッセージ性を両立しています。

■ 投影環境を考慮した視認性設計

プロジェクター表示を前提に、

文字サイズ
コントラスト
情報量
配置バランス

を最適化し、遠距離からでも視認可能なUI設計としています。

仕様/概略
■ 構成 フロントエンド:HTML / CSS / JavaScript データ管理:Googleスプレッドシート 入力:Webフォーム(Googleフォーム) API:Google Apps Script(Webアプリ) 配信:ブラウザ(PC / サイネージ端末) ■ 主な機能 メッセージ投稿機能 顔写真・名前・コメントの表示 投稿件数のリアルタイム表示 最大32件の同時表示 差分更新による高速描画 カードのアニメーション表示(順次ポップアップ) ■ 表示仕様 グリッド:10列 × 4行 中央:4列 × 2行をロゴ表示領域として確保 カード形式:縦型(写真メイン) 更新間隔:約10秒 アニメーション:スケール+フェードイン ■ 対応環境 解像度:フルHD(1920×1080)推奨 表示機器:モニター / プロジェクター ブラウザ:Chrome / Edge ■ 特徴 低コストで導入可能 クラウドベースで運用負荷が低い リアルタイム性のある演出が可能 イベント内容に応じた柔軟なカスタマイズ
実績一覧に戻る