【Vivaldi】バージョン4.1で公開された新機能コマンドチェインの使い方・おすすめ紹介！

2021年7月29日2021年10月23日Vivaldi

この記事では、Vivaldi4.1 で追加された新機能「コマンドチェイン」について書きます。

200以上の操作を自分好みに組み合わせれます。ブックマークレット（JavaScript）を組み込むことも可能です。

7月27日にVivaldi4.1 が公開されました。

新たな機能として、コマンドチェインと呼ばれる自分で操作を組み合わせてオリジナルの機能が追加されました。

専門的に言うと、「ブラウザでマクロが組めるようになった。」で、初心者向けに言うと、「操作を組み合わせて自分だけのオリジナル機能を作れるようになった」です。

例えば、キーボードのCtrl+Alt+Mを押したら、「ナポリタン寿司のPC日記」と「Vivaldi ウェブメール」を開いて、なおかつ横並びに表示する…なんてことができます。

非常にカスタマイズ性があり、組み合わせによって今までできなかった操作が可能になります。

「コマンドチェイン」と呼ばれる一連のコマンドをカスタマイズして、ワンクリックで実行するように設定できます。200 以上にもおよぶコマンドから選択し、独自のショートカットやワークフロー、ブラウザモードなどを構築すれば、より効率的に操作できます。
Vivaldi にアコーディオンタブとコマンドチェイン機能が加わりました | Vivaldi Browser

200以上も選択肢があって、組み合わせ次第で無限の可能性を秘めています。すごすぎです。

だいぶ前から、スナップショット（試験的に公開されたバージョン）で公開されていましたが、ここは初心者らしく正式アップデートまで待ってました。

この度、7月27日に正式アップデートされたので、使い方やおすすめコマンドチェインについて書いていこうと思います。わくわくが止まらんですな。

4.1アップデート内容

【今回の大目玉】コマンドチェイン
【目玉】アコーディオンタブ
サイレントアップデート（Windows）
リーダービューの読み取り時間表示

1. アップデート方法
2. 使い方
- 2.1. 呼び出し方法
- 2.2. 感想
3. おすすめコマンドチェイン一覧
4. まとめ

アップデート方法

自動で通知が来るとは思いますが、手動アップデートもできます。

Vivaldiアイコン → ヘルプ → アップデートをクリックします。

アップデートがある場合は通知が表示されるので、「更新をインストール」をクリックします。

少し待つと「インストールの準備ができました。Vivaldi を閉じて再起動します。」と表示されるので、「Vivaldi を閉じてインストールする」をクリックします。

再起動といってもパソコンではなく Vivaldi の再起動です。

あとは、待っていると自動で Vivaldi が開くので新機能を確認してみましょう。

使い方

マクロと言われれば、怖気づいてしまいますが、なんてこたーないです。初心者でも使えます。

設定 → クイックコマンド → コマンドチェインから設定できます。

初期では、「リンクを開いてタイリングする」「その他を閉じてカスタムタブを開く」「フルスクリーンとリーダーモードを起動する」の3つのコマンドチェインがサンプルで用意されています。

まずは、サンプルの下に「チェインのテスト」のボタンがあるのでそちらで試してみて、「こんな感じなんだ」という感覚をつかむといいと思います。

用意されているサンプルの名前を変更して、自分が毎日チェックするサイトにURLを置き換えてみました。

コマンド横の「-」「+」ボタンでコマンドの削除・追加ができます。

初期では、「左右に並べて表示」になっていて見にくかったので、「タイル状に並べる」に変更しました。早速「チェインのテスト」で試してみます。

「おぉ～。」すごいです。自動でタブ6つ開いて、瞬時にタブスタックして、さらにタイル状に並べてくれました。これで毎日のチェックが超はかどりますね。

呼び出し方法

コマンドチェインを作成したのはいいけど、このままだと使うことができません。呼び出す方法を設定してあげます。

コマンドチェインを呼び出す方法として代表的なもの4つ書いておきます。どれが一番効率がいいのかなぁ～。まだまだ模索中です。多分、「これが一番効率良い」ってのはなくて、作ったコマンドチェインごとで最適な呼び出し方法を選ぶのが一番いいのかなと思います。

メモ

ショートカットキー
マウスジェスチャー
クイックコマンド
コンテキストメニュー

ショートカットキー

キーボードのショートカットキーから呼び出す方法です。

設定 → キーボード → チェインをクリックして、割り当てたいキーを入力します。

