スズシンラボ

スズシンラボRSSPVアクセスランキング にほんブログ村

PageLinker: 見ているページのリンクタグを自動生成するBookmarklet

🗓️Publish: 2025-02-25T10:20+09:00

🕒Update: 2025-02-25T10:45+09:00

🏷️Tags: 成果物 | 成果物/ツール | プログラミング | JavaScript | ブックマークレット | ブログ | PageLinker | 人生挑戦課題 | 難易度★1

🖋Author: 鈴木俊吾(すずしん)

スポンサーリンク

PageLinker: 見ているページのリンクタグを自動生成するBookmarklet

こんにちは、鈴木俊吾(すずしん)です。

ちょっと質問ですが……。
あなたはブログを運営していますか?

ブログを運営していると、特定のページへのリンクを張ることがありますよね?
その際、どのようにしていますか?
タイトルとURLをコピペして、リンクタグを手動で作成しているのではありませんか?
でも、それって結構面倒ですよね?

そこで、今回は「PageLinker」というブックマークレットを紹介します!
PageLinkerは、今見ているページのタイトルとURLを取得し、リンクタグ自動生成してくれる便利なツールです。
これがあれば、リンクタグの生成はワンクリック。
手間を省いて、効率的にリンクを貼ることができますよ!

それでは、PageLinkerの使い方や設定方法について、詳しく解説していきますね。

PageLinkerとは?

PageLinkerとは?

PageLinkerは、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれるブックマークレット。
ブックマークレットとは、ブラウザのブックマークに登録しておくことで、ワンクリックで機能を実行できる便利なツールのことです。
ブックマークレットはJavaScriptというプログラミング言語で作成されており、ブラウザ上で動作します。

ブログを運営していると、リンクを張りたい場面というのは結構あると思います。
他の記事へのリンクや外部サイトへのリンク、特定のページへのリンクなど、様々な場面でリンクを張る必要があります。
しかし、毎回タイトルとURLをコピペしてリンクタグを作成するのは、正直面倒ですよね?

そこで、PageLinkerを使えば、その手間を省けます。
PageLinkerを使えば、リンクタグの生成はワンクリック。
ポチッとするだけで、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれます。
わずか1秒でリンクタグを作成して、コピペで効率的にリンクを張れますので、ブログ運営を快適できますよ!

PageLinkerは、プログラミングの練習題材として私が自作しました。
JavaScriptを使って、ブラウザ上で動作するブックマークレットを作成することで、自分のスキルアップを目指しました。
とは言うものの、このブックマークレットは非常にシンプルなもの。
やっていることは、JavaScriptの基本的な機能で、タイトルとURLを取得し、リンクタグを生成するだけ。
ただ、このシンプルな機能が、ブログ運営を大きく効率化してくれるのです!

それでは、PageLinkerの使い方や設定方法について、詳しく解説していきますね。

PageLinkerの使い方

PageLinkerの使い方

PageLinkerの使い方は非常に簡単です。
まずは、ブラウザのブックマークにPageLinkerを登録します。
次に、リンクを貼りたいページでPageLinkerを起動し、リンクタグを生成します。
あとは、生成されたリンクタグをコピーして、ブログ記事に貼り付けるだけです。
ねっ、簡単でしょ?

それでは、具体的な手順を見ていきましょう。

1. PageLinkerをブックマークに登録する

まずは、PageLinkerをブックマークに登録します。
ブックマークに登録することで、いつでもPageLinkerを起動できるようになります。

以下の手順で、PageLinkerをブックマークに登録してください。

  1. ブラウザのブックマークバーにカーソルを合わせる
  2. ブックマークバーに右クリックして、「新しいブックマークを追加」を選択
  3. 名前に「PageLinker」と入力
  4. URLに以下のコードを入力
  5. 保存をクリック
javascript:(function(h,t){prompt('PageLinker','<a href="'+h+'" title="'+t+'">'+t+'</a>')})(location.href,document.title);void(0);

これで、PageLinkerがブックマークに登録されました。

2. リンクを貼りたいページでPageLinkerを起動する

PageLinkerの使い方

次に、リンクを貼りたいページでPageLinkerを起動します。
リンクを貼りたいページを開いた状態で、先ほど登録したPageLinkerのブックマークをクリックしてください。
PageLinkerが起動すると、プロンプト上にリンクタグのHTMLコードが表示されます。

3. リンクタグをコピーしてブログ記事に貼り付ける

最後に、生成されたリンクタグのHTMLコードをコピーして、ブログ記事に貼り付けます。
プロンプト上に表示されたリンクタグのHTMLコードを選択して、右クリックメニューから「コピー」を選択してください。
もしくは、コピーしたい部分を選択して、Ctrl+C(またはCmd+C)でコピーしてください。

これで、リンクタグのHTMLコードがクリップボードにコピーされました。
あとは、ブログ記事の編集画面に移動して、コピーしたリンクタグのHTMLコードを貼り付けてください。
これで、リンクタグが挿入され、リンクが張られた状態になります。

以上が、PageLinkerの使い方です。
PageLinkerを使えば、リンクタグの生成がワンクリックで簡単に行えます。
手間を省いて、効率的にリンクを張ることができるので、ブログ運営を快適に行いたい方におすすめです。

PageLinkerのソースコード

PageLinkerのソースコード

PageLinkerのソースコードは、以下の通りです。
やっていることは非常に単純で、今見ているページのタイトルとURLを取得し、リンクタグのHTMLコードを生成しています。
生成したHTMLコードは、プロンプト上に表示されるので、コピーしてブログ記事に貼り付けることができます。

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

まとめ:PageLinkerでリンクタグを簡単自動生成!

まとめ:PageLinkerでリンクタグを簡単自動生成!

今回は、「PageLinker」というブックマークレットを紹介しました。
PageLinkerは、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれる便利なツール。
ブログを運営していると、リンクを張る機会が多いですが、その際にリンクタグを手動で作成するのは結構面倒ですよね?

そんなときに、PageLinkerを使えば、リンクタグの生成がワンクリックで簡単に行えます。
手間を省いて、効率的にリンクを張れますので、ブログ運営を快適に行いたい方にとてもおすすめです。
あなたもぜひ、PageLinkerを使って、ブログ運営を効率化してみてくださいね。

PageLinkerは、私がプログラミングの練習として自作したもの。
非常にシンプルなものですが、意外と役に立ってくれています。
現在もバリバリの現役で、私のブログ運営をサポートしてくれています。

プログラミングを学ぶ際には、自分の手で何かを作ることが大切。
小さなツールでも、自分の手で作成することで、プログラミングの基礎を身につけることができます。
自分のちょっとした困ったを解決できるツールを作ってみると、プログラミングの楽しさを実感できるかもしれませんよ!

スポンサーリンク

鈴木俊吾(すずしん)

名前:鈴木俊吾(すずしん)

大学卒業後、公務員浪人を目指すも失敗。
8年の無職期間の後、一念発起してフリーランスに転身。
しかし、収入0円という稼げない日々が長く続く…。
2025年、このままではいけないと思い、このブログを運営開始。
人生挑戦課題をこなしながら、人生攻略ハンターとして活動。
試行錯誤をしつつ、人生大逆転を目指していく過程を発信中。

主な活動:ブログ / 歌い手 / 個人ゲーム開発 / 作曲 / 投資 / etc...

主な資格:3級ファイナンシャル・プランニング技能士 / WEBライター検定3級 / .com Master BASIC / 実用英語技能検定準2級 / ダイエット検定2級 / etc...

スポンサーリンク