Kyu3’s Blog

カルト的な人気があったものの。残念ながら開発が終了した The Browser Company の『Arc Browser』。「その UI が恋しいぃ〜！」と言う方もいるのではと。

…と言うことで今回は、Vivaldi Browser で簡単に Arc の UI を再現する手順について、記事を書こうと思います。( ´ ▽ ` )ﾉ

手順はおおざっぱに言うと、以下の通り。

1. 設定でタブの位置を左側に変更
2. ツールバーエディターで追加したい要素をタブバーにドラッグ
3. 設定でアドレスバーを非表示に

【追記（2026年5月7日）】

現在まだベータ版（スナップショット）のみに追加されてる機能ですが。Vivaldi に新たに UI レイアウトを簡単に切り替えれる「レイアウトプリセット」機能が追加されました！

こちらの設定欄で日本語だと「縦」 「縦左」と付けられたプリセットを選択すると、この記事で書いた「1〜3」の設定手順をすっ飛ばして、Arc Browser っぽい UI にほぼワンクリックで変更できます。😊

設定欄↓↓


実際上記のプリセットに設定したところ↓↓


この機能が追加されたバージョンの公式ブログ記事↓↓



【追記（2026年5月21日）】

正式版にも上記の機能が追加されました。😊



なおプリセットを変更してもタブ幅は変更されないので、タブ幅の調整は自分で行う必要があります。

あとボタンの位置等も自分で移動させる必要があります。移動させるにはタブバーを右クリックして「ツールバーをカスタマイズ」を選択します。

1. 設定でタブの位置を左側に変更

以下詳細です。

まずは [ 設定 ＞タブ ] を開いて『タブバーの位置』を左側に変更します。

2. ツールバーエディターで追加したい要素をタブバーにドラッグ

次にタブバー上で右クリックし『ツールバーをカスタマイズ』を選択。



…すると「ツールバーエディター」が表示されるので、その左上のプルダウンメニューから『アドレスバー』を選択します。



次にツールバーエディターの追加したい要素をタブバーの一番上にドラッグします。



…で、今回はこんな感じにしてみました。



ちなみに Arc だとアドレス欄 & 検索ボックスの下にはブックマークが並んでいますが。その部分には、今回 拡張機能ボタンを設置しています。

理由は3つ。

1. それが1番 Arc の UI に見た目が似てるから。
2. Arc は拡張機能にアクセスしづらかった印象があるので、拡張機能をアクセスしやすくしてみたかったから。
3. Vivaldi のタブバーにブックマークを設置するには「コマンドチェイン」を使う必要があるから。

…です。

ちなみに「コマンドチェイン」とは、複数の作業を1つにまとめて簡単に実行できる機能です。詳しくは以下のページ等々を御覧ください。😊つ

公式ヘルプ↓↓


色んなコマンドチェインを紹介してるブログ記事↓↓



【追記（2025年9月22日）】

コマンドチェインはちょっと分かりづらいので。一応コマンドチェインを使ったブックマークの追加方法について簡単に書いておくと。

1. [ 設定 ＞クイックコマンド ] を開く。
2. コマンドチェインの「+」ボタンを押して新規コマンドチェインを作成。
3. 任意の名前をつけて、コマンドの所で「開く」と検索。
4. 『現在のタブをリンクで開く』を選択。
5. パラメーターに開きたいページの URL を入力。

このあとは上記の方法とほぼ一緒で。タブバーを右クリックして『ツールバーをカスタマイズ』を選択し、表示されたツールバーエディターのプルダウンメニューの中から『コマンドチェイン』を選択。

…すると、そこに作成したコマンドチェインがあるので。それをタブバーにドラッグするだけです。



なおデフォルトのまま追加すると「>>_」と言う奇妙なアイコンになりますが。このアイコンを変更する方法は以下のブログ記事に詳しく書かれてるので、そちらを御覧ください。

3. 設定でアドレスバーを非表示に

最後にアドレスバー非表示について。

[ 設定 ＞アドレスバー] で『アドレスバーを表示する』のチェックマークを外すだけです。



…すると、こんな感じになります。




どうでしょう？かなり Arc っぽい UI になったんじゃないかと。😊

ちなみにタブバーに色々追加できるようになったのは最近なんですが。その結果 Vivaldi 公式 SNS も、こんな感じで Arc っぽい UI にできることをアピール（？）しています。😆つ

Post by @Vivaldi@vivaldi.net

View on Mastodon

なお「カスタマイズに失敗しちゃったかな？」とか「やっぱ元に戻したいなぁ〜」と言う方は、タブバーの右クリックメニューの中から『ツールバーをリセット』を選択するか。あるいはツールバーエディターのプルダウンを『タブバー』にして、左下の『タブバーを初期状態に戻す』をクリックすると、初期状態のタブバーに簡単に戻せます。( ´ ▽ ` )ﾉ

最後に Arc ユーザーへのアピール

最後に Vivaldi には Arc と同じような機能も付いてます。「スクリーンショット撮影」機能や「Split View」（複数のページをまとめて表示する）機能もありますし。「ワークスペース」機能もあります。

公式ヘルプ↓↓






あと Arc にはない「VPN」や「メモ」機能などの便利な機能もあります。





さらにゲーム機能なんてのも。😆w



…と言うことで。Arc の開発終了で「今後ブラウザ、どれにしようかな～？」と悩んでる方いたら、一度 VIvaldi を試してみてはいかがでしょう？😊


この記事のポッドキャスト版↓↓



【追記（2025年9月23日）】

Vivaldi はユーザーが制作したテーマが公開されてて。それを気軽に公式サイトからダウンロードできるようになってるのですが。

そこを見てみたところ、Arc をイメージしたテーマがいくつか公開されていました。😊



こう言うのを追加して。さらに Arc っぽくしてみてはいかがでしょう？

あと Vivaldi の UI は HTML や CSS などを駆使して作られてるので、ユーザーが自作の UI を制作→ Vivaldi に適用させることができます。

これはちょっと難しいのですが。その中には Arc っぽさを再現した UI（カスタムCSS）も公開されています。



ただ上記の「VivalArc」はフォーラムで調べたところ、現在機能しないようですが。😅

他にも Arc っぽいタブの動作なんかを再現してる人もいるので、興味のある方は色々ネット検索してみてはいかがでしょう？😊




【アフィリエイト広告】




【関連記事】
・スピードダイヤルにサヨナラ？Vivaldi新機能ダッシュボードの「天気予報」ウィジェットが良い感じ♪
・VivaldiコマンドチェインのTips
・Arc Browserの感想とアカウント削除方法
・カテゴリ「Vivaldi」・・・Vivaldi 関連記事が見られます。