Beginner's Rock Official Website

犬土偶日記

海の近くに住みたい

BR日記の使い方

話題:Webプログラミングとか

2016年04月07日

犬土偶日記HTML5化

公開日時: 2016年04月08日 03時36分25秒

雨。花見はもう無理か。夕方起きて朝寢る生活を改めないとどうせ行けないんだが。早めに寢ることは不可能で、朝寢て午前中に起きることも不可能で、それならば現實的な手段としては寢ずに午後まで堪へて後ろへズラすといふことだが、それも午前中には死ぬほど眠くなつてしまつて難しい。どうしやうもない。一應頑張つて長く起きてゐるつもりだつたが、9時頃に諦めた。で、18時半に起きた。少し後ろへズレたが、ほとんど變らない。これではまた朝寢ることになるだらう。

圓高が進んでゐる。もつと行け。新しいPCを買はねばならんから、PCパーツの値段が激烈に安くなるまでもつともつと行け。目指せ70圓臺!政府は介入するなよ。最近何もかもが俺に都合の良い方向へ動くな。

犬土偶日記の仕樣を一部變更した。2016年1月1日以降をHTML5にした。最初にBeginner's RockのWebサイトを作つたのはいつだつただらうか。バンド結成が2001年9月末だつたと思ふ。2001年の10月頃には作り始めたのではないか。最初は無料のWebサーバーのiswebでやつてゐた。當時はHTML5といふ規格は存在せず、HTML4.01 StrictのDTDに沿つたWebページを作つてゐた。Debugも結成が2005年で、その頃もまだHTML5は存在してゐなかつたのでHTML4.01 Strictで作つてゐた。そのまま今に至る。今はもういつの間にかHTML5が主流になつてゐるのではないかと思ふ。不都合が無ければHTML4.01のままでも良いのだが、色々と面倒なことになつて來てゐる。例へばYouTubeの動畫を日記に埋め込む時、YouTubeで埋め込みコードを取得するのだが、ここで表示されるHTMLタグがiframe要素だ。iframe要素はHTML4.01 Strictでは使へない。HTML4.01 Transitionalならば非推奨要素だが使へる。BRやDebugのサイトはStrictなので使へない。Transitionalといふのは、大昔に仕樣を無視したWebブラウザの獨自擴張とか色んなダメなものが氾濫したことがあり、さういふのを段階的に廢止して行くための過渡期仕樣として作られたもので、使ふべきでない將來的に廢止されるものも當面は使つても良いといふ仕樣だつた。どうせ將來的に廢止されるなら嚴密な仕樣であるHTML4.01 Strictを使ふのが良いといふ判斷でStrict文書を作成して來た。しかし、HTML5の時代になると、4.01時代に非推奨とされた要素や屬性が便利だからといふ理由で復活したり、4.01 Strictで規定されてゐたものでももうあまり使はれてゐないとか意味が無いとかで廢止されたものもある。そこでYouTubeの埋め込みのやうな不都合が他にも色々と生じて來ることになつた。去年までは埋め込みコードをわざわざ4.01 Strictの仕樣に合ふやうにobject要素に書き換へて埋め込んだりして騙し騙しやつて來たが死ぬほど面倒臭い。まあ文書型宣言を完全無視して仕樣から外れたマークアップをしてもブラウザが適當にやつてくれるので實質的には何も問題無い。仕樣に嚴密に處理すると、馬鹿が作つたWebサイトはまともに表示できないことになり、恐らく世の中の8割以上のWebサイトはまともに閲覽できなくなるだらう。それではブラウザとしては問題があるので、ダメなサイトもそれなりに表示するやうにできてゐる。だから文書型宣言でHTML4.01 Strictを宣言しつつStrictDTDに無い要素や屬性を使用しても特に問題が起こることは無いと思ふ。しかしそれはあまりにも無能だらう。で、HTML5化するに當つて、非常に大變な困難が伴ふ。本文に直截的にHTML4.01のマークアップが施されてゐるので、HTML5の文法に合致しないものが多く含まれてゐるはずだからだ。12年數ヶ月に及ぶ膨大な日記を全てチェックして書き直すといふは非現實的だらう。日記データCGIによると、犬土偶日記の本文の文字數合計は1260萬文字を超えてゐる。400字詰め原稿用紙に空白無く書き込んで積み上げると、1cmで100枚として3メートルを超える。讀むだけで一體どれほどの時間を消費するだらうか。朝から晩まで毎日讀んで1年で終るだらうか。讀みながら文法チェックしてHTML5に適合するやうに修正すると年單位で時間を消費してしまふかもしれない。恐ろしい重勞働だ。不可能ではないかもしれないが、人生の勞費だ。そこで、過去の全てをHTML5に對應させるのは諦めて(といふか最初からやるつもりも無いが)、今年からHTML5化する方向で考へて來た。今年の元日から、HTML4でも5でも大丈夫なマークアップを心掛けて書いて來た。今年以降の日記ならいつHTML5化しても大丈夫だし4のままでも大丈夫といふ状態で續けて來た。そのうち5化作業をやらうと思ひながらもう3ヶ月以上も經過してしまつた。前置きが長くなつたが、今日その作業をやつた。基本的には文書のヘッダ部分の處理だけでOKだ。日記のCGIで最初に色んな條件分岐がある。どんな値を受け取つてどんな處理をするのかといふ分岐。日附指定で個別の日記の文章を表示するといふ處理の段階で、headerといふサブルーチンを呼び出す。受け取つた引數を利用してHTTPヘッダを書き出し、HTMLのHEAD要素を書き出し、BODY要素の最初の方のH1要素やサイトナビゲーションのメニュー等まで表示する。大體全ページに共通するヘッダ部分を書き出すサブルーチンだ。ここを變更すれば良い。2015年までは4.01のままで、2016年から5にする。しかも俺の日記だけ。メンバー識別のための變數を假に$idとし、年月日のうち年を表す變數を假に$yearとする。さうすると、サブルーチン呼び出し側でif($id eq "dogoo" && $year > 2015){&header(HTML5の處理);}else{&header(HTML4の處理);}といふやうに條件分岐すればOKだ。日記本體のサブルーチン呼び出し部分と、外部ライブラリにあるheader函數の中身を書き換へれば良い。まあ大した作業ではない。今後、日記本文にHTML5のマークアップを書き、それがHTML4.01に合致しないといふことが起こると、Beginner's Rock版の犬土偶日記で支障が出るので、BR版のCGIの方も修正しておく。サーバーにUPする前にPC内のサーバーで動かしてエラーが出ないかとか狙ひ通りに動いてゐるかとかチェックする。大丈夫だといふことを確認してアップロードし、W3CのValidatorでチェックする。無事にできた。ただしcharsetに少し問題がある。UTF-8にすべきだが、Shift_JISのまま。ここは弄ると壯大に文字化けしたりして面倒なことになる可能性がある。當面これでOKだらう。興味があれば2015年12月31日以前と2016年1月1日以降のHTMLソースを表示して見ると良い。HTML5の方がシンプルで良いね。

