上田用保管庫

今までタブレットやスマホのChromeと同期が出来るからという理由だけでなんとなくChromeを使い続けてましたが、このたびVivaldiを使い始める事にしました。

• Vivaldi ブラウザ: 超絶便利。タブ管理や広告で悩まないブラウザ

乗り換えようと思ったきっかけ

• アドレスバーに検索ワードを打つと履歴やブックマークから勝手に補完入力されるのでそのたびDeleteキーで削除するのが面倒（「検索語句やURLをオートコンプリートする」をオフにしても変わらず）
• たまにスクロールバーが消える
• サイトによってはブラウザの横幅サイズを変更するとガクガクする（このブログもそう）

どれも些細な理由なんだけど積み重なると結構ストレス。

Chromeからパスワード・履歴・ブックマークを移行

パスワードと履歴を移行

まずVivaldiで「左上のVアイコン＞ツール＞ブックマーク」からブックマークマネージャーを表示。
右上の「インポート」クリック。「インポート元」で「Chrome」を選択し「ユーザープロファイル」で自分が使ってたアカウントを選択。
「パスワード」と「履歴」だけチェックを入れて「インポート開始」。
（※ここからブックマークをインポートすると何故か全てのフォルダの中に同名の空のフォルダが作られるのでチェックを入れるのはお勧めしません）

ブックマークを移行

Chromeでブックマークマネージャを開き「︙ボタン＞ブックマークをエクスポート＞好きな場所にHTMLファイルで保存」
Vivaldiでブックマークマネージャーを開き右上の「インポート」クリック。
「インポート元」で「ブックマークHTMLファイル」を選択。「ファイル選択」からChromeから保存したHTMLを選択。

使いやすくするためにカスタム

ツールバーからいらないボタンを消す

「ツールバー上にある消したいボタンを右クリック＞編集＞ツールバーから削除」

巻き戻し、早送り、ホームへ移動、アカウント等の使わないボタンを消してすっきり。
下にあるステータスバーのボタンも同じ方法で削除可。

逆に追加したい時は「ツールバーを右クリック＞編集＞ツールバーをカスタマイズ＞左上のドロップダウンメニューからボタンの種類を選択＞追加したいボタンをドラッグし追加したい場所にドロップ（ステータスバーにも追加できる）」

アドレスバーの自動補完入力をオフにする

「左上のVアイコン＞設定＞アドレスバー＞アドレスの自動補完＞有効」のチェックを外す。

快適。これ、Chromeでも欲しかった…。

検索バーをカスタム

Chromeには無かったワード検索専用のバー。

邪魔な場合は「左上のVアイコン＞設定＞検索＞検索欄の表示＞ボタンとして表示」でアイコンサイズに（この状態から「右クリック＞編集＞ツールバーから削除」で削除可）

「左上のVアイコン＞設定＞検索＞検索エンジン」で設定すれば通販サイトとかSNSとか動画サイトとかニコニコ大百科とかワード検索できるサイトなら大体何でもここから検索出来るようになります。

・選択中の検索エンジンをわかりやすくする
「左上のVアイコン＞設定＞検索＞検索エンジンのアイコンを表示」にチェック。

・Amazonでマーケットプレイスを除外して検索できるようにする

タイトルにメーカー名も商品名も入ってないあやしげな業者の商品が検索妨害と感じる人向け。

「左上のVアイコン＞設定＞検索＞検索エンジンの下の『+』」
「名称」に「Amazon」等自分の分かりやすい名前を入力、「URL」に以下を入力。

https://www.amazon.co.jp/s?k=%s&ref=nb_sb_noss_1&emi=AN1VRQENFRJN5

URLの中に「&emi=AN1VRQENFRJN5」を入れる事によってマーケットプレイスを除外検索できます。
「ニックネーム」項目についてはこちらを参考にして下さい。

• 検索 | Vivaldi Browser Help
  

