![見出し画像](https://assets.st-note.com/production/uploads/images/136708665/rectangle_large_type_2_ff9b8f80b52c87e28765fc61c8cf686e.png?width=800)
【Vivaldi #007】 繰り返す操作の時短術!覚えられないコマンドも検索で楽々
![](https://assets.st-note.com/img/1712643964302-MQxY1qJuDX.png)
※本記事は Youtube 動画の要約になります。
![](https://assets.st-note.com/img/1712643975903-qXbf0eTx20.png)
1.マウスジェスチャー
1-1. マウスジェスチャーの有効化
「ジェスチャーを有効にする」をチェックする。
マウス以外の入力デバイスを使用している場合は、
下の項目にもチェックを入れる。
![](https://assets.st-note.com/img/1712644439171-uCSZdLFReR.png?width=800)
![](https://assets.st-note.com/img/1712645115876-Un8R9UZgKM.png?width=800)
1-2. マウスジェスチャーの割り当て
+ボタンをクリックして、コマンドを選択する。
選択後にジェスチャーを登録する。
![](https://assets.st-note.com/img/1712644580831-vFBPcb2RXT.png?width=800)
![](https://assets.st-note.com/img/1712645113704-Ww9cm9fiVr.png?width=800)
1-3. マウスジェスチャーの感度
最小にすれば最短で反応する。
誤作動が多い場合は距離を長くする。
![](https://assets.st-note.com/img/1712644634213-tU3LTE7yKM.png)
![](https://assets.st-note.com/img/1712645111354-vfsSDLRiYA.png?width=800)
1-4. ロッカージェスチャーの割り当て
片方のマウスボタンをホールドして、
反対のマウスボタンをクリックするとアクションが実行される。
![](https://assets.st-note.com/img/1712644708769-xbaGTAV1Px.png)
![](https://assets.st-note.com/img/1712645108833-3bgq850oIX.png?width=800)
2.スピードダイヤル
ブラウザのスタートページに表示されるボタンの設定
2-1. スピードダイヤルへの登録 1
スタートページの+ボタンをクリックする。
アドレスとタイトルを入力する。
追加ボタンをクリックする。
![](https://assets.st-note.com/img/1712644937882-e3yy7gazwb.png?width=800)
![](https://assets.st-note.com/img/1712645103849-da5v9DImo3.png?width=800)
2-2. スピードダイヤルへの登録 2
フォルダーを作成する。
フォルダーをクリックする
画面右のスピードダイヤルにチェックする。
![](https://assets.st-note.com/img/1712645220618-vzgs3i0eHj.png?width=800)
![](https://assets.st-note.com/img/1712645127921-Clf6zRxynE.png?width=800)
3. スピードダイヤルの設定
3-1. 背景画像
スタートページの背景画像を変更できます。
![](https://assets.st-note.com/img/1712645434571-noipmyrwWk.png?width=800)
![](https://assets.st-note.com/img/1712645564489-43qdIJHsir.png)
背景画像はテーマ変更からも切り替わります。
どちらで管理するか先に決めておくと良いです。
![](https://assets.st-note.com/img/1712646103674-e07PdtL3ga.png?width=800)
3-2. 検索欄
スタートページの検索欄が不要な場合は非表示にできます。
![](https://assets.st-note.com/img/1712645726240-7QKbA1NEvj.png?width=800)
![](https://assets.st-note.com/img/1712646109654-OL2ApgKgFa.png?width=800)
3-3. ナビゲーション
スタートページの UI を変更できます。
![](https://assets.st-note.com/img/1712645862125-kTSrJht1gf.png?width=800)
![](https://assets.st-note.com/img/1712645859219-tq8NveZiqm.png?width=800)
![](https://assets.st-note.com/img/1712646114633-wjc90P5c1J.png?width=800)
3-4. スピードダイヤルのタイトル
スピードダイヤルのタイトルの有無を変更する
![](https://assets.st-note.com/img/1712646272008-799deyqls9.png?width=800)
![](https://assets.st-note.com/img/1712646314100-D198suNzV9.png)
ホバー時に表示するのが個人的に良いです。
他の表示方法のデメリットは以下の通りです。
非表示だとサムネイルが微妙な場合に判断しにくい。
表示だとスピードダイヤルの画面内の表示量が減る。
![](https://assets.st-note.com/img/1712646117895-AZ6afIMmDP.png?width=800)
3-5. ファビコンの設定
ある方が判断の要素になるので表示の方が良いです。
![](https://assets.st-note.com/img/1712646573630-ECCEuwbaRi.png)
![](https://assets.st-note.com/img/1712646121548-Tz1Qe4RqYh.png?width=800)
3-6. 削除ボタン
誤操作で削除する可能性があるため、個人的には非表示が良いです。
![](https://assets.st-note.com/img/1712646782305-WRxhEc5xvJ.png)
![](https://assets.st-note.com/img/1712646121548-Tz1Qe4RqYh.png?width=800)
3-7. サムネイルコントロールボタン
サムネイルを変更するボタンを表示します。
後述のカスタマイズをする場合は非表示が良いです。
![](https://assets.st-note.com/img/1712646784524-6lDsZhyoTs.png)
![](https://assets.st-note.com/img/1712646121548-Tz1Qe4RqYh.png?width=800)
3-8. 追加ボタン
有効な場合に+ボタンを表示する。
無効な場合は背景をダブルクリックで追加になる。
![](https://assets.st-note.com/img/1712646796569-xCd3J6FzQJ.png?width=800)
![](https://assets.st-note.com/img/1712646121548-Tz1Qe4RqYh.png?width=800)
3-9. プライバシー統計
広告ブロッカーの結果を表示する。
検索欄とこれを非表示にするとスピードダイヤルの表示量が増やせる。
![](https://assets.st-note.com/img/1712646810035-916pE0T7mj.png?width=800)
![](https://assets.st-note.com/img/1712646121548-Tz1Qe4RqYh.png?width=800)
3-10. 最大列数とスピードダイヤルのサイズ
最大列数は如何の影響を受ける。
スピードダイヤルのサイズ
ブラウザのウィンドウサイズ
![](https://assets.st-note.com/img/1712646815320-qoOBdU8Hwv.png?width=800)
![](https://assets.st-note.com/img/1712646121548-Tz1Qe4RqYh.png?width=800)
3-11. ドラッグ & ドロップによる並び替え
スタートページでマウスでブックマークを整理できる。
![](https://assets.st-note.com/img/1712646906593-cuFanRsR8y.png)
![](https://assets.st-note.com/img/1712645126009-akCzm9amo4.png?width=800)
4. サムネイルのカスタマイズ
スピードダイヤルに任意の画像を設定できます。
4-1. サムネイルコントロールボタン
更新ボタンをクリックすることで、ページからサムネイルを取得できます。
確実に良いサムネイルを取得できる訳ではないです。
![](https://assets.st-note.com/img/1712646782305-WRxhEc5xvJ.png)
![](https://assets.st-note.com/img/1712646917121-jRhNjCMcjp.png?width=800)
4-2. Web 上から画像を探す
Web 上から画像を検索して取得して設定する方法もあります。
サイズの都合でサムネイルに合わないケースも多いです。
![](https://assets.st-note.com/img/1712646923838-caczizMa8e.png?width=800)
4-3. Vivaldi Thumbnail Generator で編集する
Vivaldi 公式がフォローしていたツールを使用して、
画像を作成する方法もあります。
以下の方法で画像を作成することができます。
Web 上から画像を検索した画像を編集する。
URL を入力して画像を取得する。
![](https://assets.st-note.com/img/1712646927146-ceZiPWj75O.png?width=800)
4-4. その他の画像サイトの利用
Canva などの画像サービスを利用する方法もあります。
下記の画像では以下の考えで作成しています。
動画サイトのため、動画っぽい背景を設定
動画名の色で更に分類
ストリーマーサイトはオレンジ色
赤色はサブスク系の動画サイト
![](https://assets.st-note.com/img/1712646935699-MXea7FPwRi.png?width=800)
![](https://assets.st-note.com/img/1712648502098-gkwuQm61Bn.png)
サムネイルの設定は同期機能では共有されない。
そのため、他のデバイスでは表示がおかしくなる。
![](https://assets.st-note.com/img/1712646956857-jP6s8pwk7g.png)
デスクトップ版の場合は、スタンドアローン版を使用することで回避することが可能です。
![](https://assets.st-note.com/img/1712646938864-Le3LYBhGHT.png?width=800)
スタンドアローン版を使いたい別の PC にコピーすることでサムネイルの設定を維持することができます。
![](https://assets.st-note.com/img/1712646970251-qIszhU0jDR.png)
スタンドアローン版を別 PC にコピーした際にはプロファイルやパスワード、拡張機能が解除される点には注意してください。
起動後は再度設定する必要があります。
![](https://assets.st-note.com/img/1712643991486-tvhpOMSM2x.png)
![](https://assets.st-note.com/img/1712643953602-amfsHoE8G9.png?width=800)
![](https://assets.st-note.com/img/1712643996671-M1iilDCf15.png?width=800)
この記事が気に入ったらサポートをしてみませんか?