Bookmarklet（ブックマークレット）って何？作り方と使い方をやさしく解説

Bookmarklet（ブックマークレット）とは？　作り方と使い方

この作業、毎回手動でやるの面倒だな…

そんなときに活躍してくれるのが Bookmarklet（ブックマークレット） です。

ブラウザの「お気に入り（ブックマーク）」に登録して使うインストールの要らない拡張機能のようなものです。
『インストール不要』『無料』『一瞬で使える』という三拍子そろった便利なツールなんです。

例えば『ページ内の情報を一括ダウンロード』『表示中のページを整形』など、ちょっとめんどくさいをクリックひとつで一発実行できるようにしてくれます。

この記事では、その便利なブックマークレットの『作り方』と『使い方』を解説しますね。

今回は『Chrome』で説明しますが、Firefox、Opera、Safariもほぼ似たような感じです。
追加して欲しい場合、ご連絡ください。

今見ているページなどで、URL入力する場所にある『☆』を押してブックマークを作成します。

ブックマークバーにある『今作成したブックマーク』を右クリックして『編集』

『名前』をわかりやすい名前にし
『URL』にブックマークレット用コードを入力し
『保存』ボタンを押して完成です。

最初は⇩この『お試しコード』を貼り付けてみてください。

javascript:(function(){
  alert(document.title);
})();

右上『…(縦)』➔『☆ ブックマークとリスト』➔『ブックマークバーを表示』

これでブックマークバーがブラウザの上部にでるので、作成したブックマークが使いやすくなります。

普通にブックマークを使うように、先程修正したブックマークをポチッと押してみてください。
これだけで、プログラムが動きます。

先程のお試しコードの場合、サイトのタイトルがメッセージとして表示されます。
色々なページで試してみてくださいね。

いつものように『ブックマークを開く感じ』で使えばOK

PC版のChrome / Edge / Safari推奨

昔はAndroidスマホでも使えたらしいけど、今の端末は大体動かない。
PC推奨。ワンチャンiPhoneのsafari。

質問受付中です。いただき次第、ここの項目に追加します。

改行が含まれてても、そのまま貼って大丈夫です。
ちゃんと動きます。