スポンサーリンク
こんにちは、鈴木俊吾（すずしん）です。
ちょっと質問ですが……。
あなたはブログを運営していますか？
ブログを運営していると、特定のページへのリンクを張ることがありますよね？
その際、どのようにしていますか？
タイトルとURLをコピペして、リンクタグを手動で作成しているのではありませんか？
でも、それって結構面倒ですよね？
そこで、今回は「PageLinker」というブックマークレットを紹介します！
PageLinkerは、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれる便利なツールです。
これがあれば、リンクタグの生成はワンクリック。
手間を省いて、効率的にリンクを貼ることができますよ！
それでは、PageLinkerの使い方や設定方法について、詳しく解説していきますね。
目次
PageLinkerとは？
PageLinkerは、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれるブックマークレット。
ブックマークレットとは、ブラウザのブックマークに登録しておくことで、ワンクリックで機能を実行できる便利なツールのことです。
ブックマークレットはJavaScriptというプログラミング言語で作成されており、ブラウザ上で動作します。
ブログを運営していると、リンクを張りたい場面というのは結構あると思います。
他の記事へのリンクや外部サイトへのリンク、特定のページへのリンクなど、様々な場面でリンクを張る必要があります。
しかし、毎回タイトルとURLをコピペしてリンクタグを作成するのは、正直面倒ですよね？
そこで、PageLinkerを使えば、その手間を省けます。
PageLinkerを使えば、リンクタグの生成はワンクリック。
ポチッとするだけで、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれます。
わずか1秒でリンクタグを作成して、コピペで効率的にリンクを張れますので、ブログ運営を快適できますよ！
PageLinkerは、プログラミングの練習題材として私が自作しました。
JavaScriptを使って、ブラウザ上で動作するブックマークレットを作成することで、自分のスキルアップを目指しました。
とは言うものの、このブックマークレットは非常にシンプルなもの。
やっていることは、JavaScriptの基本的な機能で、タイトルとURLを取得し、リンクタグを生成するだけ。
ただ、このシンプルな機能が、ブログ運営を大きく効率化してくれるのです！
それでは、PageLinkerの使い方や設定方法について、詳しく解説していきますね。
PageLinkerの使い方
PageLinkerの使い方は非常に簡単です。
まずは、ブラウザのブックマークにPageLinkerを登録します。
次に、リンクを貼りたいページでPageLinkerを起動し、リンクタグを生成します。
あとは、生成されたリンクタグをコピーして、ブログ記事に貼り付けるだけです。
ねっ、簡単でしょ？
それでは、具体的な手順を見ていきましょう。
1. PageLinkerをブックマークに登録する
まずは、PageLinkerをブックマークに登録します。
ブックマークに登録することで、いつでもPageLinkerを起動できるようになります。
以下の手順で、PageLinkerをブックマークに登録してください。
- ブラウザのブックマークバーにカーソルを合わせる
- ブックマークバーに右クリックして、「新しいブックマークを追加」を選択
- 名前に「PageLinker」と入力
- URLに以下のコードを入力
- 保存をクリック
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が起動すると、プロンプト上にリンクタグのHTMLコードが表示されます。
3. リンクタグをコピーしてブログ記事に貼り付ける
最後に、生成されたリンクタグのHTMLコードをコピーして、ブログ記事に貼り付けます。
プロンプト上に表示されたリンクタグのHTMLコードを選択して、右クリックメニューから「コピー」を選択してください。
もしくは、コピーしたい部分を選択して、Ctrl+C（またはCmd+C）でコピーしてください。
これで、リンクタグのHTMLコードがクリップボードにコピーされました。
あとは、ブログ記事の編集画面に移動して、コピーしたリンクタグのHTMLコードを貼り付けてください。
これで、リンクタグが挿入され、リンクが張られた状態になります。
以上が、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は、今見ているページのタイトルとURLを取得し、リンクタグを自動生成してくれる便利なツール。
ブログを運営していると、リンクを張る機会が多いですが、その際にリンクタグを手動で作成するのは結構面倒ですよね？
そんなときに、PageLinkerを使えば、リンクタグの生成がワンクリックで簡単に行えます。
手間を省いて、効率的にリンクを張れますので、ブログ運営を快適に行いたい方にとてもおすすめです。
あなたもぜひ、PageLinkerを使って、ブログ運営を効率化してみてくださいね。
PageLinkerは、私がプログラミングの練習として自作したもの。
非常にシンプルなものですが、意外と役に立ってくれています。
現在もバリバリの現役で、私のブログ運営をサポートしてくれています。
プログラミングを学ぶ際には、自分の手で何かを作ることが大切。
小さなツールでも、自分の手で作成することで、プログラミングの基礎を身につけることができます。
自分のちょっとした困ったを解決できるツールを作ってみると、プログラミングの楽しさを実感できるかもしれませんよ！
スポンサーリンク
名前：鈴木俊吾（すずしん）
大学卒業後、公務員浪人を目指すも失敗。
8年の無職期間の後、一念発起してフリーランスに転身。
しかし、収入0円という稼げない日々が長く続く…。
2025年、このままではいけないと思い、このブログを運営開始。
人生挑戦課題をこなしながら、人生攻略ハンターとして活動。
試行錯誤をしつつ、人生大逆転を目指していく過程を発信中。
主な活動：ブログ / 歌い手 / 個人ゲーム開発 / 作曲 / 投資 / etc...
主な資格：3級ファイナンシャル・プランニング技能士 / WEBライター検定3級 / .com Master BASIC / 実用英語技能検定準2級 / ダイエット検定2級 / etc...
スポンサーリンク