初期では、単一キーは無効になっているので、もし、1つのキーで呼び出したい時は、同じくキーボードの「単一キーのショートカットを有効にする」にチェックを入れます。

ただし、単一キーを有効にした場合でもInsertなどのキーは登録できませんでした。僕はInsertキーは使わないのでここに何か割り当てできたら便利だったのになーと思いました。

本格的にInsertキーを無効にしたい場合は「AutoHotkey」がおすすめです。

マウスジェスチャー

好きなマウスジェスチャーから呼び出せます。

設定 → マウス → ジェスチャの割り当ての「+」をクリックします。

一覧から探すのは大変なので登録したいコマンドチェインの名前を入力します。候補が出るので選んで「次へ」をクリックします。

枠内で左クリックしながらジャスチャを決めます。決まったら「ジェスチャを保存」をクリックします。

あとは、ブラウザ上で登録したマウス操作を右クリックを押しながら実行することで、コマンドチェインが呼び出されます。

参考：【Vivaldi】マウスジェスチャーをマスターしてみよう！おすすめマウスジェスチャー | ナポリタン寿司のPC日記

クイックコマンド

クイックコマンド（F2）から呼び出せます。

もし、クイックコマンドから頻繁に呼び出す場合は、コマンドチェインの冒頭に覚えやすい英語を登録しておくと便利かもしれません。試しに「mt毎日チェックするサイト」に変更しました。

ブックマークのニックネーム機能みたいに簡単に呼び出すよう設定しておく感じです。

登録できたら、「mt」と入力するだけ一番上部にコマンドチェインが表示されます。より早くクイックコマンドから実行できるようになります。日本語だと入力するの手間だから半角英字がいいかなと思います。

色んな場所の右クリックから呼び出せます。この方法あんまり主流じゃないと思うんですが、個人的にかなり好きです。

設定 →外観 → メニューのカスタマイズから、右クリックメニューに表示させたい場所を選びます。試しに「タブ」にしてみます。

右側からコマンドチェインをドラッグ&ドロップで左側のメニューに追加します。

タブ上で右クリックすると、登録したコマンドチェインが表示されます。毎日チェックするサイトのコマンドチェインは、タブに登録しておくと便利かなと思います。

感想

自由度が高すぎる！この一言です。自由度が高すぎるMMORPG だと逆に何をすればいいか分からないあの現象に近い状態です。自由度が高すぎて、逆に不自由みたいな感じです。

だけど、初心者でも簡単にマクロを組めるのはほんとにありがたい話なので、柔軟な思考がある方、ぜひ最強のコマンドチェインを作ってみてください。

僕には、毎日見るサイトを並べる程度のことしか…。（それでも十分ありがたい）

おすすめコマンドチェイン一覧

コマンドチェインがあまりに自由度が高かったので、便利そうな組み合わせをメモ用で書いときます。

Vivaldiフォーラムに、コマンドチェインのまとめトピック「コマンドチェインの実例とアイデア」があるので、このサイト以外のコマンドチェインを知りたい場合は参考にしてみてください。

（既に終了しました）メモ

9月2日～9月9日で「あなたのコマンドチェインを見せて！」コンテストが開催中です！自分が思いついたコマンドチェインをTwitter 上に投稿することで、選ばれた方に景品がプレゼントされるようです。

参加しなくても、見るだけで面白いコマンドチェインを発見できるかもしれません。

ちなみに僕も早速応募しました。グッズが当たると嬉しいです。

※追記（10月10日）
な、な、ななんと「Vivaldi賞（応用の幅が広いで賞）」に当選しました！当選結果は以下のサイトから確認できます。

#Vivaldiコマンドチェインコンテスト結果発表！！ | Vivaldi Browser

先日開催した「あなたのコマンドチェインを見せて！」コンテスト #Vivaldiコマンドチェインへのたくさ ...

https://vivaldi.com/ja/blog/ccc_result/

当選したコマンドチェイン「選択範囲の文字＋歌ってみた」はこちらから確認できます。Twitter に応募した時はもっと複雑なコマンドチェインでしたが、現在は1行でできるように改善しました。

めちゃくちゃ嬉しいです！

好きなサイトをタイリングで開く

サンプルでも用意されている一番標準的なコマンドチェインです。

サンプルを自分好みにカスタマイズすることでそのまま使えます。

コツとしては、「開くサイトの数－１」の数だけ「直前のタブを選択」を設定します。5つのサイトを開きたい場合は、4つの「直前のタブを選択」が必要になってきます。

