Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
4
Help us understand the problem. What are the problem?

posted at

updated at

Surfingkeys で快適ネットサーフィン(後編)

前編はこちらでSurfingkeysの概要・導入について説明しています。
Surfingkeys で快適ネットサーフィン(前編) - Qiita

後半はカスタマイズについて説明していきます。

カスタマイズ方法

  • オプションから設定画面に遷移
  • Advanced mode をチェックSurfingkeys_Settings.png
  • 設定を書き換えてSaveを押すSurfingkeys_Settings.png

自分の設定

参考までにこちらに自分の設定を置いています。

カスタマイズでできること

自分好みのキーバインドに設定

例えばこのようにキーバインドを書くと、 h, l で左右のタブに移動できます

map('h', 'E') // previousTab
map('l', 'R') // nextTab

任意のJavaScriptを実行

任意のJavaScript(ブックマークレットのようなもの)をショートカットキーで実行できます。

ほぼこの機能のためにSurfingkeysを使っています。

ページタイトルとURLをコピー

ページタイトルとURLをクリップボードにコピーします。
Markdownでメモを取るときによく使います。

copy.gif

https://www.google.com/?hl=ja で実行した例を載せます。

  • cm : Markdown [Google](https://www.google.com/?hl=ja)
  • cr : rich text Google
  • ch : human readable Google / https://www.google.com/?hl=ja
  • ca : html <a href="https://www.google.com/?hl=ja">Google</a>
  • cb : scrapbox [Google https://www.google.com/?hl=ja]
  • cp : plantuml [[https://www.google.com/?hl=ja Google]]
  • ct : textile "Google":https://www.google.com/?hl=ja

検索機能の追加(サジェスト機能つき)

ブラウザ自体に検索エンジンの追加ができますが、
Surfingkeysだとサジェストを設定したり、選択しているテキストを検索できたりと高性能です。

t でOmnibarを開き、 (alias) スペース で検索できます。

  • tw : Twitter 20200304-tw.gif
  • ht : はてなタグ
  • r : Yahoo!リアルタイム検索
  • a : Amazon
  • md : MDN 20200304-mdn.gif
  • np : npm
  • dh : Docker Hub
  • qi : Qiita
  • wi : Wikipedia

よく使うブックマークを開く

gn(alias) でブックマークを開きます。よく使うページを登録しておくと便利です。

例えば gnm で Gmail を開きます。

便利系

ショートカットで各種Webサービスを開きます。

  • ;t Google翻訳
    • 文字列を選択しているときはテキストを翻訳
  • ;b はてなブックマークコメントを見る
  • ;a Save to Instapaper
  • ;g 魚拓を開く

URL操作

無駄なqueryやhashを取りたいときに使います。

カスタマイズ 参考リンク

その他の設定

キーボードのみでブラウザのアドレスバーからfocusを戻したいときはこちらの設定をします。

おわりに

ということでSurfingkeysのカスタマイズ例を紹介しました。

任意のJavaScriptを実行できるの便利ですね。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
4
Help us understand the problem. What are the problem?