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|09|10|11|12|
2020|01|02|03|04|05|06|07|08|09|10|11|12|
2021|01|02|03|04|05|06|07|08|09|10|11|12|
2022|01|02|03|04|05|06|07|08|09|10|11|12|
2023|01|02|03|04|05|06|07|08|09|10|11|12|
2024|01|02|03|04|05|06|07|08|09|10|11|12|

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. 雷悶 (2024-11-26(火)19:01)「1年後には能登麻美子さんと早見沙織さんの声を聴き分けられるようになります(できない)。」
  2. ArcCosine (2024-11-25(月)23:11)「すごい声優に詳しくなっている……。」
  3. ともお (2024-05-29(水)20:59)「真上からの恐怖🫨」

参号館  の中の  日記(ariyasacca)

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