今こそ最強のブラウザを見つけよう

みなさん、ブラウザ使って仕事していますか？
私は仕事でも推し事[^1]でもブラウザがないと生きていけないですね…。
それはさておき、最近のブラウザは色々な使い方があるためタブを開きがちである。
その結果、タブに関してのオススメの機能が使えるととても仕事が捗る。
それを纏めてみました。

[^1]:最初からオタクを隠さないことによりストレスを軽減することができる。オタクに優しい世界になったので隠す必要も無いと思ってる。

:::note alert
QiitaのTOCってサイドバーに勝手に入るけど、本文に埋め込められないの？
マ？
:::

# 筆者環境

MacBook Air M2 2022
macOS Ventura (13.4)

# 今回大きく取り上げるブラウザは以下の4つ。
## Chrome
今や有名なやつ（雑
語らなくてもみんな使ってるだろうし、WindowsもMacも標準搭載じゃないのに一番最初にインストールするアプリなのではないかと密かに思っている。

### UA
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

## Safari
Macの標準ブラウザ（雑
iPhoneではSafariを使うのにMacではあんまり使ったこと無いやつ。

### UA
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Safari/605.1.15

## Microsoft Edge
Windowsの標準ブラウザ（雑
ネタバレすると最近こいつがやばい。あとMac版も存在する。

### UA
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 Edg/116.0.1938.54

## Vivaldi
Operaの方々が作ったやつ（雑
そもそももうOperaってなんやねんって言われそうだけど、[ggrks](https://internet.watch.impress.co.jp/docs/yajiuma/1272612.html)。

### UA
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

:::note info
主張が無いのでChromeと勘違いされることがある
:::

UAを比べてみてわかったんですが、Safariと同じwebkitが使われると思っていたのに違うんですね、大発見！！

# 記念撮影

各ブラウザを４Kのモニターに出してスクショ撮ってみました。記念撮影です。
![ブラウザたち.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/18595/048a875f-1d47-6189-2613-cda1787702ff.png)
ブラウジング中の内容が見せられないので大体モザイクですみません。

# さてオススメの機能を語ります。
最後にはその機能が使えるかの一覧があるので機能の説明が要らない方は[結論へジャンプ](#結論)！

## ワークスペース
ウィンドウを複数に分けると同時にそのウィンドウに名前をつけてあげることにより、脳内の整理がしやすくなり間違ってタブを閉じるなどが無くなる。
また最近のブラウザだと他のメンバーとの共有ができるようになったりするものもある。

## グループ化
ウィンドウの中でタブをグループ化する機能。グループに名前をつけることで脳内（ｒｙ
また、グループを最小化することにより圧迫されがちなタブの一覧を一時的にスッキリさせることができる。

## タブをロック
ここではタブをピン留めではなく、タブをロックする機能であることを推しておきたい。
ピン留めではfaviconになるものが多いが私的には、一番左に行きfaviconのみになるのはあまりいただけない。
ロックができることにより、間違ってタブを閉じないこと。ロックしたタブからリンクを開く際に新しいタブが自動的に開いたり、ロック時に戻れるような仕組みがあると超ナイス。
基本的に進捗管理しているときにチケット一覧を見ながら各チケットにジャンプするときにとても使える。

## 垂直バー
私的に重要としている機能でモニターが横長な所為で横にタブが並びがちだが、モニターが横長な分タブは縦に並んだほうが見やすいと思っている。

実際に使ってみると病みつきになるが標準搭載されているブラウザはまだ少ない…。

横に並んだタブ
![スクリーンショット 2023-08-25 7.36.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/18595/9e7e6ab7-4241-86f9-abd9-ce432ba8f9a2.png)

縦に並んだタブ
![スクリーンショット 2023-08-25 7.36.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/18595/5f87baa1-1b51-a4f1-ae03-d3bca6ed8a6b.png)

検索内容に関してはめっちゃできないエンジニアに見えるけど最近話した内容で検索したやつｗ

## パネル
私はツイ廃（死語：𝕏廃）なので、私用ブラウザの方ではパネルにdeckを表示することによって気持ちよくネットサーフィンをしている。
またよく見るサイトをパネルに入れておくことにより、一時的に見る便利なサイトが捗る。
カレンダー、天気、番組表など

記念撮影のVivaldiを参照(左上)

## 分割
タブから外にだして分割させるのも良いのだがウィンドウ内で分割してくれる機能もあると助かる。

## 拡張性 
機能が無い時に追加できるとやっぱり安心できる。
EdgeとVivaldiに関しては標準で使えるので使ってないけど、Chromeの拡張が使える、、、ハズ。

# 結論

|  | Chrome | Safari | Edge | Vivaldi |
|-:|:-:|:-:|:-:|:-:|
| ワークスペース| ✗  | ✗  | ◯  | ◯  |
| グループ化  | ◯ | △ | ◯  | ◯  |
| タブをロック  | ✗  | ✗  | ◎  | ✗ |
| 垂直バー  | △ | ✗ | ◯  | ◯  |
| パネル  | ✗  | ✗  | ◯  | ◯  |
| 分割  | ✗  | ✗  | ◯  | △  |
| 拡張性 | ◯  | △  | △  | △  |

:::note warn
Safariあんまり使ってないので間違っていたらすみません
あと個人的な感想も含まれるかもしれません
:::

# ブラウザのシェアについて
ちょこっと調べてみたら、ChromeついでEdgeらしい。
やはりChromeは強いと同時に、Windowsに標準搭載されているEdgeも強い。
Firefoxさん頑張れ！！
あとはセキュアなどに特化しているBraveなど新進気鋭のブラウザにも期待している。
（とりあえず入れているがあんまり使っていない）

# 最終的に行き着くところ 
これからも Web システムが発達していくので、ブラウザに関しては使いやすいものを使うと同時に Chrome, Firefox などのブラウザーベンダーが作ったものが良いと思われるが Safari,  Microsoft Edge といったような OS ベンダーから出るブラウザ もアップデートが盛んに行われており今後に期待。

# タイトルを回収すると
仕事でEdgeを使って、推し事でVivaldiを使ってます（異論求む！！）

:::note info
コメントまってまーす！
:::

# Appendix.

## 昔のブラウザについて
Internet Explorer
憎きブラウザ、仕事をする上で厄介なことをクリアするために毎回敵となる存在。
やっと聞かなくなったので幸せだ。

## [Sleipnir](https://www.fenrir-inc.com/jp/sleipnir/)
中学の頃に出会った神ブラウザ。
当時はChromeも無かったので中身はIEだったけど、タブ化やマウスジェスチャーが生まれた、私にとって青春。
今も更新されているし、開発者の柏木さんはフェンリル株式会社を立ち上げて今も更新していると思うとすごいお方だなと思う。