一つ戻って複製してタイリング

選択しているタブを複製して、片方を一つ前の履歴に戻って、2つをタイリングさせる…というものです。

用途としては、複数記事を見たいから、検索結果 → 新しいタブでリンクを開くを押していたが、うっかりクリックで開いちゃった時に便利です。

以下のように設定しています。

試しにうっかり、検索結果からそのまま同一タブで記事を開きます。コマンドチェイン呼び出しは、クイックコマンドからが便利かなと思います。

タブが複製され、一つ前の検索結果に戻ってタイリングしてくれました。

僕は、大体調べものをした時に情報が正しいのか2つ以上の記事は見るようにしているので、いつも検索結果は残しておいて、記事は新しいタブで開きたい派です。けれど、うっかり同一タブで開いちゃう時があるので、そんな時にいちいちタブ複製して、戻る手間が省けるので便利です。

もしタイリングが鬱陶しい場合は、ページの右クリックに「タブのタイリングを解除」を追加しておくと便利かもしれません。

YouTube コメント閲覧

YouTube でコメント欄を見たい時に、タブを複製してタイリング表示してくれるコマンドチェインです。

本当はメディアの一時停止があればよかったんですが、なかったので「タブのミュート」を代用しました。

遅延は、ミリ秒単位で設定します。上記のコマンドチェインの場合だと、コマンドパラメータ1000（ミリ秒）＝1秒ということになります。ミリ秒を秒換算する時は、こちらのサイトが参考になります。

【コードギアス】モザイクカケラ / SunSet Swish【LIVE】歌詞字幕付き

動画/音楽の右クリックに組み込むと、キーボード一切使わなくて済むので便利かもしれません。

右クリックに追加するには、設定 → 外観 → メニューのカスタマイズの「音声と動画」にして、右側から左側にコマンドチェインをドラッグ&ドロップするだけです。

範囲選択した文字を好きなサイトで検索

調べたい単語を範囲選択 → 特定のサイト内検索にかけるコマンドチェインです。

例えば「REALFORCE」という文字を範囲選択して、コマンドチェインを実行したらAmazon で検索してないのにAmazonの検索結果を表示してくれます。いちいちAmazon に移動して、検索欄クリック → 入力の手間が省けます。

ブックマークレット（コマンドパラメータ）は以下のようになっています。黄色のハイライト部分を自分の好きなサイトのURLに変更します。ただ単にURLをコピペするんじゃなくてちょっとコツがあるので次項目を参考にしてみてください。

コードを見る

javascript:window.open("https://www.amazon.co.jp/s?k="+window.getSelection().toString());

URL の調べ方

登録したいサイト（ここではAmazon ）にアクセスし、適当な半角英字（1文字～3文字程度）で検索します。

検索結果はどうでもよくて、大事なのは検索結果のURL です。URLの一部に、先ほど検索した文字が含まれていると思います。僕は「aaa」と検索したので、URLの一部が「aaa」になっています。

その部分よりも前の部分が必要な部分です。Amazon なら以下の黄色ハイライト部分がブックマークレットに貼り付けるURL です。

コードを見る

https://www.amazon.co.jp/s?k=aaa&__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&ref=nb_sb_noss

大体、「＝」で終わっていることが多いです。参考までにいくつかの代表的なサイトを書いておきます。好きなものがあればコピペするだけでOKです。

コードを見る

・Twitter
https://twitter.com/search?q=
・YouTube
https://www.youtube.com/results?search_query=
・Instagram
https://www.instagram.com/explore/tags/
・楽天
https://search.rakuten.co.jp/search/mall/
・ビックカメラ
https://www.biccamera.com/bc/category/?q=
・メルカリ
https://www.mercari.com/jp/search/?keyword=

この方法は、Vivaldi Forum に投稿された「選択したテキストをgoogleマップで検索」を参考にさせていただきました。感謝です。

範囲選択した文字を２つのサイトで検索

「範囲選択した文字を好きなサイトで検索」の上位互換です。選択範囲の文字列を2つのサイトで（Amazon と楽天など）同時検索してタイリング表示します。

分かりやすいように動画を貼っておきます。価格の比較などに便利です。

一番の難関は、command1と5のブックマークレットです。ここが一番難しいです。

書き込むコードは以下のようになっています。

command1（楽天の場合）

コードを見る

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://search.rakuten.co.jp/search/mall/'+encodeURIComponent(b));}else{alert('テキストを選択してないよ！');}})();

