JavaScriptでフォームの自動入力を実現する方法について書いていきます。テスト時に何度も同じ項目を入力することに疲れている方は必見で...ですが拡張機能を使う方が手軽で便利ですね。今回は以下の順番で解説していきます。AUTOFILLのインストール方法AUTOFILLの使い方おわりに目次AUTOFILLのインストール方法Chromeの拡張機能を使ったことある方は、特に問題ないかと思います。こちらのページにアクセスしてください。AutofillChromeに追加をクリック。拡張機能追加をクリック。右上にカミナリマークが表示されたらOKです。AUTOFILLの使い方データの保存方法フォームのあるページを開いたら、右上にあるカミナリマークが黄色くなります。黄色になっていなければ、ページを再読み込みしてみてください。フォームの保存したいデータを入力して、カミナリマークをクリックします。すると、ページ上部にこんなバーが表示されます。ボタンをクリックしてください。表示されたら保存されています。本当に保存されているか確認するために、一度ページを離れて、もう一度今のページにアクセスしてみてください。先ほど入力した値がフォームに入力された状態になっているはずです。カミナリマークにも今開いているページで使用できるデータの数が表示されるようになります。値の内容を書き換えたい場合は、もう一度カミナリマークを押してデータを保存すれば既存のデータが更新されます。AUTOFILLのオプションからデータを編集することもできます。オプションを開くためにはカミナリマークを右クリックして、オプションの項目を選択してください。このページが開いたら「Value」という部分の内容を書き換えればOKです。おわりにテストなどで何度もフォーム入力をする場合は、本当に助かる拡張機能です。今回は全てテキストボックスでしたが、セレクト・チェックボックス・ラジオボタンなどにも対応しています。以前のJavaScriptのものだと、使うまでに毎回準備しないといけなかったので、こちらの方が簡単に使えますね!ただ保存したデータはローカルのハードディスク内に保存されますが、暗号化されているわけではありません。メールアドレス、クレジットカード番号など個人情報に関わるもは注意しておきましょう!誰かにPCを貸したりしたときに、全部情報見えてしまうなんてことにもなりかねないですからね。使わなくなったデータは、こまめに削除しておいた方が良さそうですね。