JavaScript

ページリンク作成Bookmarklet「PageLinker」を作ってみた

PageLinker

こんにちは、鈴木俊吾(@suzushin7)です。

ブログを運営していると、とある記事へのリンクを貼りたい時があると思います。
その時、あなたはどのようにリンクを作成しているでしょうか?

何も考えずに、普通にリンクを貼ろうとすると…。
若干手間が必要で、ちょっと面倒くさいですよね。

そこでっ!
ちょっとだけJavaScriptのプログラミングをしまして…。
ページリンクをサクッと作れるブックマークレットPageLinker」を作ってみました。

PageLinkerを利用することで…。
記事のリンクタグを、なんとワンクリックで取得できるようになりますよ!

頻繁にリンクを作成している方にとっては、非常に効果的なツールです。
ぜひあなたもその威力を試してみてください。

PageLinkerとは?

今回、私が作成したブックマークレットです。
今見ているページ(記事)へのリンクタグを、一瞬で取得することができるツールになります。

普通にリンクタグを自力で作成しようとすると…。
URLとタイトルをコピーして、aタグを入力していく、という流れになります。
この作業、地味に面倒くさいです。
また、どんなに速く入力しても、数秒のロスにはなるでしょう。

1つや2つくらいのリンクならまだマシですが…。
それ以上になってくると、リンク作成だけでもそれなりに時間がかかります。
この時間、できることなら短縮したいですよね。

そこで、今回のPageLinkerの出番。
このブックマークレットを使うと、リンクタグの取得がワンクリック。
なんと1秒でリンクタグがゲットできます!
あとはそのリンクタグをコピペするだけ。
すごく簡単ですよ!

PageLinkerのブックマーク登録

PageLinkerを新規ブックマークとして保存してください。
推奨場所は、ブックマークバー上に「ブックマークレット」というフォルダを作ってそこに登録する方法です。
新規ブックマークの編集画面で、URLの欄に以下のコードを貼り付けてください。

javascript:(function(){var t=document.title;var u=location.href;var a='<a href="'+u+'" title="'+t+'" target="_blank">'+t+'</a>';prompt('PageLinker',a)})();void(0);

PageLinkerの使い方

PageLinkerの使い方は非常に簡単。

まず、リンクを張りたいページ(記事)を表示しておきます。
そして、さきほど登録したPageLinkerをクリックします。
すると、リンクタグのHTMLコードがプロンプト上に表示されますので、それをコピーします。
後は、記事の任意の場所に貼り付けるだけです。

PageLinker

PageLinkerのソースコード

PageLinkerのメイン処理部分のソースコードは以下のようになっています。

簡単に動作を解説すると…。
まず、今見ているページのタイトルとURLを取得して変数に保存しておきます。
そして、その変数の値を使ってリンクタグ文字列を生成して、プロンプトに表示するだけ。

JavaScriptに関する基礎的な知識があれば、誰でもすぐに理解できる内容だと思います。
ネタとしても、ブックマークレットを作ろうと考えれば、まず最初に思いつきそうなものです。

(function(){
var t = document.title;
var u = location.href;
var a = '<a href="'+u+'" title="'+t+'" target="_blank">'+t+'</a>';
prompt('PageLinker', a);
})();

ひとこと

今回の記事では、今見ているページのリンクを一瞬で作成するブックマークレット「PageLinker」の紹介とその使い方について解説してみました。

ソースコードを見てみれば分かりますが…。
やっていることはすごく地味で単純です。
でも、ブックマークレットにして利用してみると、予想以上に良い仕事をしてくれます。

ブロガーにとっては、PageLinkerは縁の下の力持ちとも言えるツールですので…。
ぜひあなたも利用してみてはいかがでしょうか?
きっとあなたのブログライフを快適にしてくれると思いますよ。

著者情報

鈴木俊吾(すずきしんご)
鈴木俊吾(すずしん)

座右の銘は『一度きりの人生、楽しむべきだよね絶対!』。
大卒(情報科学)→公務員浪人→無職→フリーライター。

趣味は、音楽鑑賞/読書/カラオケ/マジックザギャザリング(MTG)。
好きな歌手は、水樹奈々/TUBE/ナオト・インティライミ/いきものがかり/奥華子など。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)