Webツールというと、URLを開いてその都度使うものを想像しがちですが、HTML・CSS・JavaScriptなどを1つのHTMLファイルへまとめれば、そのファイル自体をツールとして保存して使える場合があります。フォルダー一式を持ち歩く必要がなく、USBメモリや共有フォルダーへコピーしておけるため、用途によっては扱いやすい形です。

一方で、"1つのHTMLにまとまっている"ことと、"ネットにつながず使える"こと、"入力データを外部へ送らない"こと、"作業データまでHTMLの中に保存される"ことは別の話です。Browser Kittyでは可能な限り単一HTMLで配布できる構成を重視していますが、保存して使うときにはいくつか確認しておきたい点があります。ここでは、単一HTMLのメリットと、誤解しやすい注意点を分けて整理します。

3つを分けて考える

配布形式

単一HTML

HTML・CSS・JavaScriptなどを1ファイルにまとめること。外部通信の有無までは決まりません。

ネットワーク

オフライン利用

起動後に外部通信がなくても主要機能を使えること。単一HTMLでも外部依存があれば成立しません。

データ処理

完全ローカル処理

ユーザーファイルや入力を外部へ送らず、端末内で処理すること。配布形式とは別に確認します。

単一HTMLは、ツール一式を1ファイルで持てる

一般的なWebページは、HTML本体のほかにCSS、JavaScript、画像、フォント、Worker、WASMなど複数のファイルへ分かれています。単一HTMLでは、それらを可能な範囲でHTML内へ埋め込みます。保存するときにフォルダー構成を維持する必要がなく、1ファイルをコピーすればよいことが大きな利点です。

特定の作業で同じツールを繰り返し使う場合は、動作を確認した版を手元へ残しておけることもメリットです。Web版が更新されても、保存したHTML自体はその時点の内容のままなので、手順書と組み合わせて同じ版を使いたい場面では扱いやすくなります。

「単一HTML」と「オフラインで使える」は同じではない

HTMLが1ファイルでも、起動後にCDNからライブラリを読む、外部フォントや画像を取得する、APIへ問い合わせる、といった処理は作れます。その場合、ファイル自体は1つでもネットワークがなければ一部または全部が動きません。オフライン利用を期待するなら、実行時に必要な外部通信がないかを別に確認する必要があります。

Browser Kittyでは、完全ローカル処理を前提とするツールで実行時の外部依存をできるだけ避けています。ただしカメラやマイクなど、ブラウザのセキュリティ条件に左右される機能は別です。ローカルのHTMLを直接開く `file://` では制約が出るブラウザもあるため、そのツールがHTTPSやlocalhostを必要とするかを確認します。

「単一HTML」と「完全ローカル処理」も別に確認する

単一HTMLは配布形式の話で、ユーザーのファイルや入力内容をどこで処理するかとは直接関係ありません。1つのHTMLからファイルを外部APIへ送信することも技術的には可能です。逆に、複数ファイルで構成されたWebアプリでも、すべてを端末内だけで処理することはできます。

  • プライバシーを理由に選ぶなら、「単一HTML」という表示だけで判断しない
  • ファイルや入力データを外部へ送る処理があるかを別に確認する
  • Browser Kittyで「完全ローカル処理」と説明する場合は、ユーザーデータを外部へ送らないことを前提にする

HTMLをコピーしても、作業データまで移るとは限らない

ツール本体が単一HTMLでも、設定や履歴を `localStorage` やIndexedDBなどのブラウザ保存領域へ置くアプリがあります。この場合、HTMLファイルはツールのプログラムであり、作業データはブラウザ側に別保存されています。別のPCへHTMLだけコピーしても、前の端末のデータが自動で付いてくるわけではありません。

  • Check-in Deskのツール本体：単一HTMLとしてコピーできる
  • 名簿・受付履歴：ブラウザの保存領域に保持される
  • 端末移行やブラウザーデータ削除の前：JSONバックアップを保存する

保存した版は自動更新されない

保存したHTMLは、Webサイト上の最新版とは別物になります。これは「確認済みの版をそのまま使える」というメリットでもありますが、不具合修正、ブラウザ対応、依存ライブラリ更新なども自動では取り込まれません。久しぶりに使うときは、公開元に新しい版がないか確認した方がよい場合があります。

  • ファイル名やメモに版数・保存日を残す
  • 公開元のURLやGitHubリポジトリも一緒に記録する
  • ブラウザAPIを使うツールは、久しぶりに使う前に最新版と動作条件を確認する

HTMLは文書ではなく、動くプログラムとして扱う