command2（Amazonの場合）

コードを見る

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://www.amazon.co.jp/s?k='+encodeURIComponent(b));}else{alert('テキストを選択してないよ！');}})();

緑色のハイライト部分を自分の好きなサイトのURL に置き換えます。

URL は、検索結果を除いたURL に置き換えてください。詳しくはこちらを参考にしてみてください。

メモ

たまに、URLの途中に検索結果が入っているサイトがあります。Twitter のメディア検索なんかがそうです。

この場合は、検索結果までのURLと検索結果以降のURLで「’+encodeURIComponent(b)+’」をサンドイッチしてあげます。

コードを見る

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('検索結果までのURL'+encodeURIComponent(b)+'検索結果以降のURL');}else{alert('テキストを選択してないよ！');}})();

Twitter メディア検索の場合は、以下のようになります。

コードを見る

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://twitter.com/search?q='+encodeURIComponent(b)+'&src=typed_query&f=image');}else{alert('テキストを選択してないよ！');}})();

コマンドチェインが作成できたら、設定 → 外観 → メニューのカスタマイズ → 選択に作成したコマンドチェインを追加しておくと素早く検索できます。

YouTubeで「歌ってみた」検索

「選択範囲の文字＋歌ってみた」でYouTube検索するコマンドチェインです。

僕は、よく原曲のカバーを聞きに行くのでわざわざ「歌ってみた」と検索する手間が省けて便利です。

ブックマークレットは以下のようになっています。

コードを見る

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://www.youtube.com/results?search_query='+encodeURIComponent(b)+'%E3%80%80歌ってみた');}else{alert('テキストを選択してないよ！');}})();

URLの部分を変更することで、以下のようなことも可能です。よく使うフレーズを登録して時間短縮してみましょう。

〇〇とは？
〇〇の使い方　Windows10
〇〇　栄養
〇〇　メリット・デメリット

クリックで、ブックマークレットを確認できます。

ブックマークレットを見る

https://www.google.com/search?q=a+Windows10

Googleで「〇〇とは？」検索

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://www.google.com/search?q='+encodeURIComponent(b)+'%20とは？');}else{alert('テキストを選択してないよ！');}})();

Googleで「〇〇　Windows10」検索

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://www.google.com/search?q='+encodeURIComponent(b)+'%E3%80%80Windows10');}else{alert('テキストを選択してないよ！');}})();

〇〇　栄養

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://www.google.com/search?q='+encodeURIComponent(b)+'%E3%80%80栄養');}else{alert('テキストを選択してないよ！');}})();

〇〇　メリット・デメリット

javascript:(function(){var b=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));if(b!=''){window.open('https://www.google.com/search?q='+encodeURIComponent(b)+'%E3%80%80メリット・デメリット');}else{alert('テキストを選択してないよ！');}})();

テーマを自動変更

Vivaldi のテーマを一定間隔ごとに自動変更してくれるコマンドチェインです。ずっと同じテーマだと飽きてしまう時に気分転換になります。

遅延はミリ秒単位だと思うので、こちらのサイトで秒・分換算すると分かりやすいです。1000ミリ秒が1秒です。がしかし、どうやらミリ秒でもなさそうです…。5分なら300000のはずなのに、明らかに5分じゃないタイミングでテーマが切り替わってしまいました。う～～ん。結局コマンドパラメータとやらは何なんだろう…。

選択範囲のGoogle検索＋翻訳

範囲選択した文字列を検索＋選択したテキストを翻訳してくれるコマンドチェインです。正直、自分でもあんまり使いどころを見いだせていないですが、単語を翻訳するだけでなく、より調べたい時に使えそう？です。

動画も貼っておきます。

Google翻訳

選択したテキストをコピーして、タイリング（上下）して、Google翻訳にかけてくれる…というものです。

上下にタイリングして、下にGoogle翻訳、上に元サイトが表示されるようになっています。左右表示にするのもありです。

動画も貼っておきます。このコマンドチェインは、クイックコマンドよりも、「選択」のコンテキストメニューに追加する方が便利そうです。

Vivaldiには翻訳機能がついているんですが~~部分翻訳ができない~~ため、Google翻訳で補えないか考えてたところ、このコマンドチェインが閃きました。→ 9月15日にアップデートしたVivaldi4.2 で選択したテキストの翻訳が搭載されました。

原文と比較して翻訳

いつの間にか「ページを翻訳」が追加されていたので、早速原文と比較してページ翻訳のコマンドチェインを作成しました。

