このCSSを
ul.menu { list-style: none; }
ul.menu li { padding-left: 2em; }
こう書けたら？
ul.menu {
list-style: none;
li {
padding-left: 2em;
}
}
CSS Server-side Pre-processorを使えば、こんな風に見た目と意味が一致したCSSが書けてしまうようだ。
独自文法のCSSをサーバサイドでパースして、通常のCSSに落とし込もうというアイデアである。
このライブラリを使えば、ネスト記法の他にも定数を宣言したり、サーバサイドで別のCSSファイルをimportしたりできるようだ。
定数を使えば、色や幅など共通の値をいちいち置換してまわる手間が省ける。
@server constants{
colorOne: #336699;
colorTwo: #3366CC;
}
.foo { color:colorOne; background-color:colorTwo; }
.bar { color:colorOne; background-color:colorTwo; }
importはHTTPリクエスト数の大幅な削減につながる。
@server import url(stylesheetName.css);
普通のCSSと非常に近い文法で書けるのが良い感じだ。しかもmod_rewriteを使うので、あたかも普通のCSSであるかのようにHTMLからlinkするだけで使えてしまうようだ。
PHP、Apache、mod_rewriteで動くので、普段その周辺で開発しているなら試してみてもいいかもしれない。
Windows上のApacheでオレオレSSLするメモ
正当性云々を抜きにして単純に自分用サーバをSSL対応させる方法のメモ。
事情あって今回はWindows上でApacheを動かしているので、手順の中にはもしかしたらWindowsに依存する部分があるかもしれない。
手順概要は
手順の意味の簡単な説明
SSLを使うにはサーバが正当であるという証明書と、データ暗号化のための鍵が必要だ。それらのファイルを作成するためにOpenSSLを使う。実際の世の中では証明書リクエストをVeriSignなどの会社に申請し、お金を払って証明書をもらうのだが、今は勝手に自分でVeriSignみたいな役割もしてしまう。
必要なソフト
バージョンは2007/11/11現在の最新版。インストールは適当に。
OpenSSL 0.9.8g
証明書の作成用。公式サイトにはソースしかないが、有志がWindowsバイナリを公開している。
Shining Light Productions – Win32 OpenSSL
ActivePerl 5.8.8
OpenSSLを使う上で必要。既にPerlが動くなら入れなくていい。
このページにはなにやら値段が書いてあるがDLは無料。
ActiveState – Store – ActivePerl
証明書作成（１）サーバ用秘密鍵作成
C:OpenSSLにインストールしたとして
これでbinフォルダにserver.keyが出力される。
証明書作成（２）証明書リクエスト作成
リクエスト作成のために情報を入れてもらいます、と言われ、いくつかの入力をさせられる。基本的には適当に入れていけばいいが、
CommonNameにはサーバがアクセスされるホスト名を正確に入力。
Challenge passwordでは何も入力せずにEnter。
Optional company nameにも何も入力せずにEnter。
今回はこんな感じ。
これでbinフォルダにserver.csrが作成される。
証明書作成（３）証明書作成
-days 3650は証明書の有効期限。別に短くしておく必要はないので10年とかでいい。
これでbinフォルダにserver.crtが作成される。
Apacheの設定
server.crtとserver.keyをApacheのconfcertsに移動。
confssl.confに以下を書き込む（ない場合は近くにあるサンプルファイルをコピーして作成）。
その下にDocumentRootなどの設定をするところがあるが、そこはhttpd.confの設定に応じて設定する。
Apacheを再起動して作業は完了だ。
その他もろもろ
SSLはデフォルトでポート443を使うので、ファイアウォールに穴を穿っておくこと。
これでhttps://…にアクセスできるはずだ。ブラウザに証明書がズルいとかヤバいとかがちゃがちゃと文句を言われるが華麗にスルーしてあげよう。
参考にしたサイトは主にこのあたり。
Apache + SSL
OpenSSL for Windows
OpenSSLのインストール
SSL用証明書の作成（Windows編）