はじめに

このサイトは、私（One-Poem）が、自分の好きなことを、適当にWeb上に書いていこうというサイトである。 大きなくくりで言えば、創作活動の発表の場と言うことにもなるのだろうし、個人の日記と言うことにもなるだろう。

私は、以前から自分のウェブサイトを作ってはいたが、もっと気軽に更新できるものとして、Blogを採用してみた。 Blogはシステムがしっかりと作られており、個々の内容を書くだけで、トップページや更新情報・インデックスなどの更新が自動的に行われる。 テンプレートなどの仕組みもしっかりとしており、更新の手間が少なくて済むようになった。 また、日記に近いものと考えられている日本の現状からしても、これまで「わざわざ書くようなことでもないな」と考えてしまっていたような日常の細かなことについても、書いていこうと思っている。 どちらかというと、Weblogと言うよりも、Myself logに近くなるとは思う。

動作環境など

以下は、技術の話が好きなので、技術的な解説をしようと思う。

このサイトはMovable Typeを使って作られている。 さくらインターネットのレンタルサーバにインストールし、主にデザインを自分好みに変更して使用している。

HTMLのマークアップはHTML 5を採用している。 スタイルシートは最新のCSS仕様を採用している。 Safariのページピンアイコンなど、特定ブラウザ向けのマークアップを行う必要がある場合など、文法ミスは多く含まれるものの放置せざるを得ない状況になっている。

サイトのアクセシビリティは富士通のWeb Inspectorでチェックをおこなっている。 また、Another HTML-lintの、文法チェックと「宗教的なチェック」も参考にして作っている。

表示を確認しているブラウザは、以下の通り。 基本的に、ブラウザは最新バージョンまたはβ版を利用している。 これ以外のブラウザで表示が崩れている場合は、なるべく訂正したいと思っているが、逆に、下記のブラウザで表示がおかしい場合は、もしかすると私自身がそれで納得している場合もあるかもしれない。

• Safari on Mac OS X
• Firefox on Mac OS X
• Safari on iOS9

以下はちょっとまじめな話。

著作権/リンク/二次利用について

IrodorI One-Poem World

Copyright © 2006-2015 One-Poem

特に表示がない場合、IrodorI One-Poem World（トップページ以下）の著作権は、私、One-Poemが所有します。

私の著作物にリンクを張っていただく場合、特に許可無く、自由におこなっていただいてかまいません。 私は、リンクは一種の引用であると考えていますし、また、引用することは制限しません。 リンクした旨を連絡していただく必要はありませんが、連絡していただいても構いません。 ただし、ファイル名やフォルダ構成を変えることはありますので、時々確認していただけるようお願いします。

二次利用については、クリエイティブ・コモンズ・ライセンスをご覧ください。 ライセンスの条項にもありますが、私に別途許可を取ると、このライセンスの適用を受けることなく二次利用が出来ます。

その他の連絡先について

連絡先

このところ、SVGなどの（私にとって）新しい技術について調べることが増え、自然とHTML5への興味も高まってきた。 これまでは各ブラウザの対応状況をhtml5test.comで見るくらいで、Safariの対応の遅さに意味もなく歯がゆい思いをしてきた程度だった。 ちなみにSafari 9でもスコアは555点満点のうち400と、ChromeやFirefoxに大きく引き離されているし、Internet Explorer後継のMicrosoft Edgeにも（ほぼ同じスコアだが）追い抜かされている。

現在このサイトはXMLベースであるXHTML 1.0 Strictを使ってマークアップしている。 HTML5は従来のHTMLのように、タグを省略するなど、ある程度「ゆるく」マークアップできる言語のようだ。 しかし個人的にはきちんと要素の範囲を指定して、文書構造がはっきりするXHTMLの方が好みだ。 HTML5では、XMLをベースとしてXHTML式にマークアップすることも可能なようで、XHTML5と呼ばれているようだ。 Google検索で調べてみるとすでに5年以上前からこの違いについて解説しているサイトがあり、自分の不勉強が恥ずかしい限りだ。

