■向いている方 ・お客さまのサイトやスプレッドシートに、数字の画面を組み込んで納めたい制作会社・フリーランスの方（組み込んだものは納品できます） ・毎月、スプレッドシートからグラフを作り直している方（スプレッドシート版なら、いまのシートがそのまま画面になります） ・見る方に Google アカウントを求めずに、自社のサイトで数字を見せたい方（埋め込み・Next.js の置き方） ・ご自身で置くのが不安な方（設置までお任せいただけます。下の「お値段」をご覧ください） ■向いていない方 ・社内の数人で見るだけで、全員が Google アカウントをお持ちの方（下の比較の無料の Looker Studio で足ります） ・円グラフ・2 軸のグラフ・地図・掘り下げ（ドリルダウン）が要る方（入っていません） ・データベースに直接つなぎたい方、画面の上で設定を書き換えたい方（入っていません） ・日付が「10/1」や「R8.10.1」のままの表を読ませたい方（2026-10-01 のように、年の 4 桁から始まる形に直す必要があります） ■ほかの方法と比べる ・無料の道具: Looker Studio（0 円（Pro 版は有料））── スプレッドシートなどをつないで、グラフの画面を作れる Google の道具です。レポートは Google アカウントで作り、共有の設定で見る方を決めます。 ・標準の機能: Google スプレッドシートのグラフ（0 円（スプレッドシートにあります））── 表からグラフを作れます。期間や店で切り替える画面は、フィルタやピボットテーブルを組み合わせてご自身で作ります。 ・似たサービス: Geckoboard（無料のプランなし。Essentials が年払いで月 $79 から（14 日の無料体験あり））── 数字の画面を作る月額のサービスです。 ・このキット: ダッシュボード キット（¥9,800（税込・買い切り））── 設定を書くだけで、KPI・折れ線・棒・目標・表が 1 枚にそろい、期間と区分の絞り込みで全部が同時に変わります。お客さまのサイトにも埋め込めます。月額は 0 円で、プログラムはお手元に残ります。 無料の道具で足りる方には、そちらをおすすめします。 ほかの方法の内容と費用は、2026/10/20 に各社のページで確かめたものです。 何ができるか スプレッドシートや 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 行までです。 価格とライセンス ¥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。 ■領収書・インボイス 本ショップは適格請求書発行事業者ではないため、BOOTH の購入履歴から領収書は発行されません（BOOTH の領収書はインボイス発行事業者のショップに限られます）。経費の記録には、BOOTH から届く「ご注文の確認」のメールと、お支払い方法の明細（クレジットカードの利用明細など）をお使いください。消費税の仕入税額控除の対象にはなりません。 更新履歴 1.0.3（2026-10-22）: Next.js のテンプレを Next.js 16（16.4 系）に上げ、残っていた依存の脆弱性を解消しました。画面と使い方の変更はありません（Node.js 20.9 以上が必要です）。 1.0.2（2026-10-22）: Next.js のテンプレが使う Next.js と React を、セキュリティ修正版より古い版にならないようにしました。機能の変更はありません。 1.0.1（2026-10-20）: 金額の列に「-」や空欄があると黙って 0 円に数えていたのを、数として読めなかった件数を札の下に出すようにしました。Google フォームのタイムスタンプ（2026/09/12 12:41:05 のような形）を日付として読めるようにし、読めない日付があれば件数と例を赤い帯で知らせます。データを取り込めなかったときの理由（番号・届かない・形が違う・URL）も表示します。スマホ幅で札の題が 1 文字ずつ折れていたのを直し、表の端を見やすくしました。1.0.0 をお求めの方は無料で更新いただけます。