ブログ作成が捗る?!サイトのタイトルとURLをまとめてコピーするbookmarklet(アドオン不要)

スポンサーリンク

ブログ書いてたりすると、「このサイトのタイトルとURLまとめてコピーしたいな〜」ってことがわりとある。(あるよね??)

そんな場合、chromeやFirefoxなら拡張機能として下記のようなツールを使えば簡単にできるっぽい。
TitleUrlCopy – Chrome ウェブストア
TitleUrlCopy – Firefox 向けアドオン

ただ、何らかの理由でブラウザにこれ以上アドオンを入れたくない場合などもあるかもしれない。
そんなときは、ブックマークレットなんか使ってみてはいかがだろうか?

※ブックマークレットって何?どうやって使うの?って方は下記をご覧ください。
ブックマークレットの登録方法 – Qiita

ブログ書いてて見つけたんだけど、全く同じ結果になるものをすでに公開してくれてる方いましたわ。こちらの方のコードの方が短いしブックマークレットっぽいので、実際使うならこの方のお作りになったものの方が良さげです。
ブックマークレット/Bookmarkletの作り方 – catch.jp-wiki

ぶっちゃけ今ご紹介したリンク見ればこの話済むんですけど、せっかくブログ書き始めちゃったからもう最後まで書こうと思います。
暇な人、どうやって動かしてるのか中身見たい人は続きをどうぞ。

サイトのタイトルとURLをまとめてコピーするブックマークレット三連発!

カンマ区切りにするver.

まずは、サイト名とURLをカンマ区切りにするやつです。
エクセルにサイトのタイトルとURLをまとめたいときとかに便利です。

ブックマークレット用

そのまま下記をコピペしてください↓

閲覧用(改行、インデント、コメント付き)

コードの体裁を整えて見やすくしたものです。ブックマークレットとしては動かないのでご注意。

<a>タグにするver.

HTMLの基本中の基本、リンクを貼る際に使う<a>タグの形式にするやつです。
ブログとかにそのままペタッと貼るのにいいかも。

ブックマークレット用

そのまま下記をコピペしてください↓

閲覧用(改行、インデント、コメント付き)

コードの体裁を整えて見やすくしたものです。ブックマークレットとしては動かないのでご注意。

マークダウン記法にするver.

HTML形式でマークアップなんかダルすぎる&ダサすぎる!という方はこちら。
[リンク文字列](URL)の形式にするよ。

ブックマークレット用

そのまま下記をコピペしてください↓

閲覧用(改行、インデント、コメント付き)

コードの体裁を整えて見やすくしたものです。ブックマークレットとしては動かないのでご注意。

最後に感想とか

車輪の再発明は愚だが、勉強にはちょうどいいのかもしれない。まぁたのしかったので佳しとしたい。

ABOUTこの記事をかいた人

職業:遊び人。1日の半分は睡眠時間の超ロングスリーパー。元大手IT企業のサラリーマンだったが、ブラックな労働環境で体を壊した挙句クビになり、やむをえず独立。それ以来定職にもつかず、半分遊びのようなヌルい仕事をしながら適当に暮らしている。良く言えばノマドワーカー。 詳しいプロフィールはこちら