HTMLダッシュボードを関係者に安全に共有する方法

HTMLダッシュボードの共有でつまずきやすいこと

売上集計やKPIの推移を、ChartライブラリやテーブルでまとめたHTMLダッシュボード。手元のブラウザではきれいに表示できても、いざ関係者に渡そうとすると意外と手が止まります。HTMLファイルをそのままメールに添付しても、受け取った人の環境では画像やグラフが崩れたり、CSSが効かなかったりすることが珍しくありません。

かといって、わざわざサーバーを借りてデプロイ設定を覚えるのは負担が大きいものです。社内の数字を扱う画面であれば、誰でもアクセスできる場所には置きたくない、という懸念もつきまといます。

つまりダッシュボード共有では、「表示が崩れないこと」「閲覧できる相手を絞れること」「数値を更新したときの差し替えが楽なこと」の3点を同時に満たす必要があります。これらを手早く解決する選択肢が、認証付きの共有URLを発行できるサービスです。

そもそも認証付きの共有URLとは

認証付きの共有URLとは、HTMLやZIP（HTML・CSS・JS・画像一式）をアップロードするだけで、閲覧できる相手を指定したWebページとして公開できる仕組みです。サーバー構築やデプロイ設定は不要で、発行されたURLを関係者に送るだけで共有が完了します。

ダッシュボードのように関係者限定で見せたいコンテンツでは、「誰に見せるか」を選べる点が重要になります。リンクを知っている人だけに見せる、パスワードを知っている人だけに見せる、特定のメールアドレスやドメインの人だけに見せる、といった具合に閲覧範囲を調整できます。

この種のサービスとして「ギガサイト便」があります。AIなどで作ったHTMLやZIPを、そのまま共有URLにして公開できるサービスで、ダッシュボードやレポート画面のように、社内・取引先の限られた人にだけ届けたい用途に向いています。

共有前チェックリスト

HTMLダッシュボードを関係者に安全に共有は、共有する中身によって確認観点が変わります。見た目、操作、個人情報、外部送信、スマホ表示のどれが重要かを先に決めてからURL化します。

チェックリスト化しておくと、毎回同じ品質で共有できます。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 見た目: PC/スマホ、余白、画像、フォント、折り返しを確認する
• 操作: ボタン、リンク、フォーム、遷移先を確認する
• 情報: 顧客名、社内URL、価格、未公開文言が残っていないか見る
• 共有: 認証、期限、差し替え、レビュー依頼文をセットで決める

ギガサイト便でダッシュボードを共有する手順

ここでは、実際にHTMLダッシュボードを共有URLにするまでの流れを順番に説明します。匿名でその場限りに渡すこともできますが、社内の数字を扱う場合は無料アカウントを作って管理する方法をおすすめします。

1. 無料アカウントを作成し、サイト一覧の画面を開く。
2. ダッシュボードのHTMLファイル、または一式をまとめたZIPをアップロードする。
3. アップロード時のセキュリティスキャンの警告を確認する。
4. 閲覧範囲に合わせて認証方式を選ぶ（例: メール認証や会社ドメイン認証）。
5. 公開期限を設定し、見せたい期間が過ぎたら自動で閉じるようにする。
6. 必要ならスラッグ（URL末尾）をわかりやすい文字列に編集する。
7. 発行された共有URLを関係者に送る。

閲覧範囲は認証方式で絞り込む

ダッシュボードに載るのは多くの場合、社外に出したくない数字です。閲覧範囲は4つの認証方式から選べます。

「URLのみ」はリンクを知っていれば誰でも閲覧できる手軽な方式で、社内の気軽な共有向きです。より厳密に絞るなら「パスワード認証」、相手本人を確かめたいなら指定メール宛のワンタイムで確認する「メール認証」があります。取引先や自社の全員に配るなら「会社ドメイン認証」が便利で、指定したメールドメインを持つ人だけが閲覧できます。

なお、一時公開ページには検索結果に出にくくする noindex が付きますが、これはアクセス制御ではありません。本当に見せたくない相手をブロックしたい場合は、必ず認証方式とあわせて設定してください。

数値の更新と公開後の管理

ダッシュボードは一度作って終わりではなく、月次や週次で数値を更新するケースがほとんどです。同じURLのままファイルを差し替えられるため、最新データに置き換えてもリンクを送り直す必要がありません。関係者はいつものURLを開くだけで最新の集計を確認できます。

公開期限を設定しておけば、見せたい期間が過ぎた時点で自動的に閲覧できなくなります。閉じ忘れによる情報の流出リスクを減らせるのは安心です。誰がいつ見たかはアクセスログで確認できます。

アップロード時にはセキュリティスキャンが走り、APIキーらしき文字列や外部スクリプトへの依存、静的公開に不要なファイルなどの兆候を検出して警告します。たとえばデータ取得用のAPIキーをHTMLに直書きしていた、といったうっかりミスに気づける仕組みです。なお公開されるのは静的なHTMLのため、PHPなどサーバー側の処理は動きません。集計済みの結果を表示する画面として設計しておくとよいでしょう。