ブックマークレットの登録方法

ブックマークレットの使用準備

ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである [注釈 1]。 携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。
ブックマークレット - Wikipedia

ブックマークレットの使用準備

手順1. ブックマークバーを表示する

図の青枠で囲っている部分がブックマークバー

　Chrome ブックマークバーの使用法
　Firefox ブックマークバーの使用法
　Safari ブックマークバーの使用法
　IE11,Edge ブックマークバーの使用法

手順2.ブックマークレットをブラウザのブックマークに登録

ブックマークバー上で右クリックすると、ブックマークを追加するためのメニューが表示されるので選択する

URL部分
javascript:から始まるブックマークレットのコードを入力

今回のサンプル中では
【Bookmarklet】ブラウザ上で黒丸になっているパスワードの中身をワンクリックで表示させる - Qiitaのコードを使用

bookmarklet

javascript:(function(){if(typeof this.tgt==='undefined')this.tgt=document.querySelectorAll('input[type="password"]');var nit=(this.tgt.item(0).getAttribute('type')=='password')?'text':'password';for(var i=0;i<this.tgt.length;i++)this.tgt.item(i).setAttribute('type',nit);})();

**名前**
わかりやすい任意の名前をつければOK（今回のサンプル中では `view_pswd`としている）

![新しいブックマークを登録する画面](https://qiita-image-store.s3.amazonaws.com/0/103957/7a442ce4-ee3b-e6dc-9287-3e56d40c83ad.png)


![ブックマークレットを登録し終わった画面](https://qiita-image-store.s3.amazonaws.com/0/103957/5b4ae505-3784-6942-0cce-5f421f1738b1.png)


以上でブックマークレットの利用準備は完了


## 参考になるリンク

- [知ってそうで知らないブックマークレットの仕組みと使い方（と便利な11点まとめ） ｜ ライフハッカー［日本版］](http://www.lifehacker.jp/2013/04/130402bookmarklet_matome.html)
- [ブックマークレットをインストールする方法 | Firefox ヘルプ](https://support.mozilla.org/ja/kb/bookmarklets-perform-common-web-page-tasks)
- [bookmarklet maker](http://userjs.up.seesaa.net/js/bookmarklet.html)