2012/06/29

[Chrome拡張機能]ブックマークレットの呼び出し用に!『Keyconfig』設定例紹介。

follow us in feedly
follow us in RSS
Keyboard 2
Keyboard 2 / john_a_ward

こんにちは!すなふ(@sunafu35)です。
今日は、Chrome iPhone版が発表されたとのことで、Googleリーダー見てると、その記事で埋め尽くされていますが、何故か私のiPod touchにはインストール出来ないようなので(´~`) 通常営業で行きたいと思います。


今まで、キーボードショートカットって覚えるのが苦手で、精々使っても「Ctrl+C」「Ctrl+V」・・・つまりコピペくらいしか使ってなかったんですが、そこかしこで、Chrome拡張機能の「Keyconfig」があるからChromeを使っている!的な記事を見るので、一度試してみようと思ってインストールしてみました。


リンク

ダウンロードリンク
Chrome ウェブストア - Keyconfig

参考にさせて頂いたサイト
ブログ執筆を効率化! 各種ブックマークレットを登録できるChromeエクステンション『Chrome Keyconfig』を使いこなそう | NANOKAMO BLOG


Keyconfigとは?

そもそも、このKeyconfigという拡張機能は、様々な動作をキーボードショートカットに登録して、使えるようにするというアプリ。

ただ、設定できる範囲が多彩で、マスターすれば、凡そマウスは使わくてもいい?くらいの項目があるので、使用して一番生きてくるのはノートPCを使う時だと思います。
デスクトップだと、どうしてもマウス!っていうときにキーボードから手は離さないといけませんからね・・・。ノートPCだと、大抵タッチパネルがあるので、マウスで選びにくいところを補うようにすると、全くキーボードから動かさなくていいんじゃないかな?って思うわけです。


今回試しに設定してみた項目

使い方は、色んなところで紹介されているので、今更紹介するまでもないと思いますが、
keyconfig1
画像赤枠のフォームをクリックして、動作を入力後、Addクリックです。
Keyconfig2
追加後、ショートカットの右側に「アクションなし」と表示された部分があるので、
そこをクリックして、動作を設定です。

アクションまで設定出来たら、ショートカットの動作フォーム右にある「save」が押せないか確認しておいて下さい。押せるようならsaveしておきましょう!
※追記・・・ブックマークレットなど、URLを設定する場合は、アクション『go to #1』を選択です!

拡張機能すでにを色々とインストールしている人は、キーボードショートカットが被ると厄介なので、一度確認してみるか、まず設定されていないようなキーボードショートカット動作を設定するといいと思いますヽ(´ー`)ノ
画像で試しに設定しようとしているのは「Alt+Shift+s」です。

設定できる動作が結構な量なので、少しややこしいと感じるかもしれませんが、分かるところだけ使っていけばいいんです。

keyconfig3
keyconfig4
▲とりあえず、私が設定したのはこんな感じです。ブックマークレットを使えるようにしたかったのが、インストールした理由の中でも大きかったので、「go to #1」での設定が多くなっています。
また、使わないなと思ったのは潔く削除!

設定自体も、actionタブ以外は触ってませんw

追記
設定した内容ですが、設定後、Chromeを再起動させないと有効になりませんので、一つ一つSave出来ているのを確認してから、再起動してくださいね。


設定内容詳細

参考になればと思いますので、特にブックマークレット関連で、設定したものをあげておきますね。

Keyconfigに登録する際、ブックマークレットのコードが表示されずに、「リンクをブックバークバーにドラッグして下さい」となっているような場合には、一度ブックバークバーに登録して、ブックマークを編集から、URLに表示されている部分をコピペしてくださいね!

カエレバ・ヨメレバ

商品紹介ブログパーツ カエレバ
書籍紹介ブログパーツ ヨメレバ

こちらは、Amazonや楽天などの商品リンクを簡単につくることが出来るブックマークレットです。
商品紹介するときに、複数のサイトの商品リンクを貼ることが出来るので、「私、Amazon嫌いだし」といった部分が少なくなると思います。

私は、そこまで使用頻度が高くないので「Shift押しながらkae」「Shift押しながらyome」で登録しました。

Komepon!

Komepon! - はてブやTwitterのコメントをワンクリックでチェック!

これは、参照しているサイトのはてブ・Twitterコメントを確認できるブックマークレット。
TOPSYコメントも確認出来るので、エゴサーチにも便利ですよ。

