小技チョコレート

ちょっとした小技を紹介するだけのブログです。

Linux用ランチャーのAlbertからコマンドでウェブページを開く方法

Linux用のランチャーであるAlbertにコマンド(トリガー)を入力して、特定のウェブページをブラウザで開く方法を紹介します。

Albertが備えている“WebSearch”の機能を流用したものです。*1


〈目次〉


機能

特定のコマンド(トリガー)を、Albertの中で特定のURLに紐づけたうえで、そのコマンドをAlbertに打ち込むことで、そのウェブページをブラウザで開けるようになります。

必要なもの

AlbertまたはAlbert-liteをインストールします。

Albertのインストールや起動の仕方についてはこちらの記事をご参照ください。

設定の手順

Albertを起動し、ウィンドウの右上にある歯車のアイコンをクリックすると、設定画面が開きます。

設定画面の左上の“Extension”タブをクリック。そして下のほうにある“WebSearch”にチェックを入れ、その行をマウスでクリックすると、右側の欄にURLなどが表示されます(下記の画像ではボカシています)。

右下のほうにある「+」をクリックすると、ウィンドウが開きます。ブラウザで開きたいURLと、それに紐付けるコマンドを、ここで指定します。ここでは、Googlehttps://www.google.com/)を開く場合を例として示します。

Nameの欄には任意の名前を入力できます。ここではGoogleとします。
URLの欄には、開きたいURLを記入します。
Triggerの欄には、このURLを開くためにAlbertに打ち込むコマンドを指定します。ここではg (gと半角スペース1個)としています。半角スペースを付け加えることは必須ではありませんが、コマンドを1文字のみにするのは避けたほうがよいと思います(同じ頭文字をもつ他のコマンドやアプリケーションの実行を妨げるので)。

記入したらOKボタンを押します。

すると、この画面に戻ります。さきのウィンドウで記入した内容が右側の表のなかに表示されます(1行目)。

この状態になれば、設定画面は閉じても構いません。

設定はこれで完了です。

ウェブページの開き方

Albertのウィンドウに、先ほど指定したコマンド(g )を入力してEnterキーを押すと、このコマンドに紐づけたURLがブラウザで開かれます。


(コマンドを入力した状態)

Tips

この記事で扱っているWebSearchという機能は、本来はAlbertに入力したキーワードをウェブ検索した結果をブラウザで開くために用意されている機能です。ですから、本来のその用途でこの機能を利用する機会も多くあると思います。

その際、たとえばhogeというキーワードをウェブ検索しようとしてAlbertにhogeと入力すると、検索をさせるサービスの候補がこのように出てきますが、この最上段にある“Google”は、この記事で紹介した「ウェブページを開くための設定」にすぎませんので、このままEnterキーを押してもGoogleでの検索は実行されず、単に https://www.google.com/ が開かれるだけです。

つまり、検索をしようとした際に、検索機能とは関係のないものが候補として上位に出てしまうという煩わしい状態になります。これを防ぐためには、Albertのこちらの設定画面において右側の表の中にある「ウェブページを開くための設定」(下記の例では1行目のもの)を、マウスでドラッグして下の方に移動させます。


(1行目にある状態)


(下の方に移動した状態)

こうしておけば、ウェブ検索をしようとした際に候補として上位に出てくることはなくなります。

*1:このほかに、ウェブページを開くためのシェルスクリプトをあらかじめ作っておいて、AlbertのTerminal機能からそれを実行するという手法もあります。

Firefoxで画面分割をする方法のまとめ

こちらの4種類の方法があります。

*1:サイドバーの横幅に上限がある状態(それがデフォルトですが)は不便なので、横幅の上限をなくす設定も併せて行うと便利です。

ブラウザのツールバーからDynalistに投稿する方法

PCにて、ブラウザでDynalistを開いていないときでも、ブラウザのツールバーからDynalistへ投稿する方法を紹介します。

ブラウザのアドオン“Dynalist Companion Clipper”(Firefox版 / Chrome版)をインストールし、ブラウザのツールバーに表示されたこのアドオンのアイコンをクリックすると、入力欄とボタンが現れます。Tabキーを1回押すごとに、それぞれの入力欄とボタンが選択されます。

