このところ、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" »

AppleからSafari 4 Betaが発表された。 ダウンロードすることも可能なので、早速インストールしてみた。 この記事も、Safari 4 Betaから投稿している。

まず目につく新機能は「Top Sites」と名付けられた、よく使うサイトにアクセスしやすくする機能。 OperaのSpeed Dialに始まり、Google Chromeにも同じ機能が搭載されているが、Safariではその表示方法をワイドスクリーン風にスタイリッシュにしている。 私はOperaは最近使っていないのだが、使い勝手はGoogle Chromeとほぼ同じ。 Safariは表示されるサムネイルの数は多いが、「最近追加したブックマーク」「最近閉じたタブ」を表示する機能はないようだ。

同じWebKitをベースにするGoogle Chromeを参考にしたのかな、と思われる機能は他にもある。 タブバーがタイトルバーと一体化しており、Chromeと同じ形式だ。 タブを追加ボタンは右上の角に固定となった。 私はタブを追加ボタンは左端に置くことが多いので、この配置換えにはまだ慣れないが、コンテンツの表示部分が広くなったことは歓迎出来る。

履歴の表示方法にCover Flowを採用したのはいかにもApple製ブラウザらしい。 サイトのサムネイルが表示されるので、履歴を探しやすくなったと思う。 既にFirefoxには搭載されていた機能だが、全体を検索できる機能も便利だ。

新しいJavaScriptエンジンであるNitroだが、確かにGoogle リーダーで多数のリスト表示をさせた時の更新速度が速くなっているように感じる。 はっきりと違いが目に見える訳ではないものの、これから使って行くに従って実感出来るのではないかと期待している。 Firefox 3.1もJavaScriptエンジンが高速化するそうなので、そちらのリリースも楽しみだ。

基礎部分の機能の関連では、Web標準への対応も進んでいるようだ。 スコアが100となったことで話題にもなっていたAcid 3 テストだが、やってみたら確かに100/100となった。

そして、この記事を書くときに気がついたが、Movable Type 4はSafariにもしかすると完全には対応していなかったのかもしれない。 Safariはテキストボックスの大きさを自由に変えることができたが、本文を記入するテキストボックスの横幅がほぼ最小になってしまっていた。 広げれば問題なく記入は出来るものの、最初どういうことかわからず焦ってしまった。

続きを読む "Safari 4 Betaが登場" »