HTML5では文書構造を示すための要素としてsection, article, nav, aside, header, footerが追加されていて、文書の意味づけがより明確に行えるようだ。 この辺りを厳密にやろうとすると、Movable TypeのテンプレートをCSSも含めて相当書き換えないといけなくなりそうだ。 また、現在のテンプレートはMovable Typeのテーマ機能を使うためと思われるが、div要素の入れ子構造が深くて、あまり好きではなかった。 これを機会に、よりシンプルなマークアップになるようにしてみたい。 それに伴って、個別記事のマークアップも変更しなければならないかもしれない。

ただ、XHTML5でマークアップするには、サーバー側のHTTP応答ヘッダを変える必要もあるなど、やや敷居が高い。 しかし従来のHTMLの延長で、限りなくXHTML5準拠に近いというような方法は可能なのではないかと思う。 HTML5への移行を、今後のサイト更新の目標の一つとしていきたい。

続きを読む "HTML5とXHTML" »

IE8のWeb標準技術への対応について発表がおこなわれたそうだ。 IE8では従来のWebページへの対応を優先し、IE6/IE7の表示モード（それぞれ「quirks」「standards」モード）が既定の表示方法になるらしい。 これまでのユーザー（この場合はWebサイトの製作者）に配慮したとすれば、理解出来る方針と言える。

一方、IE8でもWeb標準により厳格に準拠した新standardsモードを用意するが、この新しいモードで表示するためには、明示的に指定する必要があるそうだ。 Web標準に沿ったページを作れば、他のWebブラウザでも同様に閲覧出来る可能性が高まる。 最大のシェアを持つInternet Explorerにはぜひとも標準技術に対応してほしかったが、まだしばらくは混乱が続きそうだ。 草稿が発表されたHTML 5などの時代にあった標準が出てくることで、逆に状況が変わることを期待したい。

WHAT WGが次世代HTMLとしてHTML5をW3CのHTML作業部会に提案したそうだ。 現行のHTMLはXMLベースのXHTMLが採用され、利用が広まっているものと思っていたが、記事によると後方互換性のためにあまり広まっていないらしい。 そこでApple、Mozilla、Operaもメンバーであるブラウザベンダーで構成するWHAT WGで策定しているのがHTML5らしい。 HTML5もXMLベースになっている。

WHAT WGによる現在の草稿を見ると、これまでのHTMLになかった要素がいくつか追加されているのが目につく。 私が面白いと思ったのはdialog要素。 dl要素と同じようにdt要素とdd要素を子に持つことができ、dt要素が発言者、dd要素が発言内容となっているようだ。 私もこういう風にマークアップしたことがあるので、やはり会話の表現は要望が大きかったのだろうか。

このHTML5は既に各ブラウザで検証作業が進んでいるらしい（つまり、対応した実装が進んでいると言うこと？）。 それにも関わらずW3Cに提案したと言うことは、W3CによってHTMLの後継と認めてもらい、広めてもらおうと言う狙いだろうか。 さて、これからどうなるだろうか。

Movable Typeをインストールして、Blogサービスの試用開始した。 インストール作業は面倒くさそうだし、Mac用のFTPソフトを探すのがまた面倒だったりと、いろいろな困難を乗り越え、ようやく先ほどインストール完了。 果たしてきちんと設定できているのか、まだまだ確認が必要といったところである。 当分は公表せずにひっそりやって確認していこう。

• HTMLテンプレートのXHTML 1.1化
• まともなCSSの作成
• メインサイトの移行

上記が当面の課題か。 さくらのサービス申し込みからもう半年以上たつが、未だにサイトの移行が終わっていない。 単にやる気がないだけで、さっきSSIカウンタが動くことも確認したのであとは細かい確認かな。 あとはおつきあいがあった先への連絡か...。 正直なところ、もう1年以上も放置していたわけで、なんだかとても心苦しい。 後でここを見るかもしれないみなさん、どうも申し訳ありません。