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

2021年7月29日Vivaldi

Vivaldiアイコン

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

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

コマンドチェイン一覧

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

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

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

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

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

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

Vivaldi にアコーディオンタブとコマンドチェイン機能が加わりました | Vivaldi Browser

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

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

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

4.1アップデート内容

アップデート方法

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

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

vivaldi→ヘルプ→アップデートを確認

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

「更新をインストール」のボタン

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

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

「vivaldiを閉じてインストールする」のボタン

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

使い方

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

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

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

コマンドチェイン - リンクを開いてタイリングする

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

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

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

コマンドチェイン - 毎日チェックするサイト

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

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

タイル状に並べたサイトのスクリーンショット

呼び出し方法

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

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

ショートカットキー

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

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

キーボードショートカットキーにコマンドチェインを設定

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

「単一キーのショートカットを有効にする」ボタン

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

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

マウスジェスチャー

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

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

「+」で新しいマウスジェスチャーを追加

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

マウスジェスチャーの名前を決める

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

ジャスチャを設定して保存

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

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

クイックコマンド

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

「F2」キーでクイックコマンド起動

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

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

コマンドチェインの名前変更

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

コマンドチェインの頭文字に半角英字を入れると便利

コンテキストメニュー

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

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

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

右クリックメニューにコマンドチェインを追加

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

右クリックメニューにコマンドチェインを追加した画像

感想

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

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

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

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

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

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

(既に終了しました)メモ

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

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

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

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

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

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

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

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

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

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

「開きたいサイトの数ー1」だけ「直前のタブを選択」を追加

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

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

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

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

コマンドチェインの遅延の意味

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

クリックコマンドからコマンドチェインを呼び出す

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

左右にタイリング表示されたサイト

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

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

右クリックメニュー「タブのタイリングを解除」

YouTube コメント閲覧

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

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

コマンドチェイン - YouTubeコメント欄

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

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

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

右クリックメニューに「YouTubeコメント欄」コマンドチェインを追加

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

右クリックメニュー「音声と動画」にコマンドチェインを追加

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

Amazonで検索

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

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

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

URL の調べ方

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

Amazonで適当に検索

検索結果はどうでもよくて、大事なのは検索結果の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つのサイトで検索

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

コマンドチェイン -  範囲選択した文字を2つのサイトで検索

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

一番の難関は、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をコピー
メモ

たまに、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('テキストを選択してないよ!');}})();

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

右クリックメニュー「2つのページで比較検索」

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翻訳

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

vivaldiフォーラムを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のコマンドチェインやブックマークレットのススメ

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

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

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

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

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 50D7A388840
【国際版】Xiaomi Mi Band 6A9B94F1646
Xiaomi スマート 体組成計20411EEB0F1
Xiaomi Redmi AirDots 3ワイヤレスイヤホン733B2ADBEF

Posted by naporitansushi