・Twitterで日本語ツイートを新着順に検索できるようにする

英字のみのワードで検索しても日本語のツイートだけ選んで検索できます。
追加の仕方は上のAmazonの例を参照。「URL」に以下を入力。

https://twitter.com/search?q=%s%20lang%3Aja&src=typed_query&f=live

・検索結果をバックグラウンドタブで開く

やり方がわかりませんでした。調査中。

リンク先を簡単にバックグラウンドのタブで開く

個人的にリンク先のページは裏のタブで開いておいて読み込みが終わってから閲覧したいタイプなので…。

「左上のVアイコン＞設定＞外観＞メニューのカスタマイズ」で「リンク」を選択。
「バックグラウンドのタブでリンクを開く」項目をドラッグして一番上にドロップ。

これでリンク先を右クリックして出るメニューの一番上から簡単にバックグラウンドで開けます。
人によってはマウスホイールクリック、Shiftキー押しながらクリック、マウスジェスチャー（設定からカスタム可）の方が楽かもしれません。

ページ右クリックからリーディングリストに追加できるようにする

読みたいけどブックマークする程じゃないWebページを一時的に登録しておくのに便利。

「左上のVアイコン＞設定＞外観＞メニューのカスタマイズ」で「ページ」を選択。
「コマンド＞アプリケーションコマンド＞ページをリーディングリストに追加」項目をドラッグして「内容」の好きな位置にドロップ。
（見つけづらい場合は「コマンドを検索」から「リーディング」で検索してみてください）

「メニューのカスタマイズ」で「タブ」を選択して同じ事をすればタブ右クリックから追加する事もできます。お好みでどうぞ。

更にツールバーやパネル切り替えボタン等に常にリーディングリストを開くボタンを表示していると使いやすいです。

UIの色を変更

デフォルトのUIの色が少しわかりづらかったので「左上のVアイコン＞設定＞テーマ＞エディター」でアクティブなタブが暗い灰色、インアクティブなタブが黒に近い灰色になるよう変更。

ブックマークバー上のアイコンを消す

「左上のVアイコン＞設定＞ブックマーク＞ブックマークバー」で「テキストのみ」にチェック。
見た目すっきりするしブックマークの数が多くてもあまり横にはみ出す事が無くなります。

最近のバージョンアップでフォルダのアイコンも消せるようになりました。

UIのフォントサイズを大きくしたりする（※中級者以上向け）

タブとかのデフォルト文字がちっちゃすぎて読みづらいんですよね、Vivaldi。

• 【Vivaldi】タブとかブックマークのフォントを変更する方法 | ナポリタン寿司のPC日記

こちらを参考にCSS（スタイルシート）を使って変更してみました。


私が記述したコードはこんな感じ。ついでにフォント名や太さも指定してます。

* {
  font-family: 'BIZ UDPGothic' !important; /*フォント名*/
  font-weight: 600 !important; /*フォントの太さ*/
  font-size: 13px !important; /*フォントサイズ*/
}

使いたいフォントがWindowsに入ってない場合はインストールしておきましょう（日本語の無料で使えるフォントは昔に較べると大分増えました）

• BIZ UDPGothic - Google Fonts

ブックマークの中身、閉じたタブ一覧、設定メニュー項目などフォント変更できない箇所もあるみたいです。

Chrome拡張機能をインストール

こちらで紹介している拡張機能を入れてます。

• Windows10で使ってるソフトとChrome拡張機能メモ

後述するSearchPreviewのオプションの表示以外は正常に使えてます。

気になった点

一部拡張機能で表示がおかしい。

SearchPreviewのオプションがこんな感じ。
でもスクロールすれば普通に設定できるのでそんなに問題無いです。

元々Chrome用なので仕方ないですが他にも一部正常に使えない拡張機能があるかもしれません。

保存済みパスワードが消せない

何度消しても再起動しても消えてなかったです。謎。