テクノロジー・動画・写真・デザインとか

URLとタイトルをHTMLのタグで簡単にコピーしてくれる方法まとめ

ブログを書いていると他のページにリンクをしたい事もあるだろうが、わざわざそのページのURLやタイトルをコピーしてタグを打ち込むのは面倒だ。

それをキーボードのショートカットキーやマウスジェスチャーで簡単にコピーしてHTMLのタグを生成する方法がいくつかあるので、まとめてみた。

①Chrome用マウスジェスチャーCrxMouseを利用する

先日紹介したが、キャプチャ機能付Chrome用マウスジェスチャーCrxMouseを利用することで、グイっとドラッグするだけで簡単にURLとタイトルをHTMLのタグでコピーしてくれる。

自分はマウスジェスチャーを主に使っているので、これを使っている。
追加の仕方は、リンク先を見てもらえれば。

②Chrome用エクステンションKeyconfigを使ってコピー

Chrome用のエクステンションKeyconfigは、Chromeのショートカットキーを色々と設定できるエクステンションで、これもスクリプトを設定することができ、ショートカットキーで簡単にページのURLとタイトルをコピーできる。
https://chrome.google.com/webstore/detail/keyconfig/okneonigbfnolfkmfgjmaeniipdjkgkl?hl=ja

続きを読む

設定のやり方

Keyconfigの「オプション」、「Actions」と開く

「type key here」でCtrlやAltキーなどを使って好きなショートカットキーを作成

「Add」で加える

「アクションなし」を選択して、「Clipboard」の「copy url and title as html」を選択。

これで、ショートカットキーでURLとタイトルをコピーできる。
「copy url and title by custom tag #1」と選択してカスタマイズすることも可能だ。

詳しい使い方はこちら。
ChromeのショートカットキーはKeyconfigでさらに便利になる

Mac使いなら、BetterTouchToolと組み合わせれば最強だ。
MacのトラックパッドはBetterTouchToolでさらに使いやすくなる

③Chrome用エクステンションCreate Linkを使ってコピー

URLとタイトルをコピーしてくれるChromeのエクステンションは、他にもあるが比較的に手軽で一番良かったのが、このChrome用エクステンションCreate Link。
インストールしたらツールバーアイコンか右クリックで、ページのURLとタイトルをテキスト、又はaタグのHTMLでコピーすることができ、タグは自分でカスタマイズすることも可能だ。
https://chrome.google.com/webstore/detail/create-link/gcmghdmnkfdbncmnmlkkglmnnhagajbm/related

④URLとタイトルをブックマークレットでコピー

プロンプトウィンドウを開いてURLとタイトルをコピーできる状態にするもので、ブックマークレットにしたものだ。
下記のリンクをブックマークバーにドラッグして、クリックするだけで使えるようになるが、プロンプトを表示させてコピーする作業が発生するので紹介しおいてアレなんだがあまりお薦めしない。

URLとタイトルをコピー

⑤FirefoxのFiregesturesを使用する

Firefoxを使っている人は、Firegesturesを使う。
設定のやり方はこちらを参照。
Firefoxマウスジェスチャー「Firegestures」のスクリプト設定色々

カテゴリ:Webサービス, まとめ