さて、3時半。全く眠くない。でも必ず9時前には眠くなるだらう。花見に行きたい。土日は人が多いから絶對に避けねばならない。明日(といふか今日)を逃すと月曜まで行けないことになる。月曜まで櫻が散つてゐないなんてあり得るだらうか。無いよな。行くなら明日(今日)しか無い。どうする。眠くないから今寢ることはできない。7時か8時頃に一瞬寢て10時頃起きて行くなんてことが可能だらうか。絶對無理に決まつてゐる。寢たら終りだ。では徹夜か。それも死ぬほどキツいぞ。不可能ではないだらうし、恐らくそれが唯一無二の手段だらう。どうする。絶對キツいぞ。そもそもどこに行くべきかも分からん。淡墨櫻を見たいんだが死ぬほど遠いぞ。名古屋城はどうだらうか。調べてみよう。

調べた結果、7日の時點で名古屋城は3〜5分散りだと。もうダメぢやねえか。大雨だつたからさらに散つてゐるだらうし。淡墨櫻はまだ散り始めてゐないらしい。そちらに行くか。名古屋城が散つてゐるならもう犬山城とかもダメだらうしな。うちの近所の農業大學も結構散つてゐるしな。もう近場のソメイヨシノは嚴しい。高山の方ならまだまだ餘裕だらうけどな。來週に高山に行くといふのも良いかもしれないな。一應、數時間後に根尾谷の淡墨櫻を見に行くといふことで何とか頑張つてみよう。しかし樽見鐵道といふやつが恐ろしく混雜するらしい。單線なのか知らんが恐ろしく本數が少なく車輛も少なくこの時期は常時滿員電車みたいな感じらしいぞ。滿員電車に乘らされる人生が最底邊だと思ふ。想像するだけでウンコが漏れる。激烈な睡眠不足で座れずに1時間も電車に搖られてまともに生きてゐられるだらうか。

(1.0)STAY GREEN 〜未熟な旅はとまらない〜、ONE FOR THE ROAD、IT'S SHOWTIME!!、ロビンソン、juice、アクアブルー、黒い青春、MY LONELY TOWN、Anniversary song、fake、MIRAI、turning、トウダイモトクラシー、pain。

ギター練習56分、腹筋200囘、背筋200囘、讀書104ページ。

話題:Webプログラミングとか

Info.
公開日時2016年04月08日 03時36分25秒
本文文字数3964文字 (タグ込み)
URLhttps://orca.xii.jp/br/diary/diary.cgi?id=dogoo;date=20160407
Comments

コメントはありません。

コメント投稿フォーム
文字色              
  • 名前を省略すると「名無しBeginner」になります。
  • メールアドレスの入力は任意です。
  • 海外からのコメントスパム対策のため、表示された漢字の読みを必ず入力してください。
  • 本文は必須項目です。投稿する場合は必ず記入してください。タグは使えません。
  • 改行が1つ入力された場合は強制改行として処理されますが、2つ以上連続する改行は段落の終了として処理されます。
  • 本文の行頭に「>」のある文は引用としてマークします。引用でない部分の冒頭に「>」は付けないでください。
  • コメントの削除は管理者若しくは日記執筆者しかできません。書き込む時は注意しましょう。
  • 全部記入が済んだら投稿ボタンを押す前に一度読み直して推敲しましょう。