JavaScript

QuoteLinker: 引用リンクタグ作成ブックマークレット

読了時間: 約342
QuoteLinker

今日は、ちょっとしたJavaScriptのプログラミングをしてみました。
簡単なブックマークレットを作成してみたのですよね。
せっかく作成したので、この記事で公開してみたいと思います。

今回作成したブックマークレット「QuoteLinker」は、引用リンクタグを簡単に作成してくれるものです。
引用リンクタグは、できるだけ正式なフォーマットで書こうとすると少々コードが長くなりますので…。
手書きで入力するのは、正直面倒くさいですよね。
それをブックマークレットを使って、サクッと自動でやってしまおうというわけです。

これも、以前作成したPageLinkerと同様に地味なのですが…。
そのパフォーマンスは抜群ですよ!
一度使えば、その便利さにハマると思いますよ。

PageLinker
PageLinker: ページリンクタグ作成ブックマークレット 今日は、ちょっとしたJavaScriptのプログラミングをしてみました。 とは言っても大したことはしていないのですけどね。 ...

QuoteLinkerとは?

「QuoteLinker」というのは、引用リンクタグを簡単に取得することができるブックマークレットです。
自力入力でタグを書かなければならなかった部分を自動化します。
これによって、テキストを引用するのにかかる手間を大幅に削減することができます。

通常、引用をしようとすると以下のようなコードを書く必要があります。
もしこれを手入力でやろうとしたら、ちょっと面倒くさそうだということが分かりますね?

<blockquote cite="引用元URL">
<p>〜引用したい文章〜</p>
<p>出典: <cite><a href="引用元URL" target="_blank">引用元タイトル</a></cite></p>
</blockquote>

QuoteLinkerを使えば、上記のタグを一瞬で自動生成してくれます。
ですので、あなたがやることは、自動生成されたタグをコピーして記事に貼り付けるだけ。
とても楽になりますよね!

HTML
意外と知らない?引用(blockquote)する時のHTMLタグの書き方 時々、質の高い記事を作成するために、他のブログ記事や参考資料からテキストを引用(blockquote)することがありますよね? ...

QuoteLinkerの登録方法

QuoteLinkerは、ウェブブラウザのブックマークとして登録します。
お使いのウェブブラウザのブックマークバー上の任意の場所に、以下のリンクをドラッグアンドドロップしてください。
「ブックマークレット」フォルダを作成しておいて、その場所に置くのが個人的にはおすすめです。

QuoteLinker

QuoteLinkerの使い方

QuoteLinkerの使い方は簡単です。

まず、引用したいページを表示させておきます。
そして、引用したい文章をマウスドラッグして選択した状態にします。

QuoteLinker - 引用文の選択

そのままの状態で、QuoteLinkerをクリックします。
すると、プロンプトが表示されますので、そこに表示されているタグ文字列をコピーします。

QuoteLinker

あとは、ブログ記事に貼り付けるだけです。

「QuoteLinker」というのは、引用リンクタグを簡単に取得することができるブックマークレットです。
自力入力でタグを書かなければならなかった部分を自動化します。
これによって、テキストを引用するのにかかる手間を大幅に削減することができます。

出典: QuoteLinker: 引用リンクタグ作成ブックマークレット|スズシンラボ オフィシャルブログ

QuoteLinkerのソースコード

QuoteLinkerのソースコードは、以下のようになっています。
本来は1行ですが、分かりやすいように改行を入れています。

まず、選択文字列・ページのタイトル・ページのURLを取得しておきます。
そして、その情報を元にしてタグ文字列を生成します。
あとはプロンプトに表示させるだけ。
やっていることは非常に単純だということが分かりますね。

javascript:(function(){
var text = document.getSelection().toString();
var t = document.title;
var h = location.href;
var tag = '<blockquote cite="'+h+'"><p>'+text+'</p><p>出典: <cite><a href="'+h+'" title="'+t+'" target="_blank">'+t+'</a></cite></p></blockquote>';
prompt('QuoteLinker', tag);
})();

まとめ

今回の記事では、QuoteLinkerという、引用リンクタグを自動生成するブックマークレットを作成してみました。
このQuoteLinkerを使うことで、手作業では面倒だった、引用リンクを作成する作業を楽にしてくれます。

テキストを引用する機会というのは、たまにあると思いますが…。
そんな時は、ぜひこのQuoteLinkerを使って、サクッと引用リンクタグを作成しましょう。
とても簡単で便利なブックマークレットなのでおすすめですよ!

書いた人: 鈴木俊吾(すずしん)
フリーランスのライター・ブロガー・プログラマ。

大学卒業後、公務員を目指していたが失敗。
その後、仕事をしようとするも全て不採用に。
そのうち、心を病んで統合失調症を発症。
入退院を繰り返す。

「仕事をもらえないなら自分で作ればいい」「自分の好きな仕事だけをやろう!」と思うようになり、フリーランスに転身。
現在は、ブログの更新やアプリ開発を主な仕事にしている。

趣味は音楽鑑賞・読書・カラオケ・オセロ。
特に好きな歌手は水樹奈々で、ファンクラブにも所属している。
最近ハマっている曲は「恋想花火」。

フィードを登録していただくと、ブログの更新を把握しやすくなります。
あなたからの登録をお待ちしています!

Feedly
RSS

Twitter: @suzushin7

コメントを残す

%d人のブロガーが「いいね」をつけました。