ブラウザとは何をしている道具か｜4つの仕事から見る

ブラウザとは何かと聞かれて、Webサイトを見るためのソフト、と答えれば半分は合っています。ただ、1日の大半をGmailやSlackやドキュメントの中で過ごしている人にとって、その説明ではもう足りません。いま画面に映っているのは、見るためのページではなく、仕事そのものだからです。ブラウザは4つの仕事を同時にやっていて、そのうち3つは表に出てきません。この4つを分けて見ると、日々の詰まりがどこで起きているのかが分かりやすくなります。

定義を先に確認する

用語の定義としては、次の説明が簡潔です。

ウェブブラウザーまたはブラウザーは、ウェブからページを取得して表示するプログラムで、ユーザーがハイパーリンクを通して更に他のページへアクセスできます。ブラウザーはユーザーエージェントの最もなじみ深い形です。これはレンダリングエンジンを使用して、ウェブページを表示します。 出典: developer.mozilla.org

ここに出てくる言葉のうち、実務で効いてくるのはレンダリングエンジンとユーザーエージェントの2つです。エンジンは、受け取ったデータを画面の形に組み立てる部分です。ユーザーエージェントは、サイト側から見たときの「誰が見に来ているか」という名乗りのことです。

この定義には、いまのブラウザがやっている仕事の半分しか書かれていません。書かれていないのは、データを手元に保存する仕事と、機能を後から足す仕事です。この2つが、複数のアカウントや複数のサービスを扱う人にとっては一番効いてきます。

ブラウザがやっている4つの仕事

• 取得。入力されたアドレスに対して通信し、HTMLやCSSや画像やスクリプトを受け取ります
• 描画。受け取ったものをエンジンが解釈して、文字と枠と色に組み立てます。JavaScriptを実行して動きを付けるのもここです
• 保存。Cookie、ローカルストレージ、キャッシュ、パスワード、履歴を手元に置きます。ログイン状態が残るのはこの仕組みのおかげです
• 拡張。拡張機能を通じて、ページの見た目やふるまいを後から変えられるようにします

見た目に関係するのは最初の2つで、日々の困りごとの大半は3つ目から出ます。どのアカウントで開いているか、なぜ勝手にログアウトされるのか、なぜ別のプロファイルでは入り直しになるのか。これらは全部、保存の仕事の話です。

資源の使われ方も、この4つで説明が付きます。ページを開いたままにすると重くなるのは、描画した結果とスクリプトの実行状態をメモリの上に保ち続けているからです。読み終えた記事のタブと、動き続けているチャットのタブでは、同じ1枚でも消費がまったく違います。前者は表示を保つだけですが、後者は通信を続け、受け取ったものを処理し続けています。タブの枚数だけを数えても重さの説明にならないのは、この差があるためです。

ユーザーエージェントという名乗り

定義に出てきたユーザーエージェントは、サイト側から見た「何で見に来ているか」の情報です。ブラウザの種類とバージョン、OSの種類がここに入ります。サイトはこれを見て、画面の作りを変えたり、対応していないと判断して警告を出したりします。

業務システムで特定のブラウザ以外は非対応と表示されるのは、多くの場合この名乗りを見ての判定です。実際には問題なく動くのに警告だけ出ることもあれば、本当に動かないこともあります。判定の基準は相手側にあるので、手元のブラウザを替える前に、その業務システムが何を対応と定義しているかを確かめるほうが確実です。

検索エンジンとブラウザは別のもの

日常会話では混ざりやすい2つですが、層が違います。ブラウザは手元のMacで動くアプリケーションで、検索エンジンは相手側で動いているサービスです。検索の画面はブラウザが表示している1つのWebサイトであって、ブラウザの一部ではありません。

区別が実務で効く場面は、たとえば次のようなときです。

よくある言い方	実際に指しているもの
検索が遅い	相手側のサービスか回線の話
ブラウザが重い	手元のアプリとタブが使う資源の話
ログインが切れる	手元の保存領域か相手側のセッションの話
表示が崩れる	エンジンとサイトの実装の話

どの層の話なのかが決まると、触る場所も決まります。検索の結果に不満があるのにブラウザを乗り換えても何も変わりませんし、タブの重さに困っているのに検索エンジンを変えても変わりません。

中身のエンジンは、思っているより種類が少ない

名前の付いたブラウザはたくさんありますが、描画を担うエンジンは主に3系統です。

• Blink系。ChromeとEdgeとBraveとVivaldiとOperaが該当します。Chromiumという共通の土台を分け合っています
• WebKit系。Safariが該当します。macOSに最初から入っています
• Gecko系。Firefoxが該当します

つまり、Chromeで正しく表示されるページはEdgeやBraveでもだいたい同じに表示されます。見た目が同じなら何が違うのかというと、上に載っている部分です。タブの並べ方、プロファイルの扱い、同期の仕組み、既定の設定、広告や追跡への態度。ブラウザ選びとは、実質的にこの上物を選ぶ作業です。

エンジンが同じであることには、移行のときの利点があります。Chromiumを土台にしたブラウザ同士なら、拡張機能もブックマークもだいたいそのまま持っていけます。逆にエンジンが違うところへ移ると、対応していない拡張機能が出てきます。

