ウェブページのタイトル＆アドレスを一度にコピーする
はじめに
メールとかで、知り合いに参考のウェブページのアドレスを送ってあげたいことがよくあって、ウェブページのタイトルとアドレスが一度にコピーできると便利だったりします。
その実現方法についてパソコンで２つ、Androidで１つお伝えします。（あとからiPhone追加するかもしれません）
パソコンでの実現はブラウザを開いた状態でそこからクリック一発でクリップボードにコピーされている状態。これを実現するためにはGoogle Chromeの拡張機能をインストールして利用する方法と、ブックマークレットを利用する方法があります。
対してAndroidのスマホでは拡張機能もブックマークレットも機能しないために、専用のアプリを利用します。こんなふうにかゆいところに手の届くアプリが無料で存在するって最高です。しかも結構古くからある。開発者の方に感謝です。
＊ ＊ ＊
その１ Google Chrome拡張を利用する（PC）
ここで紹介されているcocopyというGoogle Chromeの機能拡張は自分でコピーする内容カスタマイズすることができるスグレモノ。すでにマークダウン形式とリンク形式の２種類が登録されているので、ここに３番目のFunctionsとして「タイトル＆アドレス」などと好きなタイトルを付けて、新規に作成します。内容は下記の通り。
/**
Return value will be copied to clipboard.
@param {Object} page
@returns {(string|undefined|Promise)}
*/
({title, url, content, selectingText}) => {
return [title, url].join('\n');
}オリジナルのサンプルから変えてるのはタイトルとアドレスの間に改行を入れてるという点のみです。シェアしたいウェブページを開いた状態で「ココピー」機能拡張のボタンをクリックしたのち、コピーしたい形式を選べば、クリップボードにコピーされます。
その２ ブックマークレットを利用する（PC）
ブックマークレットは、javascrpitの小さいプログラムで、このプログラムをブックマークとして登録しておくと、とある機能（ここではタイトル＆アドレスをコピー）が追加されるというものです。
ここで紹介されている方法は、下記のミニプログラムをブックマークとして登録するというもの。
javascript:(function(){e = document.createElement('textarea');e.textContent = document.title + '\r' + document.URL;document.body.appendChild(e);e.select();document.execCommand('copy');e.remove();})();シェアしたいウェブページを開いた状態で登録したブックマークをクリックすればクリップボードにコピーされます。ファビコンがカスタマイズできないのが玉に瑕です。
その３ アプリを利用する（Android）
Androidには共有ボタンがありますが、ウェブページのアドレスだけしかコピーされない仕様になっているので、タイトルとアドレスを一度にコピーしたい場合、上記で紹介されている「簡単！ページ共有」というアプリをインストールする必要があります。
このあたり、Androidの基本機能に入れてくれてもいいのになと思う部分ではありますよね。
＊ ＊ ＊
おわりに
パソコンの場合、その１とその２のどちらを使うかは好みになりますが、タイトルとコピーだけでよければ、ブックマークレットはワンクリック、Google Chromeの機能拡張は２クリックなのでブックマークレットのほうがすこしだけ楽そうです。
ということで、これで面倒くささからだいぶ解放されました。よかったよかった。
＊ ＊ ＊
追記
この記事を書いたあとに、
というシンプルな拡張機能を見つけてしまいました。。機能的には上で紹介したcocopyとほぼ同様でコピー内容もカスタマイズが可能です。選択したスタイルをクリック一発でクリップボードにコピーできるので、ココピーより便利かもしれません。いまは僕はこちらの拡張機能を利用しています。
この記事が気に入ったらサポートをしてみませんか？