簡単閲覧制限！JavaScriptでパスワード認証

パスワード認証によるアクセス制限を手軽に使いたい！

パスワード入力ダイアログのサンプルイメージ複雑なことはしたくないけど、パスワード認証^※を使ったアクセス制限をしてみたい！ …という場合は、JavaScriptを使ってのパスワード認証がオススメです。
※パスワードを入力しないと秘密のページにアクセスできないようにする仕組み。

JavaScriptを使ったパスワード認証では、完全なアクセス制限はできません^※が、次のような特長もあります。
※認証後のアクセス先URLが第三者にバレてしまうと、（URLを直接指定すれば誰でも閲覧可能なため）認証に意味がなくなります。

HTML内にスクリプトを記述するだけ → サーバの設定が不要
CGIやSSIなどが不要 → 低機能なスペースでも使える

JavaScriptでは施せるアクセス制限のレベルが低いのですが、同時に敷居も低いため、とっても手軽に使えます。
「第三者に見られても困るわけではないけれど、特定の人々にだけ見せたい」ような、軽い認証が欲しいページに使うと良いでしょう。記述量が少ないので、気軽に使えます。

なお、今回ご紹介する方法は、JavaScriptソース内にパスワードを記述する必要がない^※パスワード認証方法です。
※JavaScriptソースを見てもパスワードは分かりません。
※JavaScriptを使った認証方法では、パスワードをソースファイル中に記述するタイプのものもあります。それだと、ソースを見られればパスワードがバレてしまいます。

備考

パスワード認証でアクセス制限をするには、ウェブサーバ(Apache)の設定を利用する「基本認証(Basic認証)」や、 CGIを利用した認証などがあります。どちらも、CGIを利用できる環境や、サーバの設定ができる環境が必要ですから、フリーのホームページスペースなどでは使えないことがあります。