Web上の便利ツールを使っていると、「お使いのブラウザだけで処理します」「データをサーバーに送信しません」という説明を見かけませんか？
私が開発している「二仙ツール」でも、こうした説明を使っています。とはいえ「ブラウザで処理する」と言われても、何がどう動いているのか分かりにくいですよね。
実は、普段Webサイトを見るときに使っているChromeやEdgeには、画像を加工したり、ファイルを読み取ったりする機能も備わっています。
この記事では、ブラウザの基本からサーバー処理との違い、データを外部へ送らずに加工できる仕組みまで、身近な例を使って説明します。
そもそもブラウザって何？
ブラウザとは、Webページを表示したり、Web上のさまざまな機能を利用したりするためのソフトウェアです。
例えば、Googleの「Google Chrome（クローム）」、Microsoftの「Microsoft Edge（エッジ）」、Appleの「Safari（サファリ）」。パソコンやスマートフォンでインターネットを見るときに使っている、あのアプリのことです。
ブラウザの主な仕事は、Webサイトから受け取った情報を、文字や画像などとして画面に表示すること。リンクをクリックして別のページへ移動したり、入力欄に文字を打ち込んだりできるのも、ブラウザのおかげです。
さらに、見た目は別々の製品でも、内部の技術には共通する部分があります。パソコン向けのChromeとEdgeは「Chromium（クロミウム）」を基盤としており、Safariは「WebKit」という技術を利用しています。
自動車に例えるなら、メーカーや車種は違っても、共通する部品や技術が使われているようなイメージでしょうか。
世界的なIT企業が開発し、機能の追加やセキュリティの修正を続けている点も、普段のブラウザの特徴です。
ブラウザの機能はレゴのブロックに似ている
ブラウザには、Webページを表示する以外にもたくさんの機能が備わっています。それらをプログラムから利用することで、画像加工やゲームなど、さまざまなツールを動かせます。
この仕組みは、レゴのブロックを想像すると分かりやすいと思います。
レゴには小さな四角いブロックもあれば、車輪や窓のような部品もありますよね。１個ずつでは単なる部品ですが、組み合わせれば家にも車にもなります。
ブラウザも少し似ています。例えば、利用者が選んだファイルを読み取る機能、画像を画面上に描く機能、加工した画像を書き出す機能などを利用できます。
画像を選び、読み取り、加工し、新しい画像として保存する。そんな一連の仕事も、ブラウザ上で動くプログラムと、これらの機能を組み合わせれば実現できます。
もちろん、レゴのようにブロックを置くだけで完成するわけではありません。どの機能を、どの順番で使うかをプログラムで指示する必要があります。
それでも、専用の加工ソフトを新たにインストールしなくても、ブラウザがあれば多くの作業が実現できる理由が、少しイメージできたのではないでしょうか。
サーバーで処理するって、どういうこと？
二仙ツールでも「読み込んだデータは外部のサーバーに送信しません」などと説明しているケースがあります。そもそも「サーバーで処理」とはどういうことか？
サーバー処理とは、利用者のパソコンやスマートフォンではなく、外部にあるコンピューターでデータを加工・計算する仕組みです。
「サーバー」と聞くと難しそうですが、要するに、インターネットを通じて様々な処理を行うコンピューターのことです。Webサイトの情報を届けたり、送られてきたデータを加工したりします。
例えば、写真を加工してくれるWebサービスを考えてみましょう。サーバー側で加工するタイプなら、次のような流れになります。
- 利用者が写真を読み込ませる
- 写真のデータを外部サーバーへアップロード（送信）する
- サーバーが写真を加工する
- 加工後の写真を利用者のブラウザに返す
つまり、あなたが読み込ませた写真は一度、インターネット通信を使って、あなたのPCやスマホの外へ出ていきます。
わかりやすく言うと、自分のPCやスマホの中にある画像を、インターネット通信を使って遠くの「画像を加工する工場」に送って、出来上がった画像を再び、インターネット通信で手元のPC・スマホにダウンロードする。という流れです。
「ブラウザ完結」「ローカル完結」なら何が違う？
二仙ツールのようなブラウザ完結型の画像加工ツールでは、外部サーバーに加工処理を任せず、手元の端末上で処理を実行します。
先ほどの写真加工なら、写真を選んだ後、ブラウザがそのデータを読み取り、その場でサイズ変更などを行い、加工した写真を保存する、という流れです。加工のために写真をサーバーへアップロードする必要がありません。
一言でいうと、写真の読み取りから加工まで、自分のパソコンやスマホの中で済ませるということです。つまり、自分のPC・スマホにインストールしている「ブラウザ」が「画像を加工する工場」の役割を担います。
ブラウザ完結型のツールは、いいことばかり？
外部にデータを送らず処理できることにはメリットがありますが、ブラウザ完結型があらゆる用途で優れているわけではありません。
まず「ブラウザ完結型」の大きなメリットは、プライバシーへの配慮です。例えば、家族の写真や仕事で使う書類を加工するとき、ファイルを第三者のサーバーへ渡さず、自分のPC・スマホ内で加工できることは、利用する側として安心材料になります。
写真をアップロードする時間を省ける場合もあります。大きな画像を送受信するサービスなら通信に時間がかかりますが、手元で完結する処理なら、そのやり取りが不要です。
ただし、写真の加工作業をするのは自分のPCやスマホです。大きな画像や大量のファイルを扱うと、お使いのPC・スマホの性能やメモリの容量によって処理が遅くなったり、動作が不安定になったりする可能性があります。
逆にサーバー処理なら、写真の加工作業は高性能なコンピューターに任せられます。
二仙ツールは、どんな仕組みを採用しているの？
私が公開している二仙ツールは、入力されたデータをブラウザ内で処理し、加工のために外部サーバーへ送信しない設計を採用しています。
例えば、画像を加工する場合、画像は利用者の端末上で読み取って処理します。個人の写真や仕事の資料を扱うツールだからこそ、データをサーバーへ預けずに済む仕組みを重視しています。
二仙ツールには、Webページを開いて使うオンライン版と、HTMLファイルを保存して使うオフライン版があります。どちらも機能は同じで、無料で使えます。
オフライン版は、１つのHTMLファイルに必要なプログラムをまとめています。ブラウザで開けばネット接続なしでも動作する設計で、追加の加工ソフトも不要です。
オンライン版は、最初にページを表示するための通信が発生します。ページを開く（読み込む）ために通信しますが、その後はオフラインと同じで、入力データが外部送信されることはありません。
ブラウザを安全に使うために気を付けたいこと
ブラウザはさまざまな安全策を備えていますが、更新と拡張機能には注意が必要です。
古いバージョンを使い続けず、ChromeやEdge、Safariの更新を適用して、常に最新版を使うのが基本です。
そして、見落としやすいのが拡張機能。便利な反面、許可された権限によっては、Webページに入力した情報を読み取れるものがあります。ブラウザ内で処理が完結するツールでも、拡張機能まで無条件に安全とは言い切れません。
Chromeの「ゲストモード」を利用することで、拡張機能を入れない状態でブラウザを動かせます。「シークレットモード」も似たような機能なのですが、シークレットモードでは個別に許可した拡張機能が動作する場合があります。
詳しい安全対策は、別記事の「二仙ツールをより安全に使う４つの方法」で紹介しています。気になる方はこちらもご覧ください。
まとめ
お使いのブラウザだけで処理する「ブラウザ完結」、データをサーバーに送信しない仕組みの意味がご理解いただけたでしょうか？
ChromeやEdge、Safariなどの大手IT企業が提供している「ブラウザ」には、レゴのブロックのような様々な機能があります。
これらのレゴのブロックを組み合わせることで、インターネット接続がなくても、ブラウザだけで処理するツールを作ることができます。
一般的には、ツールに読み込ませたデータを、外部のサーバー（データを加工する工場）に送り、加工し終わったデータを再び手元に返す仕組みが採用されています。
一方で「ブラウザ完結」のツールでは、ツールに読み込ませたデータは、あなたのPCやスマホの中だけで加工します。あなたのPCやスマホにインストールされているブラウザが「データを加工する工場」の役割を果たすので、データを外部に送る必要がありません。
こうした理由から「ブラウザ完結」のツールはインターネット通信がなくても動作するのです。