私はPCでの普段のウェブブラウジングやWeb制作のブラウザーはFirefoxなのですが、ブログを書くときや、ためになる情報が掲載されているページを共有するときに欠かせないアドオン(機能拡張)があります。
それがFireLinkです。
開いているWebページのURLやタイトルを好きな形式でコピー出来るアドオンです。
HTML, Markdown, MeidaWiki, PukiWiki といった形式が標準で用意されており、独自のものを作成することが可能です。キーボードによる操作(一時的にON/OFF可能)、タイトルとURLを編集してリンク生成、全てのタブをまとめてコピー、短縮URLの選択、といった便利な機能が用意されています。
FireLink - Copy link with keyboard shortcuts(add-ons for Firefox)
今回は、私が使っているFireLinkの設定を紹介します。
●FireLinkの設定集と解説
以下が私の設定ですが、これは設定でまとめて取り込めます。(後述)
PlainText %title%\n%url% HTML <a href="%url%" target="_blank">%title%</a>(%title%) Blockquote <blockquote cite="%url%" title="%title%"><p>%text%</p><cite><a href="%url%" target="_blank">%title%</a>(%title%)</cite></blockquote> 画像出典 <small>画像出典:<a href="%url%" target="_blank">%title%</a>(%title%)</small> TiddlyWikiリンク [[%title%|%url%]]
最初の設定から説明すると、
- PlainText:「タイトル(改行)URL」でメールやTwitterなど色々な場面で広く使えるリンク表現です。
- HTML:主にブログを書くとき使うもので、HTMLで使うリンクを一発で作ります。()の中にタイトルがあるのは「ページタイトル|サイト名」みたいなtitleタグの場合に「ページタイトル(サイト名)」で紹介したいので、2回 %titile% を使用しています。(それぞれ不要な部分を手動で削除)
- Blockquote:ブログを書くときに、読んでいるページで選択したテキストを引用する際に、blockquoteタグで囲んだHTMLを一発で作ります。citeタグも同時に作ります。
- 画像出典:画像の下に配置する画像の出典を紹介するためのHTMLを一発で作ります。smallタグで小さく表現します。
- TiddlyWikiリンク:仕事などで情報共有する際にTiddlyWikiを使用しているので、その際に使用するリンク表現です。ただ、titleタグのサイト名やカテゴリーの区切り記号として「|」を使っているサイトが多いのでそのままでは使えないことも多いです。
これらの設定を使うと、URLのコピーもいちいちアドレスバーからURLをコピーしなくても良いので、便利です。
HTMLも頑張って書く必要がなくなります。
●FireLinkの設定を書き出す・取り込む
私だけなのかもしれませんが、FireLinkの設定は消えてしまうことがあります(初期設定に戻る)。複数回…というか何回もあったので、ブログに残しておけば設定を書き戻せると思ったので今回ブログを書いたわけです。
さて、設定の書き出しや読み込みは右クリックのコンテキストメニューから「Fire Link」→「設定」を選びます。
フォーマットの中にある「Import from Clipboard」はクリップボードの情報を設定として取り込むボタン、「Export to Clipboard」は設定をクリップボードに書き出す(コピーする)ボタンです。
他の人に設定を渡したり、他の人からもらうときにはこちらの機能を使用するとよいでしょう。
クリップボードの書式としては「名前+タブ+フォーマット(改行)」という形式です。
いかがでしたか?
ブログを書いたり、情報を共有する際の面倒な手間は減らしていきましょう!
それでは。
あ、FirefoxへのFireLinkのインストールは以下のページからどうぞ!
- FireLink - Copy link with keyboard shortcuts(Add-ons for Firefox)
●参考・関連ページ
- FireLink - Copy link with keyboard shortcuts(Add-ons for Firefox)
- 最近作って便利だったFireLinkの設定さらす(ブログのおんがえし)
- ongaeshi/firelink(GitHub)
※ずっと使っていたけどGitHubで公開されているのは知らなかったわ…(さっき知った)