動画を貼っておきます。10回中8回くらいはうまくいくんですが、残りが翻訳されないという不具合がありました。その場合は、遅延を2000～3000あたりで調整してみてください。

ちなみに、最初に「タブスタックから取り出す」を入れないと、スタック内のタブ全てが複製されるというとんでも事件が起きます。

【ダイアログあり】開いているタブのタイトルを取得

現在開いているタブのタイトルをダイアログ形式で表示するコマンドチェインです。記事を引用する時にめちゃ便利です。

コマンドチェインは以下のようになっています。「現在のタブでリンクを開く」にブックマークレットを登録するだけのシンプルな作りです。

コードを見る

javascript:prompt('タイトルだよ!',document.title);if(history.replaceState){history.replaceState({},null,location.href);};

黄色のハイライト部分は自分で好きな文言に変更してOKです。

僕が使うのはタイトルだけの取得ですが、人によってはURL も取得したいと思うのでそちらのパターンも書いときます。

コードを見る

----タイトルとURLのセット----
javascript:prompt('タイトルとURLだよん',document.title+'%20'+location.href);if(history.replaceState){history.replaceState({},null,location.href);};

緑のハイライト部分は、半角空白という意味です。僕は、JavaScript 一切書けないので何とも言えませんがきっと半角空白です。

よって、ここを変更することでより自分が使いやすい形にできます。2つほど例を紹介しときます。ようは、タイトルとURLの間の記号を何にするかってことですね。

例1：'-'
例2：'→'

次に、URL のみの場合も貼っておきます。

コードを見る

----URLのみ----
javascript:prompt('URLだよ',location.href)();

このコマンドチェインは、以下の記事の「現在のタブのリンクをマークダウン記法でコピー」を参考にさせていただきました。感謝です。

参考：Vivaldiのコマンドチェインやブックマークレットのススメ

コマンドチェイン以外の方法でタブのタイトルを取得したい場合は、以下の記事を参考にしてみてください。

【Vivaldi】開いているタブのタイトルを取得する3つの方法。chrome拡張機能とブックマ

この記事では、Vivaldi で開いているページのタイトルを取得する方法について書きます。 chrome拡張機 ...

https://www.naporitansushi.com/title-copy/

【ダイアログなし】開いているタブのタイトルを取得

上記で紹介したコマンドチェインを数日使ってたんですが、ダイアログが鬱陶しくなってきました。そこで、ダイアログ表示させずに直接クリップボードにコピーするコマンドチェインも作成しました。

ダイアログ表示ありの時と同じで記述するブックマークレットが違うだけです。

コードを見る

javascript:(()=>{const e=document.title,t=document.createElement("textarea");t.textContent=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),console.log(`Copyed this website title "${e}"`)})();if(history.replaceState){history.replaceState({},null,location.href);};

参考：表示しているページのタイトルをコピーするブックマークレット

目に優しいモード

現在見ているページを目に優しいモードにしてくれます。（セピア調フィルター、色調反転フィルター）

Vivaldiスナップショット（2457.3）にて追加されたページアクションを活用したコマンドチェインです。安定版でも、近い将来リリースされると思います。

「ページアクションって何？」って方は以下の記事を参考にしてみてください。

参考：【Vivaldi】ステータスバーの使い方。実は結構、便利 | ナポリタン寿司のPC日記

ただし、現在開いているページのみなので、複数タブ一括で変更したい人には向いてないですね～。ちなみに、Chrome拡張機能「Dark Reader」だと、ページ全体のダークモードをオンオフできます。気になった方は、以下の記事を参考にしてみてください。

参考：【Dark Reader】ブラウザをダークにして目に優しくしよう | ナポリタン寿司のPC日記

まとめ

以上、Vivaldi4.1 で追加されたコマンドチェインの使い方、およびおすすめコマンドチェインでした。

マジで、コマンドチェイン最強です。

【広告】
ガジェット・デジカル家電・美容コスメなどを販売しているECサイト「Gshopper（Gショッパー）」にて、秋のセールが開催されています。いくつかお得なクーポンもあります。

商品名	クーポン番号
【国際版】Xiaomi Mi Band 5	0D7A388840
【国際版】Xiaomi Mi Band 6	A9B94F1646
Xiaomi スマート　体組成計２	0411EEB0F1
Xiaomi Redmi AirDots 3ワイヤレスイヤホン	733B2ADBEF

Posted by naporitansushi