はじめに

業務において、パスワードや機密情報を安全に送る方法は常に課題です。
パスワード付きZIP（PPAP）の廃止が進む中、代替案として「チャットとメールの使い分け」などが一般的ですが、誤送信のリスクはゼロにはなりません。

そこで、「鍵をかけて守る」のではなく**「秘密があること自体を隠す」**というアプローチとして、画像の中にメッセージを隠蔽する「ステガノグラフィ」ツールを作成しました。

作ったもの

ひみつぽっけ -ツールページ

一見ただの画像ですが、その中にテキストデータを埋め込んでいます。

今回採用したのは、画像の各ピクセルのRGB値の「最下位ビット」を書き換える手法です。

コンピュータにとっての「色」は、R・G・Bそれぞれ8ビット（0〜255）で表現されます。このうち、最も数値に影響の少ない「1ビット目（最下位ビット）」を隠したい情報のバイナリデータに置き換えます。

色の変化は最大でも $\frac{1}{255}$ であり、人間の肉眼で元の画像との差異を判別することは不可能です。

JavaScriptのCanvas APIを使用して、ピクセルデータ（Uint8ClampedArray）を直接操作しています。

// 実装イメージ：RGB値の最下位ビットを binaryDigit (0 または 1) で置き換える
data[i] = (data[i] & 254) | parseInt(binaryDigit);

このツールの最大の特徴は、画像を一切サーバーに送信しないことです。

バックオフィス業務では機密情報を扱うため、いくら便利でも「外部のサーバーに画像やパスワードをアップロードする」ことはそれ自体がリスクになります。
WebCrypto APIやCanvas APIを駆使し、すべての処理をクライアントサイドで行うことで、物理的にデータ漏洩が起こらない設計にしました。

「ガチガチの暗号」も大切ですが、こうした「存在を隠す」という工夫も、現場のセキュリティ意識を高める一つのきっかけになれば面白いなと思っています。

よろしければ、改善点などのフィードバックをいただけますと幸いです。