HTMLCSSVanilla JS
CanvasGoogle スプレッドシートGAS
このデモがしていること：フォームに溜まる受注データを自動集計し、数字・グラフ・台帳がリアルタイムで動く「社内の管理画面」を再現しています。下のフィードは数秒ごとに新しい受注が差し込まれ、台帳はボタンで状態ごとに絞り込めます。
受注・在庫 管理ダッシュボード
Spreadsheet + GAS
自動更新中
--:--:--
「サイト」ではなく、現場が毎日使う"仕組み"。
Google フォーム・スプレッドシートに溜まるデータを、GAS で集計・可視化・通知まで自動化した社内向けダッシュボードの制作例です。手作業の集計・転記をなくし、状況をひと目で。
売上推移 直近30日（自動集計・日次）
30日前本日
受注ライブフィード フォーム連携・自動追記（擬似ライブ）
受注台帳 状態で絞り込み（クリック）
該当する受注はありません。
How it works
フォーム 入力→
スプレッドシート 自動追記→
GAS 集計・可視化→
通知 メール / LINE→
ダッシュボード 自動更新
※ 制作例（デモ）。実際は Google フォーム / スプレッドシート / GAS / 時間トリガーで構築し、御社の業務に合わせて項目・集計・通知を設計します。本デモのフィード・数値はブラウザ内で生成したダミーで、データは保存・送信されません。