f:id:ichbin:20190729211759p:plain
青空文庫の「夏目漱石 坊っちゃん」をブラウザで開いているときにアイコンをクリックした状態)

それぞれの入力欄には、その時点でブラウザで開いているウェブページのタイトルとURLが自動で記入されています(about:blankなどの空白ページを開いている場合は空白になります)。それ以外のことを投稿したい場合は、これらの記入されているテキストを書き換えます。

“TITLE”の欄に入力したものが、Dynalistで1個の項目になります。“NOTE”の欄に入力したものは、Note(各項目の下に表示される注釈のようなテキスト)となります。これらの入力欄には改行は記入できません。

“Send”のボタンを押すと、Dynalistで予めInboxとして指定してある項目の下位に投稿されます。

f:id:ichbin:20190729210703p:plain
(“TITLE”の欄に「ぼっちゃん」と記入し、“NOTE”の欄は書き換えずに“Send”ボタンを押したものがDynalistに投稿された状態)

備考

右クリックからの投稿

上掲のアドオン“Dynalist Companion Clipper”は、ブラウザの右クリックメニューからDynalistに投稿する機能もあります。投稿できる内容は下記の2通りです。

  • ブラウザで開いているウェブページのタイトルとURL
  • ウェブページのテキストを選択して右クリックした場合には、そのテキストおよび、そのページへのハイパーリンク

f:id:ichbin:20190729214338p:plain

フォーマットの変更

アドオンの設定画面にて、投稿する内容のフォーマットを変えることができます。

f:id:ichbin:20190828095745p:plain
Markdown形式も使える)

FirefoxのuserChrome.cssの適用例

Firefoxの外観を変更することができるuserChrome.cssの適用例を紹介します(Firefoxのバージョン69または70以降では有効にならない場合があるかもしれません)。

userChrome.cssの作り方については、こちらの記事をご参照ください。


〈目次〉


サイドバーの最上部にあるヘッダーを非表示にする

サイドバーの最上部にあるタイトルのような部分を非表示にします。

適用前
f:id:ichbin:20190729052428p:plain

適用後
f:id:ichbin:20190729052444p:plain

CSSソース

#sidebar-header {
  display: none;
}

サイドバーとブラウザの間の仕切り線を非表示にする

サイドバーとブラウザの間を仕切っている線を非表示にします。

ただし、この仕切り線を非表示にしている間は、サイドバーの横幅をマウスで変更することができなくなります。横幅をマウスで変えられるようにしておくためには、線の太さは少なくとも1pxが必要です(太さを変える方法は後述)。

適用前

適用後

CSSソース

#sidebar-splitter {
 min-width: 0px !important;
 max-width: 0px !important;
 }

サイドバーとブラウザの間の仕切り線の太さを変える

サイドバーとブラウザの間を仕切っている線の太さを変えます。

CSS(1pxにする場合)

#sidebar-splitter {
 max-width: 1px !important;
 }

サイドバーの横幅の上限をなくす

CSSソース

#sidebar{max-width:none !important}

アドオンのSide Viewなどと組み合わせれば、任意の横幅での画面分割が実現します。

f:id:ichbin:20190729160255p:plain
(横幅を約50%ずつに分割した例)

ツールバーのブックマークメニューから余分な項目を消す

ツールバーから開いたブックマークメニューにて、デフォルトで見えている下記の6つ(項目4つと区切り線2つ)を消します。

  • ブックマークサイドバーを表示
  • すべてのブックマークを表示
  • 区切り線
  • ブックマークツールバー
  • 他のブックマーク
  • 区切り線

これを適用すると、「ブックマークメニュー」に入れてあるブックマークのみが見える状態になります。なお、区切り線を新たに置いても見えなくなります(下記CSSの一行目が効くため)。

適用前
f:id:ichbin:20190805192153p:plain
(プライベートな部分にモザイクかけてます)

適用後
f:id:ichbin:20190805192220p:plain

CSS

menupopup#BMB_bookmarksPopup menuseparator,
menuitem#BMB_viewBookmarksSidebar,
menuitem#BMB_bookmarksShowAllTop,
menu#BMB_bookmarksToolbar,
menu#BMB_unsortedBookmarks{
    display:none !important;
}