HTMLファイルはブラウザで表示する文書ですが、JavaScriptを含めれば処理を実行できます。外部通信、ファイル選択、クリップボード、カメラやマイクなど、ブラウザが許可する機能を利用することもあります。そのため、出所が分からないHTMLを"ただの文書"として気軽に開くのは避けた方が安全です。

保存して使う場合は、公式サイトや公開リポジトリなど信頼できる取得元から入手し、必要なら公開されているソースやプライバシー説明を確認します。社内や家族へHTMLを渡す場合も、どこから取得したファイルか、何の用途のツールかが分かる状態にしておくと扱いやすくなります。

単一HTMLが向いている場面、向いていない場面

単一HTML化できるかどうかだけでなく、その作業が「1台のブラウザの中で完結する性質か」を先に考えると判断しやすくなります。サーバーとの継続的な通信を必要としない作業ほど、1ファイルで持てる利点を活かしやすくなります。

  • 向いている：たまに使う小さなツール、ファイル処理、小さな計算、閲覧ツール、動作確認済みの版を固定したい作業
  • 向いていない：複数人の同時編集、クラウド同期、常に最新データが必要な処理、アカウントやサーバー側DBが中心のサービス

保存して使う前に、3つだけ確認

ここまで読むと確認することが多そうに見えますが、普段使いなら難しい調査をする必要はありません。まずは次の3つを実際に試しておけば、保存したあとに困るケースの多くを避けられます。

  1. 説明と配布元を見る公式ページやREADMEの「プライバシー」「外部通信」などを読み、どのデータが端末内で処理されるのかを確認します。意味が分からない場合は、個人情報や機密ファイルではなくテスト用のデータから試します。
  2. 保存版を実際に使ってみるHTMLを端末へ保存してダブルクリックし、普段使いたいファイルの読み込み・処理・保存まで一度通します。オフラインでも使いたいならネットを切って試し、カメラやマイクを使うツールは保存版から開始できるかも確認します。
  3. 作業データの残り方を見るテスト用の設定や履歴を1件だけ作ってページを閉じ、同じHTMLをもう一度開きます。内容が残っていたら、「バックアップ」「エクスポート」があるか確認して一度保存し、別のPCへ移すときにHTML以外のファイルも必要か確かめます。
もう少し詳しく確認したい場合

外部通信を詳しく見たい場合は、Chrome / Edgeの開発者ツールで「Network」を開き、一覧を消してからページを再読み込みし、主要な操作を試します。外部のURLへの通信が出ていれば、その送信先と目的を確認できます。これは補助的な確認方法なので、READMEやプライバシー説明と合わせて判断します。

設定や履歴の保存場所を詳しく見たい場合は、開発者ツールの「Application」からLocal StorageやIndexedDBを確認できます。ここにデータがある場合、HTMLファイルとは別にブラウザ内へ保存されています。

Browser Kittyで試す

受付・出欠チェック

繰り返し使える名簿で受付・出欠・入退室を記録し、履歴確認やCSV / JSON保存まで1台の端末で行えます。

ツールを開くツールの詳細を見る

注意点

  • "単一HTML"は配布形式、"オフライン"はネットワーク依存、"完全ローカル処理"はデータの処理場所、と分けて考えると混同しにくくなります。
  • 保存したHTMLを別端末へ移す前に、ブラウザ保存領域のデータも必要か確認してください。HTMLだけでは移らないアプリがあります。
  • AIモデルやWASMを内包するツールは単一HTMLでも数十MB以上になることがあります。持ち運びやメール添付ではサイズも確認します。
  • 長期保存する場合はHTMLだけでなく、元のGitHubリポジトリや公開ページも一緒に記録しておくと更新版を探しやすくなります。

よくある質問

単一HTMLなら、必ずオフラインで使えますか？

いいえ。1ファイルでも起動後にCDNやAPIへ通信する構成は作れます。オフライン利用には、実行時の外部依存がないことを別に確認する必要があります。

単一HTMLなら、ファイルは外部へ送信されませんか？

いいえ。単一HTMLは配布方法を表すだけで、外部送信の有無は別です。プライバシー説明や実行時通信を確認してください。

HTMLを別のPCへコピーすれば、設定や履歴も移りますか？

ツールによります。`localStorage` やIndexedDBなどブラウザ保存領域を使うアプリでは、HTMLだけをコピーしてもデータは移りません。エクスポートやバックアップ機能を確認してください。

保存したHTMLはずっと同じように使えますか？

保証はできません。保存版自体は変わりませんが、ブラウザAPIや権限制御が変わると動作へ影響する場合があります。久しぶりに使う場合は公開元の最新版も確認してください。

知らない人から送られたHTMLを開いても大丈夫ですか？

おすすめしません。HTMLはJavaScriptを実行できるため、出所が分からないファイルは受動的な文書として扱わず、信頼できる配布元から取得してください。