ariyasacca

カテゴリ一覧

Biz | SF | Software | tDiary | Web | ゲーム | サバティカル | スポーツ | ミステリ | メタル | 健康 | 投資 | 携帯 | 時事ネタ | 死生観 | 資格 | 雑記
2004|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|04|05|06|07|08|09|10|11|12|
2012|01|02|03|04|05|06|07|08|09|10|11|12|
2013|01|02|03|04|05|06|07|08|09|10|11|12|
2014|01|02|03|04|05|06|07|08|09|10|11|12|
2015|01|02|03|04|05|06|07|08|09|10|11|12|
2016|01|02|03|04|05|06|07|08|09|10|11|12|
2017|01|02|03|04|05|06|07|08|09|10|11|12|
2018|01|02|03|04|05|06|07|08|09|10|11|12|
2019|01|02|03|04|05|06|07|08|

2011-02-20 (日) [長年日記]

[Web]HTML5に移行した

今どき文字コードShift_JISも無いよなぁと前々から思っていたので、全部UTF-8に変換してしまうついでに、よい機会なので自分のサイトのうち、tDiaryによってCGI出力しているこの日記以外のページを全てXHTML1.0からHTML5に移行した。

やったこと

  • 文字コードをUTF-8化。
  • 細かい部分のマークアップを機械的に置換して(X)HTML5 Validatorで軽くチェック。
  • スタイルシートの書き直し。古いやつは代替スタイルシートに指定しておいた。
  • Internet Explorer 8, Firefox 3.6, Safari 5, Chrome 9といった現代的なバージョンのブラウザで概ね意図通りに表示されていることを確認。

やらなかったこと

  • Internet Explorer 6, 7の確認。今後もやる予定は無し。

やりたいけど、まだやってないこと

  • tDiaryのカレンダー部分が見苦しくなってきたので、プラグイン書くなりしてまとめたい。
  • せっかく手元にiPot touchがあるので、モバイルSafariでもそれっぽく表示されるようにしたい。

参考にしたリソース

作業内容

主に前述のDive Into HTML5を参考にして、変更をMercurialで管理しつつ、Perlで一気に置換、差分を見てダメだと思ったら戻す、ちゃんと出来てたら次の置換、といった感じで空き時間を使って一つずつ進めた。

たとえば、HTML5ではlink要素のrev属性は廃止されてしまったので、

$ find . -name "*.html" -print0 | xargs -0 perl -pi -e 's/rev="made"/rel="author"/g'

と書き換えて、ダメだったら全部戻す。

$ hg revert -a --no-backup

OKだったらコミット。

$ hg ci -m 'change rev="made" -> rel="author" attribute.'

Mercurialなら各OS向けに強力なGUIがあるから簡単に作業ログを確認できるし、これくらいの小規模な作業にリポジトリと作業場所を分けて持つSubversionは大げさなので、ちょうど良い感じである。

コミットが一瞬で完了するのも気持ち良い。

【スクリーンショット】MercurialのコミットログをGUIで確認。


最近のツッコミ

  1. ウルトラマン (2019-04-18(木)19:22)「声優代節約の為やぞ」
  2. ああああ (2019-03-28(木)15:19)「バージョンは好きにしていいのか。 」
  3. 雷悶 (2019-01-06(日)09:46)「時代はProっしょ~」

参号館  の中の  日記(ariyasacca)

トップ «前の日記(2011-02-19 (土)) 最新 次の日記(2011-02-21 (月))» 編集