系統がこれだけ少ないという事実は、比較記事を読むときの補正にもなります。表示の速さや互換性を売りにしている説明の多くは、実際にはエンジンの性能を語っており、同じ系統の製品どうしではほとんど差がありません。差が出るのは、標準で何を遮断するか、初期状態でどれだけ通信するか、複数の名義をどう扱うか、といった方針の部分です。3系統しかないという前提を持っておくと、どの主張が中身の話でどの主張が上物の話かを見分けやすくなります。

ログイン状態がどこに置かれているか

複数のアカウントを扱う人にとって、ブラウザの理解で一番大事なのがここです。ログインを保っているCookieは、タブにも窓にも属していません。プロファイルと呼ばれる保存領域に属しています。

この一行を知っているかどうかで、遠回りの量が変わります。同じプロファイルで窓を2つ開いても、片方だけ別のアカウントにすることはできません。窓を分けたのだから分かれるはず、という直感が外れる理由がこれです。

分ける手段はブラウザによって用意が違います。Chromiumの系統とSafariはプロファイルという単位を持ち、それぞれが専用の窓で動きます。Firefoxにはプロファイルに加えて、タブ単位で分けるコンテナという仕組みがあります。プライベートウィンドウやシークレットウィンドウは一時的な領域で、閉じると消えます。

• 常用するアカウントを分けたいなら、プロファイルかコンテナ
• 一時的な確認なら、プライベートウィンドウ
• 他人に端末を貸すなら、ゲスト

保存されているものは、ログイン状態だけではありません。フォームに入れた内容の下書き、地図の表示位置、エディタの設定、読みかけの位置。サイト側が手元に置いている小さなデータが、体験の連続性を作っています。閲覧データを一括で消すとログインだけでなくこれらも消えるのは、同じ場所に置かれているからです。調子が悪いときに全部消すという手当てが、直ることもあれば余計な手戻りを生むこともあるのは、この巻き込みのためです。

ここで押さえておきたいのは、分離と施錠が別だということです。プロファイルを分けても、その端末を使える人は別のプロファイルへ切り替えられます。誤操作を防ぐ効果はありますが、権限を守る仕組みではありません。

読むための道具から、使い続けるための道具へ

ブラウザという言葉が生まれた頃、その役割は文書を読むことでした。開いて、読んで、閉じる。いまは違います。メールもチャットもドキュメントも設計図も会計も、閉じたら仕事が止まるものが全部ブラウザの中にあります。

この変化が、いくつかの噛み合わなさを生んでいます。

• タブは1本の帯に並ぶ設計です。読むページが5枚なら足りますが、常駐する道具が15個並ぶと見出しが読めなくなります
• 履歴は訪れた順に積まれます。使い続ける道具に対しては、順番という情報にあまり意味がありません
• 保存領域は1人1つを前提にしています。1人が名義を4つ持つ前提にはなっていません

各社はこの噛み合わなさに、それぞれの答えを出してきました。タブをまとめるグループ、タブを縦に並べる表示、Webサイトをアプリのように独立した窓で開く仕組み。どれも、読むための構造の上に、使い続けるための層を足す試みです。

この流れの中で、ブラウザとアプリの境目も薄くなりました。Webサイトを独立した窓で開けば、Dockにアイコンが並び、切り替えもアプリと同じ操作になります。中で動いているのは同じブラウザのエンジンですが、扱いはアプリに近づきます。逆に言えば、いま手元にあるアプリの何割かは、外見だけを変えたブラウザです。どちらで開くかを選べる時代になったぶん、置き場所を決めるという作業が自分の側に回ってきました。

仕事道具として選ぶときに見るところ

見た目や速さの比較は目に付きやすいのですが、毎日の負担に効いてくるのは別の項目です。

• 保存領域をいくつ持てるか。扱う名義の数に足りるかどうか
• 常駐する道具を、読むページと分けて置けるか。混ざると探す時間が積み上がります
• 通知の扱い。集中を切る回数はここで決まります
• 移行のしやすさ。同じエンジン系統なら手間が小さく、違う系統なら拡張機能の見直しが要ります

このうち上の2つに正面から答えようとしているのが、Webアプリをまとめるブラウザという系統です。アプリごとに独立したワークスペースを作り、それぞれが自分のログイン状態を持つ形にします。何がどこまでできるのかはできることに、複数の名義をどう並べるかはワークスペースにまとまっています。コマンドを手元で走らせる必要がある人向けの機能はターミナルにあります。

内部リンクから見える、理解のつまずき方

寄せられる質問を並べると、つまずく場所には順番があります。最初に来るのは、窓とタブと保存領域の関係です。よくある質問に集まる内容も、窓を分ければアカウントも分かれるのかという一点に寄っています。答えは分かれないで、この一行を先に知っているかどうかで、その後に使う時間が変わります。

次に来るのが、道具を替えたあとに残る作業です。エンジンが同じ系統なら移行は軽く済みますが、拡張機能の設定やブックマークの整理は残ります。同じ課題を扱う道具の違いはWaveboxとの比較やFerdiumとの比較で扱っており、扱えるサービスの範囲は使えるアプリ、費用の目安は料金で確かめられます。

進め方としては、まず自分の1日を読むページと使い続ける道具に分けて数えることです。後者が10個を超えているなら、それをタブの帯に並べ続けるのは構造的に無理があります。次に、扱っている名義の数を数えます。保存領域が1つで足りるのか足りないのかは、この数で決まります。ブラウザとは何かという問いは、最後にはこの2つの数字の話になります。