Mandumonのツールがすべてブラウザー内で処理する理由

オンラインの変換ツールを使っていると、「自分の写真はどこに行くのだろう」と気になることがあるはずです。Mandumonの絵文字メーカーとデザインQRは、入力した文字や写真をサーバーにアップロードせず、お使いのブラウザーの中だけで処理するように作られています。この記事では、その仕組みがどのように成り立っているのか、何が良くなり、何が不便になるのかを、良い面だけでなく欠点も含めて説明します。

「ブラウザー内で処理する」とは

一般的なオンラインツールは、ファイルをサーバーに送り、サーバーで変換した結果を受け取ります。ブラウザー内での処理は、これとは異なります。ページを開くと、JavaScriptで書かれたプログラムが一緒に届き、その後の計算はすべてお使いのパソコンやスマートフォンの上で実行されます。写真を選ぶと、そのファイルはブラウザーのメモリに読み込まれ、その中で描画されます。端末の外に出ることはありません。サーバーの役割は、ページとプログラムを届けることです。写真を受け取ることはありません。

この方式にした理由

• プライバシー：家族の写真や会社のロゴ、QRコードに入れたWi-Fiのパスワードも、どこにも送られる必要がないので、私たちに預けることにはなりません。
• 速さ：アップロードやダウンロードの待ち時間がないので、文字を編集した瞬間にプレビューが変わります。
• コストと持続性：変換用のサーバーを動かさずに済むため、登録も課金もなしで無料のまま続けやすく、止まる原因も少なくなります。
• 障害への強さ：ページを読み込んだあとは、通信が不安定でも、多くの作業を続けられます。

CanvasとWeb Workerをやさしく説明すると

ブラウザーには、Canvasという描画用の領域が備わっています。文字をどこに、どのフォントで置くか、写真を何度回転させるかを指示すると、1ピクセルずつ絵を作ってくれます。動く絵文字は、少しずつ違う絵をたくさん順番に描いてつなげたものにすぎません。そのフレームをひとつのGIFファイルにまとめる作業は「エンコード」と呼ばれ、これもブラウザーの中で行われます。

Web Workerは、画面の操作を保つ作業とは別に、ブラウザーが計算を実行できるようにする助っ人です。重い計算を画面と同じ場所で動かすとボタンが固まってしまうことがありますが、Workerに任せれば動作がなめらかになります。すべてのツールに必要なわけではありませんが、ブラウザー内の処理が現実的になった理由のひとつは、ブラウザーがすでにこうした機能を備えているからです。

正直にお伝えする限界

ブラウザー内での処理は、魔法ではありません。どんな弱点があるかを知っておくと役に立ちます。

• 端末の性能に左右されます：大きな画像やフレーム数の多いGIFは、古いスマートフォンでは遅くなったり、失敗したりすることがあります。
• 初回にデータをダウンロードするものがあります：フォントやAI切り抜きなどの機能は、初めて使うときに必要なものを取得します。ダウンロードされるのはフォントやモデルであり、写真が送信されるわけではありません。
• まったく何も残らないわけではありません：アクセスされたアドレスや時刻、ブラウザーの情報といった基本的なアクセス記録は、ホスティング事業者のCloudflareが扱う場合があります。また、色などのデザイン設定は、お使いのブラウザーに記憶されることがあります。
• 共有は別です：絵文字をギャラリーに公開することを選んだ場合は、表示に必要な情報がサーバーに保存されます。アップロードした画像を使った絵文字は公開できません。
• ご自分で確かめられます：ブラウザーの開発者ツールに慣れている方なら、Networkタブで通信を確認できます。「信じてください」と言われるより、確かめられることのほうが大切です。

自分で確認する方法

1. ブラウザーで絵文字メーカーを開き、開発者ツール（F12）のNetworkタブを開きます。
2. 写真をアップロードして、いくつかエフェクトを切り替えながら、タブを見ていてください。
3. 画像を含むアップロードのリクエスト（POST）が送信されていないことがわかります。

まとめると、ブラウザー内での処理は「信じてください」というより、「ご自分で確かめてください」に近い方式です。ただし、あらゆるリスクがなくなるわけではないので、どの情報が端末内にとどまり、どの情報が選択によってサーバーに送られるのかを区別して理解しておくと、安心してお使いいただけます。Mandumonは今後も、新しいツールを作るときにはこの原則を最優先とし、例外がある場合は、そのツールの案内文とプライバシーポリシーにはっきり記載します。