これも、さぁ確認しよう!っていう感じなので「Shift押しながらkome」で登録です。

ShareHtml(2種類)

ShareHtmlメーカー

ブログ書いてる人にはきっと有名な、サムネイル付きのサイトリンクを簡単に作れるブックマークレットです。先程からのサイトリンクも、こちらを使って貼り付けています。
ご覧のように、はてブ数も表示出来ます(´~`)

貼り方によってサムネイルの大きさを変えているので、書式テンプレートで「サムネイル小・大」の2つを「Alt+S」「Alt+D」で登録しています。

サムネイル付きで!参考リンクを貼るのに便利なブックマークレットがありました。 - sunabox
▲軽くですが、記事にもしています

TweetBookmarklet

TweetBookmarkletメーカー

見ているサイトを素早くツイートすることが出来るブックマークレットです。短縮URLの設定も出来るので、ほんとにワンクリックでリンクツイートが出来ます。

FocusHtml NEOがすごい!Twitterアイコンまで加えた全部のせリンクを作るブックマークレットをご紹介! - sunabox

FocusHtml NEO導入奮闘記 〜応用編〜 | iに生きるライオン

▲ツイートから、キーワードでフィルタかけて、適合したものを全部リンクにしてブログに貼ることができる「FocusHtml NEO」というとんでもないブックマークレットがあるのですが、それの書式のものも設定して、全部で3種類設定しています。

  • 「普通にツイート(短縮URL) [Alt+T]」
  • 「ブログ更新ツイート(短縮URL+更新しましたコメント付き) [Alt+R]」
  • 「FocusHtml NEO用(短縮しない+Focus用書式) [Alt+E]」

こんな感じですね。

Make Linkジェネレーター

My Utility-Make Link ジェネレータ

リンク作成のアクションは、Keyconfigの設定の中にもあるのですが、ちょっと書式を変えたり、引用文作成にも使いたかったので、上記のサイトでブックマークレットを作って登録しました。

リンク用
javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='<a href="'+location.href+'" target="_blank" title="新しいタブで開きます">'+document.title+'</a>';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return true;}})()
これは、「カエレバ」「ヨメレバ」のリンク紹介に使っています、先頭の「■」は後付けですが。
「Alt+L」で登録。

引用(Blockquote)用
javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='<blockquote cite="'+location.href+'" title="'+document.title+'">'+window.getSelection()+'<div style="text-align:right;"><cite>via - <a href="'+location.href+'" target="_blank">'+document.title+'</a></cite></div></blockquote>';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return true;}})()

こちらは、「Alt+Q」で登録。
追記
「blockquote」用に登録した「Alt+Q」ですが、使うことのありそうなWikipediaサイト内で使用すると、ウィキペディア既定のキーボードショートカットと被ってしまい、ページ移動してしまいます。
私は、ウィキペディアのアカウントを作ってしまって、回避しましたが、アカウント~??って思う人は、登録キーを変更したほうがいいかもしれませんね。

ウィキペディアのショートカットキーについて
Help:キーボード・ショートカット - Wikipedia

▼使用サンプル
「三国志」とは、魏(ぎ)・呉(ご)・蜀(しょく)の三国が争覇した、三国時代の歴史を述べた歴史書である。撰者は西晋の陳寿(233年 - 297年)(詳しくは『三国志 (歴史書)』を参照)。 後世、歴史書の『三国志』やその他の民間伝承を基として唐・宋・元の時代にかけてこれら三国時代の三国の争覇を基とした説話が好まれ、その説話を基として明の初期に羅貫中らの手により、『三国志演義』として成立した。 「三国志」の世界は『三国志演義』を基としてその後も発展を続け、世界中に広まった。

まずは、使用頻度が個人的に高いものだけを登録してみました。
これを覚えたら、また追加して・・・と思うのですが、きっとそこまで使わないなと思ったブックマークレットなどはきっと登録しないだろうし、それほど変化しないかもしれませんw

あ、使えそうだな・・・っと思った人の設定参考に、何か1つでもなればいいなと思います。

それではまた!


[Chrome]これだけは外せない!Chrome拡張機能厳選13個まとめ! - sunabox
Chromeの拡張機能は、チェックしきれないくらいの数があって大変です。 そんな中で、これだけは外せないという拡張機能を13個まとめてみました! ...

chrome拡張機能で追加した物をまとめて。 - sunabox

0 件のコメント:

コメントを投稿

Related Posts Plugin for WordPress, Blogger...