何ができるか スプレッドシートや CSV にたまった数字を、設定を書くだけで KPI・折れ線・棒・目標・表の並んだ 1 枚の画面にします。グラフのライブラリも、BI ツールの月額も要りません。画面の上の絞り込みで期間やチャネルを選ぶと、下の部品がすべて同時に変わります。 部品は、数字（KPI）・折れ線・棒・目標・表の 5 種類です KPI には、前の期間からの増減が ▲▼ と符号つきで出ます。「下がると良い数」にも合わせられます 期間は今月・先月・直近 7/30/90 日・今年・全期間・期間の指定から選べます。列ごとの絞り込みは 3 つまで置けます 絞り込んだ状態が URL に入るので、同じ画面をそのまま人に渡せます どのグラフにも「表で見る」の切り替えと CSV の書き出しがあります 月ごとの目標の表を置くと、その月の実績とだけ比べ、100% で「達成」と出ます マウス・指・キーボードのどれでも、同じ吹き出しが出ます 画面の文と説明書は、日本語と英語の両方を用意しています。明るい配色と暗い配色、印刷にも合わせます 見本のお店「しおかぜ珈琲店」（架空のお店です）の 6 か月ぶんの売上で、すぐ試せます 円グラフ・2 軸のグラフ・地図・掘り下げ・ログイン・AI による要約は入っていません。理由と代わりの方法は、説明書にまとめてあります。 置き方 3 通り 埋め込み（5 分）: dashboard.css と dashboard.js を置き、HTML に数行を足します。データは CSV か JSON のファイルです Next.js テンプレ（15 分）: そのまま動くひな型です。データはサーバー側が取りに行くので、取得元の URL がお客さまのブラウザに出ません Google スプレッドシート（15 分）: 定義 シートに 1 行 1 部品で、日本語の言葉のまま書きます。数字が見えるのは、そのスプレッドシートを見られる方だけです 画面を描く部分は 3 つとも同じなので、あとから置き方を変えても、設定はほとんどそのまま使えます。 費用 キットは買い切りです。外部の API を使わないので、使うほど増える費用はありません。スプレッドシート版は Google アカウントだけで動きます。Next.js テンプレの置き場所（Vercel など）の費用は、お使いのプランによります。 守り 画面に出す文字は、すべてエスケープしてから描きます データの置き場所は https: の URL と相対パスだけを受け取ります Next.js テンプレは、本番で環境変数を入れ忘れても、見本の数字をお客さまに見せません スプレッドシート版の画面はシートを読むだけで、データのシートには書き込みません CSV の書き出しは、表計算ソフトが数式として実行しない形にします 数として読めない値は 0 として数えず、のぞいた件数をお知らせします 動作環境 埋め込みは HTML を置ける場所があれば足ります。Next.js テンプレは Node 22 以上（Next.js 15・React 19）。スプレッドシート版は Google アカウント。ブラウザは Chrome・Safari・Edge・Firefox の現行版と、スマートフォンの標準ブラウザに対応します。1 つのデータにつき 20,000 行までです。 価格とライセンス 発売記念価格 8,800 円（9 月 29 日まで）。以降は 9,800 円です。記念価格で買うと 1.x の更新も無料です。個人・組織ライセンスがあり、改変と納品は自由、再配布・転売・同種商品化は禁止です。購入後 14 日間、不具合のご連絡に対応します（hello@suminawa.dev。3 営業日以内に返信）。 zip の中身 dist/（貼りつける配布物 6 つ）、templates/nextjs/（Next.js のひな型）、demo/（ブラウザだけで動く見本ページ）、samples/（見本の CSV と設定。日本語と英語）、src/・test/・scripts/（改造できるソース一式。Node 22 で 722 件の検査が動きます）、README.ja.md、README.en.md、LICENSE.md、CHANGELOG.md。