37
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Vivaldiが素晴らしい!

Last updated at Posted at 2019-03-16

はじめに

最近Macbook Proを購入して環境構築を楽しんでいて,現在Browserをどれにするかでとても悩んでいるところです.
メインブラウザをどれにするか悩んでいる方,MacでのブラウザショートカットのCtrlがCommandになっているのが不満な方は是非読んで欲しいです.

Safari,Chrome,Firefox
と選択肢が多くて悩んでいる頭に入り込んできたもう一つのBrowser・・・

  • Vivaldi

まずは,Vivaldiの紹介と便利機能の紹介をし,その後に設定方法を紹介します.

Vivaldi

Macbookでよく用いるジェスチャー機能と相性が良く感じた.インストールはこちらからできる.
Operaの後継ブラウザである.
開発目標は以下である.

  • 高速
  • 多機能
  • 高い柔軟性
  • ユーザ第一

これらはブラウザに必要な要素であるので,安心できそうだ.
まずは,実際に使ってみた感想を書き連ねていく.

マウスジェスチャー

これが一番惹かれた機能である.
Macbookを使い始めてからは二本指を

  • 上 : 下スクロール
  • 下 : 上スクロール
  • 左 : 戻る
  • 右 : 進む

へ動かすジェスチャー機能をよく使うようになった.
そこに現れたのがVivaldiのマウス機能で,マウスジェスチャーをブラウザ上で行える機能である.
これらは右クリックを押しながらマウスを動かすことで設定した動作を呼び出すものである.Macbookではトラックパッドを二本指でクリック(Multi Touch)しながらマウスを動かすと良い.

機能 ジェスチャー
新しいタブ
タブを閉じる
一つ前のタブに戻る(表示順)
一つ後のタブに進む(表示順)
閉じたタブを開き直す ↑→
新しいタブでリンクを開く(リンク上)
ページ再読み込み ←↑→
巻き戻し ←↓
早送り →↑
ショートカットヘルプ ↑→↓←↓(はてなマーク的な)

もっと多くの機能を設定することはできるのだが,必要以上の機能を設定することは混乱の元になる上,ジェスチャーを間違えた時に,設定していないジェスチャーを入力してキャンセルすることがしづらくなるため,必要最小にした.

ほとんどの機能は言葉から動作がわかると思うが,二つだけわかりづらい名前の機能がある.説明は以下.

機能 動作
巻き戻し 同じWebサイトの一番最初に移動
履歴を遡るため,戻るを何度かするイメージ
検索画面の10ページ目ですると1ページ目に戻る
早送り 次のページに移動
検索画面の1ページ目ですると2ページ目に移動

ちなみに,同じような効果を持つアドオンは

  • Chrome : crxMouse Chrome Gestures
  • Firefox : Gesturefy

というものがある.しかし,これらには

アドオンが有効な画面でしか機能しない

という致命的な弱点がある.それに対して,Vivaldiではどの画面でもジェスチャーを使うことができる.

ジェスチャー機能の使用例は以下である.使用順は,新規タブ→タブ閉じ→左タブへ移動→右タブへ移動→リンクを新規タブで開く→タブ閉じ→閉じたタブを開く→ページ再読み込みとした.緑の円が表示されている時は右クリック(Multi Touch)しているものとする.

VivaldiMouseGesture.gif

Vivaldiの多機能性

個人的なイメージとしては,多機能なブラウザはChromeとFirefoxであり,それらはAdd-onsとしてブラウザ上で公式アドオンストアから追加を押すことで使用できるものである.
私が愛用しているのはVimライクにブラウジングできるVimiumとブラウザ背景を黒くできるDark Readerである.
"Vivaldiにはないのかな〜"なんて思っていたらなんと,

Googleウェブストアからアドオンを追加できる!!

ということに気づき,高い拡張性に納得した.

Webパネル

Vivaldiでは,Webパネルと言うWebサイトを端に表示し続ける機能が搭載されている.
これでTwitter,Facebook,GMailを見続けることができる.Google翻訳を追加するのも便利であろう.

