Web」カテゴリーアーカイブ

インターネット全般に関するカテゴリーです。

deferとasync

HTML5で<script>の属性にdeferasyncが追加されました。

deferの場合

<script "sample.js" defer></script>

ページの解析が終了した後にスクリプトを実行

asyncの場合

<script "sample.js" async></script>

ダウンロードの完了後にスクリプトを実行

deferとasync両方の場合

<script "sample.js" defer async></script>

async属性を優先し、defer属性を無視

リンク

スクリプトの非同期実行 (Windows)
http://msdn.microsoft.com/ja-jp/library/ie/hh673524%28v=vs.85%29.aspx

htaccessとhtpasswdを使ったBasic認証の設定

Basic認証は安全性に問題があり本格的に使うことは稀と思いますが、簡単に設置できるので簡易的なアクセス管理に便利です。

.htpasswdの作成

SSHなどで設置先のサーバーにログインできるという前提で説明します。

SSHでログインできない場合は、ローカルPCなどで.htpasswdを作成してアップロードすることになります。

新規作成

以下はlolipopというユーザー名で作成するサンプルです。

パスワードを聞かれますので、入力してください。

$ htpasswd -c .htpasswd lolipop
New password:
Re-type new password:
Adding password for user lolipop

作成される.htpasswdは次のようになります。

$ cat .htpasswd
lolipop:$apr1$hgHnvE.E$NAxrrnRVtg94iwPYHRpZT0

追加

lolipopというユーザー名を追加するサンプルです。

$ htpasswd lolipop
New password:
Re-type new password:
Adding password for user lolipop

.htaccessの設定

アクセス制限をかけたい場所に.htaccessを置きます。 /var/www/localhost/htdocs/.htpasswdは、実際には.htpasswdが置かれているパスに書き換えてください。

AuthUserFile /var/www/localhost/htdocs/.htpasswd
AuthName "example"
AuthType Basic
require valid-user

.htpasswd.htaccessに直接アクセスされないように次のアクセス制限も追加できます。(/etc/apache2/httpd.confなどで設定されている場合は不要です。)

<Files ~ "^.(htpasswd|htaccess)$">
  deny from all
</Files>

ローカルPCにhtpasswd実行環境がない場合は、.htpasswd作成ツール(サーバー移転に伴いサービス終了しました)などでも作成できます。