今日はとあるサイトのちょっとしたリニューアル作業をやったわけですが、ちょっと注意すべき点があるなと思ったのでメモ。
アップする順序
(capistranoとか使ったことないけど、使える環境であればあんまり気にしなくていいことなのかな? Filezillaとか使ってファイルをぽちぽち上げる場合の話です。)
何も考えずにやると、先にHTMLファイルをアップロードして、追加された新しい画像(まだアップされてない)が表示できない、とかありがち。
表示がおかしくなる時間をできるだけ短くしたいので、新規ファイル → 編集した既存ファイル の順にやるのがよい。
既存ファイルの上書きは、がーっと超スピードでやる。表示が崩れてる時間をできるだけ短くしたい。
フォルダまるごとぽいっと上げればいいじゃん、という意見もありそうだけど気が進まない。。サーバに.svnが意味なく上げられてたり、Thumbs.dbあったりするとおえーーーっとなる。それだけの理由ならFilterしろよ、という話だけど、やっぱり意図しないファイルの上書きなど起きそうで怖いのでごそっとアップはやりたくない。
キャッシュ対策
既存ファイルを上書きしたのにブラウザがキャッシュしてて見栄えが変わらない、おかしくなる、という事態も極力避けたい。ファイルの指定をしてるところでファイル名のお尻に"?YYMMDD"とかつけるとよさげ。
/* CSSで画像を指定する場合 */
ul#nav li {
background-image: url(/path/to/nav.gif?110811);
}
とか。Railsとかだと勝手にCSSやJS読み込むところに付けてくれますね。CSSファイル内で背景画像指定してるところまでやってくれるのか未確認。
ローカルとリモートの同期ブラウズ
よくimagesってディレクトリがどこそこに作られてる場合がありますが、違うimagesディレクトリにアップしないための対策として、ローカルでディレクトリ移動したらリモートも同様の階層に移動する、同期ブラウズ機能を使うのがよいです。Filezillaでこの機能を使ってますが、たしかWinSCPにもあったと思います。
今日思ったのはこんなところです。
(明日からしばし盆休みです)