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

2015/10/08 追記

結局のところこの記事の内容は正しくないことがわかった。 別途記事を書きなおすが、以下の内容は参考のために残しておく。

続きを読む "Safari 9のページピン用アイコン" »

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の後継と認めてもらい、広めてもらおうと言う狙いだろうか。 さて、これからどうなるだろうか。

ふとインストールしてあったWWWブラウザをしばらくアップデートしていなかったことに気がつき、アップデート作業をした。 これらはサイトの確認用に入れたものもあるし、使いやすいからとかウェブ開発に向いているとかの理由で紹介されていたのをインストールしたものもある。 常用はしていないが、たまに立ち上げて確認することもあり、それが今日だったと言うわけだ。 せっかくなので下に一覧をまとめておこうと思う。

Safari

Apple自身がリリースしているので、Mac OS X用では普及率が高いと思われる。 動作が軽快なのは良いのだが、なぜか設定が保存されないと言う不具合が起きてしまったため利用していない。 画像を直接iPhotoに登録できたり、オフライン状態で接続できなくても、オンラインになると自動的に再読み込みしたりと、Mac OS Xでの連携は優秀。 WebKitを基に作られているので、WebKitを利用した他のブラウザもSafariと同じレンダリングとなる。

Camino

Mozillaのレンダリングエンジン（Gecko）を利用したMac OS X専用ブラウザ。 そのため、比較的新しいFirefoxと同様のレンダリングとなる。 やはり動作は軽快だが、RSSに対応していないなど、Firefoxに比べて低機能ぶりが目立つようになってきたので利用していない。 拡張機能が使えるようになれば文句なしのブラウザになると思うのだが。

iCab

Carbonで作られており、未だにMac OS 8.5でも動くと言うから驚異的だ。 独自のレンダリングエンジンを持っており、以前はCSSなどへの対応状況があまり良くなかったが、3.0になって相当改善したようだ。 Acid2試験にも合格している（正式版のFirefox/Caminoは合格していない）。 少なくとも、私のサイトを見る限り、SafariやCaminoとほぼ同じレンダリングをしている。

Firefox

WindowsでもIEの代替ブラウザとして定位置を得ているが、Mac版もきちんと拡張機能が使えるし、Windows版とリリースも同時なので、悔しい想いをすることがあまりない。 拡張機能もいろいろ導入して使っている。 リンク先にない拡張機能としては、HTML ValidatorやSage、XHTML Ruby Supportなどを利用している。 たまにSafariやCaminoを使うと、Firefoxの動作がやや遅く感じられるが、普段はあまり気にならない。

OmniWeb

以前は独自レンダリングエンジンを搭載していたが、今ではWebKitを採用している。 一時期英語版しかリリースされていなかったが、今は日本語も含む複数言語版もリリースされている。 30日の試用が可能な有償ソフトウェア。

Opera

ファイルサイズが小さいことと軽快さが売り。 以前はWindows版の開発が先にされていて、Mac版はメジャーバージョンが一つ古い状態のままだったこともあったが、最近は差がないのでうれしい限りである。 CSSへの対応状況も良く、各種プラットホームに移植されているので、プラットホームの違いを意識したくない人には良い選択肢かもしれない。

SunriseBrowser

ウェブ開発者向けのブラウザ。 WebKitを利用している。 文法チェッカーを簡単に起動できるほか、ウィンドウサイズもよくある画面サイズに変更できるなど、便利な機能が備わっている。 また、レンダリング領域がなるべく広くなるようにしているところも好感が持てる。

シイラ

こちらもWebKit利用のブラウザ。 Safariよりも使いやすいブラウザを目指して開発しているとのこと。

以下は旧サイトからの移行データを、ソフトウェアのバージョンアップに伴い、新しい内容に書き換えたもの。 そのため、文体が統一されていないが、あらかじめご了承願いたい。 紹介しているソフトは以下の通り。

• Firefox + Thunderbird
• OpenOffice.org
• FFFTP
• TeraTerm + TTSSH
• Miranda
• Becky! Internet Mail
• Meadow
• ATOK
• TMIDI Player
• Lhasa
• カシミール3D
• ViX

続きを読む "お気に入りツール集 Windows版" »

はじめに

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

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

動作環境など

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

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

HTMLのマークアップはXHTML 1.0 Strictを採用している。 スタイルシートはCSS2を採用している。 一応チェックはしているが、一部に文法ミスなどあるかもしれない。

なお、一部ページでは後方互換性に考慮した上で、意図的に文法ミスをしている。 これは、XHTML1.1に含まれるルビのマークアップをしているためである。 ならばなぜXHTML 1.1を採用しないのかというと、XHTML 1.1ではMIMEタイプをapplication/xhtml+xmlにするべきなど、色々面倒なのである。 ルビを将来またマークアップし直すのも、これまた面倒なので、今はそのままマークアップしている。 後方互換性を考慮、と言うのは、仕様書にも書いてある方法を使って、解釈できないユーザーエージェントでも、それなりに意味が通るようになっている、と言うことである。

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

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

• Camino on Mac OS X
• Safari on Mac OS X
• Opera on Mac OS X
• Mobile Browser on W41CA
• Opera on W41CA

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

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

IrodorI One-Poem World

Copyright © 2006 One-Poem

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

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

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

その他の連絡先について

連絡先

目次

• One-Poemカテゴリのリンク
• Webカテゴリのリンク
  • コロプラカテゴリのリンク
• コンピュータカテゴリのリンク
  • Macカテゴリのリンク
  • ゲームカテゴリのリンク
• 日常カテゴリのリンク
  • 買い物カテゴリのリンク
• 趣味カテゴリのリンク
  • 旅行カテゴリのリンク
• 車カテゴリのリンク
• その他のリンク

続きを読む "カテゴリー別リンク" »

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

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

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