タブスタック

Vivaldiでは,タブスタックというタブをグループ化する機能がある.これは,Operaと同様らしい.今の所は役に立っていないが,慣れてきたらページを開きまくっている際に便利そうである.
これはタイル表示というものができ,以下のようにタブを並べることができる.キーボードのみでタブスタックを作ったり新規タブをタイル表示で開いたりできたら嬉しいのだが,今の所その方法は見当たらない.
VivaldiTileExample.png

設定のしやすさ

設定画面がとても見やすく,テーマや外観をアドオンではなく変更可能である.また,設定画面を一望しただけでどんな機能があるのかわかりやすい.
検索エンジンも検索タブからすぐに変更できた.
MacだとブラウザショートカットのCtrlがCommandとなっているウザさを,ショートカットを自分で追加することで楽々解消できた.(他のブラウザでもできるかもしれない)

公式の説明が便利

Vivaldiをインストールして最初に開いたときにチュートリアルとしてYoutubeの動画をいくつか見たため,すぐにいろいろ試すことができた.
また,各機能に関する概要はVivaldi Tipsでわかりやすく紹介されているため,とっつきやすい.

マウスジェスチャーの設定方法

先ほど述べたマウスジェスチャーの設定方法を紹介する.
まず,左下のボタンをクリックすることでサイトドバーを表示する.
スクリーンショット 2019-03-17 4.59.56.png

サイドバーが表示されたら設定ボタンをクリック
スクリーンショット 2019-03-17 5.00.04.png

設定ウィンドウが表示されたらマウスをクリック
スクリーンショット 2019-03-17 5.00.16.png

+,-,🖌によってジェスチャーの追加,削除,設定ができる.
スクリーンショット 2019-03-17 5.00.27.png

また,不必要なときにジェスチャーを使ってしまわないようにAltを押しながら,ジェスチャーを適用するマウスの距離,ジェスチャー無効化なども設定できる.

好きなアドオン

現在自分のVivaldiには

  • Vivmium
  • uBlock Origin
  • Dark Reader

の三つのアドオンを使用している.

Vimium

ブラウジングをVimライクに行えるアドオン.Vivaldi,Chromeはこちらから使用可,Firefoxはこちらから使用可.
j,kでの上下移動やS-h,S-lでの戻る進む,fでのアドレスのマッピング&ジャンプが非常に便利である.
しかし,Vivaldiを使うようになってからはトラックパッドとマウスジェスチャーの方がより使うようになった.
vimiumに興味がある方は私の書いたこちらの記事へどうぞ.

uBlock Origin

広告を削除してくれるアドオン.

Dark Reader

背景をダークモードにしてくれるアドオン.Vivaldi,Chrome自体の設定と組み合わせることでほとんどの画面を暗くすることができ,非常に目に優しい.たまに白く光り輝くので注意.

サイトによってはおかしくなることもあるため,その際はアドオンのアイコンをクリックしてDarkReaderをオフにすることで対応している.

キーボードショートカット設定

キーボードショートカットを結構手間かけて設定したので,ここで晒しておきます.(備忘録も兼ねて)
Macbookを使っているため,ブラウザ上ショートカットのCtrlがCommandになってて嫌だなーと思っていたのでCtrlのものも追加して別OSと少しだけ近いものにしました.Appleに支配されないぞ〜!
しかし,まだVivaldiを使い始めて1日しか経っていないため,後々変更していくつもりです.他のショートカットとバッティングしているキーやより良いショートカットがあれば教えてくれると嬉しいです.

VivaldiShortcutWindow.png VivaldiShortcutDisplay.png VivaldiShorucutTab.png VivaldiShortcutPage.png

先ほども述べましたが,タブスタックを作るショートカットキーを作成できたり,より楽にタブスタックを作る方法があったりすると嬉しいですね.
また,タイルを移動する際にはタブの順番で移動するのですが,TmuxやVimの様に物理的な位置で移動できると嬉しいですね.

37
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
37
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?