<?xml version="1.0" encoding="utf-8"?>

<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:admin="http://webns.net/mvcb/"
xmlns:cc="http://web.resource.org/cc/"
xmlns="http://purl.org/rss/1.0/">

<channel rdf:about="http://standards.mitsue.co.jp/">
<title>Web標準Blog [ミツエーリンクス]</title>
<link>http://standards.mitsue.co.jp/</link>
<description>Webサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等をご紹介します。</description>
<dc:language>ja</dc:language>
<dc:date>2010-09-01T10:43:50+09:00</dc:date>
<image rdf:about="http://www.mitsue.co.jp/img/cmn/rss_banner.gif">
<title>ミツエーリンクス</title>
<link>http://www.mitsue.co.jp/</link>
<url>http://www.mitsue.co.jp/img/cmn/rss_banner.gif</url>
<width>80</width>
<height>31</height>
</image>

<items>
<rdf:Seq><rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001473.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001472.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001471.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001470.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001469.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001467.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001466.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001464.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001463.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001462.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001461.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001460.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001459.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001457.html" />
<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001456.html" />
</rdf:Seq>
</items>

</channel>

<item rdf:about="http://standards.mitsue.co.jp/archives/001473.html">
<title>2010年8月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001473.html</link>
<description><![CDATA[<h4>XMLHttpRequest勧告候補</h4>

<p>8/3付けで、XMLHttpRequest仕様が勧告候補として公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/CR-XMLHttpRequest-20100803/" hreflang="en">XMLHttpRequest</a></li>
</ul>

<p>オブジェクトの実装状況は申し分ないでしょうから、テストスイートの作成と検証が終われば、とくに問題なく勧告に向かうのではないでしょうか。</p>

<h4>Web Performance WG</h4>

<p>8/19に、Web Performance WGの設立がアナウンスされました。</p>

<ul>
<li><a href="http://www.w3.org/2010/webperf/" hreflang="en">Web Performance Working Group</a></li>
<li><a href="http://www.w3.org/2010/08/webperf.html" hreflang="en">Web Performance Working Group Charter</a></li>
</ul>

<p>設立が検討されている旨は<a href="http://standards.mitsue.co.jp/archives/001470.html">先々月の記事</a>で紹介しましたが、このたび晴れてWGとして活動がスタートしました。</p>

<p>Charterによると、策定する仕様は次の3つです。</p>

<ul>
<li><a href="http://dev.w3.org/2006/webapi/WebTiming/" hreflang="en">Navigation Timing</a> ― ページを読み込むときの、ネットワークや読み込みなどの時間、リクエスト回数などの情報を取得する</li>
<li><a href="http://dev.w3.org/2006/webapi/ResourceTiming/" hreflang="en">Resource Timing</a> ― ページからリンクされる画像やスクリプトなどのリソースを読み込むときの時間、情報を取得する</li>
<li>User Timing ― UAがコードを実行した時間を取得する</li>
</ul>

<p>Navigation TimingとResource TimingはもともとWeb Timingというひとつの仕様で定義されていましたが、仕様と実装ともにNavigationTimingインターフェースの進みが早かったことから仕様の分割に至ったようです。</p>

<p>実装も始まっており、<a href="http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx" hreflang="en">MicrosoftがIE9で</a>、<a href="http://blog.chromium.org/2010/07/do-you-know-how-slow-your-web-page-is.html" hreflang="en">Chromeは6から</a>機能が利用できるようです。Firefoxについては、<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=570341" hreflang="en">該当のバグ</a>を読む限り、Firefox 4のfeature freezeに間に合うかどうかという状態のようです。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-09-01T10:43:50+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001472.html">
<title>2010年7月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001472.html</link>
<description><![CDATA[<h4>Mobile Web Application Best Practices</h4>

<p>7月13日付で、Mobile Web Best Practices WGより、Mobile Web Application Best Practicesの最終草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-mwabp-20100713/" hreflang="en">Mobile Web Application Best Practices</a></li>
</ul>

<p>MWBP WGは<a href="http://www.w3.org/TR/mobile-bp/" hreflang="en">Mobile Web Best Practices</a>を発表していますが、この文書は「モバイル端末でのWebブラウジング」を想定したものでした。</p>

<p>Mobile Web Application Best Practicesは「モバイル端末とWebアプリケーション開発」をそのスコープとしており、HTML5のAppCacheやWeb Storageの利用、HTTPリクエスト数を減らすことなどに言及しています。</p>

<h4>CORS草案</h4>

<p>7月27日付で、WebApps WGより<abbr>CORS</abbr> (Cross-Origin Resource Sharing)の草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-cors-20100727/" hreflang="en">Cross-Origin Resource Sharing</a></li>
</ul>

<h4>CSSスナップショット最終草案</h4>

<p>7月27日付けで、CSS WGよりCSS Snapshot 2007の最終草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-css-beijing-20100727/" hreflang="en">Cascading Style Sheets (CSS) Snapshot 2007</a></li>
</ul>

<p>HTMLの<code>style</code>属性などからCSSを利用する際の要件を定める<a href="http://www.w3.org/TR/css-style-attr/" hreflang="en">CSS Styling Attributes Level 1</a>が1月に公開されたこともあり、それをスナップショットに組み込んだことが変更になります。</p>

<p>日本語訳を更新していますので、そちらもご覧ください。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/resources/w3c/TR/css-beijing/">CSS スナップショット 2007 (日本語訳)</a></li>
</ul>

<h4>メディアクエリー勧告候補</h4>

<p>7月27日付けで、CSS WGより新しいメディアクエリーの勧告候補が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/" hreflang="en">Media Queries</a></li>
</ul>

<p>勧告候補の更新ということで、仕様に大きな変更は行われていません。今回の勧告候補の公開に合わせて、<a href="http://www.w3.org/Style/CSS/Test/MediaQueries/" hreflang="en">テストスイート</a>のβ版も公開されています。</p>

<p>こちらも新しい仕様にあわせ、日本語訳を更新しています。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/resources/w3c/TR/css3-mediaqueries/">メディアクエリー (日本語訳)</a></li>
</ul>

<h4>WOFF草案</h4>

<p>7月27日付で、WebFonts WGよりWOFF仕様の草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-WOFF-20100727/" hreflang="en">WOFF File Format 1.0</a></li>
</ul>

<p>昨年より編集者ドラフトとして存在しており、また<a href="http://www.w3.org/Submission/2010/SUBM-WOFF-20100408/" hreflang="en">W3C Member Submission</a>として提出されてはいましたが、草案としての公開は初めてになります。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-08-06T09:08:26+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001471.html">
<title>SwapSkillsでMicrodataについてお話しました</title>
<link>http://standards.mitsue.co.jp/archives/001471.html</link>
<description><![CDATA[<p>7月31日に行われた<a href="http://swapskills.info/sessions/html5-semantics.html">SwapSkills 2010 vol.6</a>にて、Microdataについて講演させていただきました。</p>

<p>Microdataの簡単な概要と書き方、そしてMicrodataに対応するGoogleのRich Snippetsに関して紹介しています。スライドも公開していますので、そちらもご覧ください。</p>

<ul>
<li><a href="http://www.slideshare.net/myakura/microdata-a-primer">Microdata: A Primer</a></li>
</ul>

<p>なお、すべての書き方を網羅しているわけではなく、またDOM APIについても「仕様で定義されている」程度の言及しかしていません。</p>

<h4>boolean属性とXML</h4>

<p>イベントのなかで、曖昧に答えてしまった質問がありましたので、改めて調べました。</p>

<p>質問は、「スライド中の例で<code>itemscope</code>には属性値が書かれていないが、XMLで書くとしたら値はどうなるか。<code>itemscope="itemscope"</code>とすればよいのか。」といったものでした。</p>

<p>仕様のなかで、<code>itemscope</code>は“boolean attribute”にカテゴライズされています。<a href="http://www.whatwg.org/html5#boolean-attribute" hreflang="en">仕様書の定義</a>を簡単にまとめると、次のようになります。</p>

<ul>
<li>boolean属性は、属性が存在する場合は真、存在しなければ偽を表す。</li>
<li>属性が存在する場合、値は空文字列 (<code><var>boolean</var>=""</code>) もしくは属性名と同じ (<code><var>boolean</var>="<var>boolean</var>"</code>)。後者の場合、属性値は大文字小文字を区別しないが、値の前後に空白文字は認められない。</li>
<li><code>"true"</code> や <code>"false"</code> といった属性値は boolean 属性に認められない。偽を表す場合は、属性を記述してはならない。</li>
</ul>

<p>ですので、XHTML5でMicrodataを利用したい場合は、<code>itemscope=""</code> もしくは <code>itemscope="itemscope"</code> と記述することになります。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-08-03T14:26:25+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001470.html">
<title>Web Performance WGとWeb Notification WG</title>
<link>http://standards.mitsue.co.jp/archives/001470.html</link>
<description><![CDATA[<p>HTML WGやCSS WG, WebApps WGをはじめ、W3Cの多くのWGは複数の仕様を策定しています。グループがカバーする範囲がとても広いことが、仕様の数が増えることにつながっています。</p>

<p>しかし、<a href="http://www.w3.org/2008/geolocation/" hreflang="en">Geolocation WG</a>や<a href="http://www.w3.org/2009/08/WebFonts/charter.html" hreflang="en">Web Fonts WG</a>など、活動範囲を狭めたグループも存在します。現在設立が検討されているWeb Performance WGとWeb Notification WGは、スコープを絞って仕様を短期間の間で策定することを目指しているようです。</p>

<ul>
<li><a href="http://www.w3.org/2010/06/webperf" hreflang="en">**PROPOSED** Web Performance Working Group Charter</a></li>
<li><a href="http://www.w3.org/2010/06/notification-charter" hreflang="en">**DRAFT** Web Notification Working Group Charter</a></li>
</ul>

<p>Web Performance WGは、Webアプリケーションの開発において重要なパフォーマンス計測のための仕様を作るWGです。<a href="http://dev.w3.org/2006/webapi/WebTiming/" hreflang="en">Web Timing</a>という編集者ドラフトの仕様がWebApps WGで提案されていますが、こちらを参考に仕様の策定が検討されています。</p>

<p>Web Timingは<a href="http://blogs.msdn.com/b/ie/archive/2010/06/28/measuring-web-page-performance.aspx">IE9でも試験的に実装されている</a>ようです。</p>

<p>構想段階ではありますが、映像や音声についてもパフォーマンスが問題になることから、グループとして何か活動することも視野に入れているようです。</p>

<p>Web Notification WGは、バルーンやGrowlなど、デスクトップに情報を通知するためのAPIを策定するグループです。Google Chromeの拡張として内部的に実装されたAPIがすでに<a href="http://dev.w3.org/2006/webapi/WebNotifications/publish/" hreflang="en">Web Notifications</a>として編集者ドラフト段階にありますが、単純な通知APIに絞ることなどを含め、プラットフォーム非依存なAPIを策定していくことが検討されています。</p>

<p>どちらの活動についても、すでに専用のメーリングリストが設けられています。提案されている仕様はWebApps WGで議論が行われていましたが、それを独立したWGで集中して作業させたいという意図があるのでしょう。</p>

<p>ベンダーの動きも活発になっていますし、今後はこういった機能を絞った小さなグループでの策定が増えていくのかもしれません。</p>

<p>追記 (2010-08-20)：Web Performance WGは8月19日付けで立ち上げが発表されました。</p>

<ul>
<li><a href="http://www.w3.org/News/2010.html#entry-8879" hreflang="en">W3C Launches Web Performance Working Group</a></li>
</ul>

<p>Co-chairを務めるMicrosoftのJason Weberが、WGの立ち上げに関しエントリをIEBlogに公開しています。</p>

<ul>
<li><a href="http://blogs.msdn.com/b/ie/archive/2010/08/18/microsoft-to-co-chair-new-w3c-web-performance-working-group.aspx" hreflang="en">Microsoft to Co-Chair New W3C Web Performance Working Group</a></li>
</ul>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-07-23T15:52:59+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001469.html">
<title>ベンダー接頭辞は使ってもよいか</title>
<link>http://standards.mitsue.co.jp/archives/001469.html</link>
<description><![CDATA[<p>ベンダー接頭辞つきのプロパティについて、質問をいただきました。</p>

<blockquote>
<p>最近ではCSS3を使用したデザインパターンが数多く紹介されています。ボタン要素など簡単なものであれば、画像を用意する事なく表現が出来ると思います。</p>
<p>しかしソースレベルでは(-webkit-)(-moz-)などの接頭辞をつけないとブラウザがうまく処理を行えない現状としては、接頭辞がついたものを業務レベルで実装するべきではないのでしょうか？</p>
<p>※一般的に接頭辞を使用している要素などは納品データ内にあるべきでないのでしょうか？</p>
</blockquote>

<p>使うべきでない、あるべきでないとは思いませんが、利用には細心の注意をはらう必要があるでしょう。</p>

<h4>使える？避けるべき？</h4>

<p>まず、<a href="http://www.w3.org/TR/CSS2/syndata.html#vendor-keywords" hreflang="en">CSS仕様</a>には、ベンダー接頭辞の利用は避けるべき（<q cite="http://www.w3.org/TR/CSS2/syndata.html#vendor-keywords">Authors should avoid vendor-specific extensions</q>）と書かれています。仕様が安定して接頭辞を外す段階になったら、使い始めることができるという認識です。</p>

<p>しかし、仕様が安定してから実装に反映されるまで、さらに製品としてリリースされるまでには時間がかかります。たとえば、WebKitは接頭辞なしの<code>border-radius</code>を<a href="http://trac.webkit.org/changeset/46508" hreflang="en">昨年7月に実装</a>しましたが、そのコードが製品に反映されたのは今年1月のChrome 4が最初で、Safariにおいては6月のSafari 5までかかってしまいました。</p>

<p>とはいえ、<code>border-radius</code>は昨年夏の段階で仕様も安定していました。接頭辞つきで実装されているものの安定しているプロパティもありますから、接頭辞つきプロパティを一概に「避けるべき」というのは実利的には思えません。</p>

<p>その機能が安定していると判断できれば、ベンダー接頭辞つきのプロパティを書くことに大きな問題はないと思っています。</p>

<h4>接頭辞なしのプロパティを忘れないこと</h4>

<p>ただし、この時大事なのが、接頭辞のない正式なプロパティも含めることです。「いまは機能しないから」と言った理由からか、接頭辞なしのプロパティを省いたWebページやサンプルに出くわすことがありますが、これにはいくつか問題があります。</p>

<p>まず、特定のエンジンでしか機能しないという問題があります。先日リリースされた<a href="http://www.opera.com/browser/">Opera 10.60</a>や<a href="http://ie.microsoft.com/testdrive/" hreflang="en">IE9 Platform Preview</a>は<a href="http://www.w3.org/TR/css3-background/" hreflang="en">CSS3 Backgrounds &amp; Borders</a>の多くのプロパティに対応していますが、それらは接頭辞のない正式なプロパティとして実装されています。</p>

<p>ところが、ページのソースコードに<code>-webkit-border-radius</code>や<code>-moz-border-radius</code>だけしか書かれていないサンプルが意外に多いのです。これでは同等の機能を備えているにも関わらず、OperaとIE9ではその恩恵にあずかれません。</p>

<p>もうひとつの問題は、正式なプロパティを実装したあと、接頭辞つきプロパティのサポートが行われなくなることです。</p>

<p>プロパティが標準化されていれば、将来的に接頭辞は省かれた状態で実装されます。このとき、ベンダーによっては接頭辞付きのプロパティを引き続きサポートするか、それとも打ち切るかという選択ができます。</p>

<p>たとえば、WebKitは先程の<code>border-radius</code>をはじめ、多くのプロパティで <code>-webkit-</code>のつくプロパティも引き続きサポートしています。Microsoftも後方互換を非常に重視していますから、<code>-ms-</code>のついたプロパティを今後もサポートする可能性は非常に高いと思われます。</p>

<p>いっぽう、Mozillaは接頭辞つきのプロパティについて、早くからサポートを打ち切ることを考えているようです。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=549809" hreflang="en"><code>background-origin</code>の接頭辞を外すバグ</a>の中で、開発者のDavid Baronが「製作者が接頭辞つきのプロパティを利用するのであれば、次のように接頭辞なしのプロパティも書いているはずだという立場をとっている。Web上にあるGecko固有の内容は最小化したい。」と語っています。</p>

<p>すべての接頭辞つきプロパティに対し同様の対応を行えるかは難しいところでしょう。たとえば、<code>border-radius</code>のサブプロパティに、ひとつの角を丸めるプロパティ (<code>-moz-border-<var>top</var>-<var>right</var>-radius</code> など) がありますが、標準化の過程でプロパティ名や構文が変更されてしまいました。Geckoは古い構文のプロパティ (<code>-moz-border-radius-<var>topright</var></code>) のみを以前から実装しているので、接頭辞を外すにせよ <code>-moz-opacity</code> のようにある程度の期間を設けてる対応を行うかもしれません。</p>

<p>接頭辞つきプロパティがサポートされ続けたとしても、接頭辞への依存は避けるべきです。接頭辞つきのプロパティを利用するのであれば、対応する正式なプロパティもあわせて記述すべきというのが基本的な見解です。</p>

<h4>安定度合いを知るには</h4>

<p>では、プロパティの安定度合いははどうやって判断すればよいのでしょうか。</p>

<p>ひとつ参考になるのが、仕様書のステータスです。接頭辞は仕様が勧告候補（仕様が固まり、実装を呼びかける段階）になった際に省くとされていますから、近々で勧告候補になっている仕様であれば、機能が安定しているとおおむね考えてよいでしょう。</p>

<p>また、CSS WGでもベンダー接頭辞を省くタイミングについてベンダーと連携し、プロパティごとの安定度を仕様書に盛り込むことなどを検討しているようです。そうなると、安定度合いを知るとても良いソースになります。</p>

<p>使うことを考えるには、仕様だけでなく実装状況についても知る必要があります。以下は各ベンダーの出している情報になります。</p>

<dl>
<dt><a href="http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/(null)-SW1" hreflang="en">Safari CSS Reference</a></dt>
<dd>SafariのCSSリファレンスになります。プロパティには「<a href="http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Articles/ExplanationofTerms.html#//apple_ref/doc/uid/TP40006578-SW7" hreflang="en">Support Level</a>」という項目があり、CSS3絡みでは「Stable CSS 3」「Experimental CSS 3」という段階があります。Stableはすでに接頭辞なしで実装されているものですので、接頭辞を書く必要はありません。Experimentalは接頭辞がついているもので、利用するのであれば正式なプロパティも併記すべきでしょう。</dd>
<dt><a href="https://developer.mozilla.org/En/Mozilla_CSS_support_chart#Properties" hreflang="en">Mozilla CSS support chart</a></dt>
<dd>FirefoxでサポートされるCSSの機能になります。一番右の列に「-moz-」という文字があれば、基本的に接頭辞付きで実装されているものになります。</dd>
<dt><a href="http://www.opera.com/docs/specs/">Web specifications support in Opera</a></dt>
<dd>OperaのWeb標準サポート状況に関するページです。英語サイトでは最新版の10.60に相当する<a href="http://www.opera.com/docs/specs/presto26/">Presto 2.6でのサポート状況</a>が公開されています。CSS3についてはモジュールごとにページが用意されているなどかなり細かく、また<a href="http://www.opera.com/docs/specs/presto26/css/o-vendor/">接頭辞に関するページ</a>も用意され、そこでは接頭辞なしのプロパティを併記するようにとも書かれています。</dd>
<dt><a href="http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx">CSS Compatibility and Internet Explorer</a></dt>
<dd>IEに関するドキュメンテーションです。IE9への言及はまだありませんが、IE8の際はベータ版が公開されたときにこの表がアップデートされていましたから、ベータ版を待ちましょう。</dd>
</dl>

<p>すこし厄介なのが、仕様が初期の段階で安定していないにもかかわらず、試験実装のあるプロパティです。ベンダー固有の拡張を標準化する際に良く起こりますが、CSS Image Valuesで定義される予定の<a href="http://dev.w3.org/csswg/css3-images/#gradients-">画像グラデーション</a>や<a href="http://www.w3.org/TR/css3-animations/">CSS Animations</a>などが当てはまるでしょうか。</p>

<p>このような仕様については、値だけでなくプロパティ名に変更が起こる可能性があります。ですから、接頭辞なしのプロパティを書くかどうかは難しいところです。しかし、実装も多くありませんから、接頭辞なしがどうこうというよりは、その機能に依存しないコンテンツ作りを心がることをまず考えましょう。</p>

<h4>まとめ</h4>

<p>長くなりましたが、まとめると</p>

<ul>
<li>接頭辞つきプロパティは使っていけないものとは言えない</li>
<li>接頭辞つきプロパティを書くのであれば、正式なプロパティも含める</li>
<li>仕様の安定度や実装状況をみて、新しい機能に大きく依存しないように使う</li>
</ul>

<p>3番目については、情報を集めるのがまだまだ難しいというのが現状だと思います。これについては、情報をまとめる場所が必要だと考えています。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-07-16T14:13:17+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001467.html">
<title>2010年6月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001467.html</link>
<description><![CDATA[<h4>CSS3 Backgrounds &amp; Borders 最終草案</h4>

<p>CSS WGより、CSS3 Backgrounds &amp; Bordersの最終草案が6月12日付で公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-css3-background-20100612/" hreflang="en">CSS Backgrounds and Borders Module Level 3</a></li>
</ul>

<p>透過した画像を持つ<code>border-image</code>との兼ね合いについて検討する必要があったことから外されていた<code>box-shadow</code>がふたたび追加されました（透過画像についての言及は省かれ、単純にボックスに影を落とす機能に限定されました）。</p>

<p>他にもいくつかの変更が行われ、仕様が最終草案に差し戻されました。次の公開時には、再び勧告候補になっているものと思われます。</p>

<h4>SVG 1.1 Second Editionの最終草案</h4>

<p>SVG WGより、6月22日付でSVG 1.1 Second Editionの最終草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-SVG11-20100622/" hreflang="en">Scalable Vector Graphics (SVG) 1.1 (Second Edition)</a></li>
</ul>

<h4>HTML5の更新</h4>

<p><a href="http://standards.mitsue.co.jp/archives/001466.html">先週の投稿</a>ですでにお伝えしましたが、HTML5と関連仕様が6月24日付で更新されました。</p>

<h4>CSS 2.1の現状</h4>

<p>W3C Blogに、CSS WGのco-chairであるDaniel GlazmanがCSS 2.1の現状について記事を投稿しています。</p>

<ul>
<li><a href="http://www.w3.org/QA/2010/06/an_update_on_css_21.html" hreflang="en">An Update on CSS 2.1</a></li>
</ul>

<p>現場について、要点がいくつか書かれています。大まかに訳すと次のようになります。</p>

<ul>
<li>現在は課題の解決をしている。ここ数週間行われたTeleconでは、時間のほとんどがCSS 2.1に費やされている。</li>
<li>テストケースは完成に近い。すべてのテストをレビューすることは量や時間をふまえて現実的でないと判断した。テストを「実装レポート段階」として公開し、バグが見つかった場合は修正する。</li>
<li>仕様に変更があることから、最終草案に差し戻され、その後再び勧告候補として公開される可能性がある。あまり問題ではないし、時間がかかるわけでもない。</li>
<li><a href="http://www.w3.org/TR/2009/CR-CSS2-20090908/#crec" hreflang="en">勧告候補から進むための条件</a>ははっきりとしている。勧告候補から抜けるにはすこし時間がかかるかもしれない。</li>
<li>テストスイートは勧告候補と同時に、夏の後に公開することを検討中。この時期に公開できれば、年末までに勧告案にできる。</li>
</ul>

<p>8月にはF2Fミーティングがあるようなので、そこで大きな課題が解決されれば、CSS 2.1とセレクタ仕様の勧告がより具体的に見えてくるでしょう。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-07-05T10:25:32+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001466.html">
<title>HTML5の更新：代替テキスト、Polyglotマークアップ草案が追加</title>
<link>http://standards.mitsue.co.jp/archives/001466.html</link>
<description><![CDATA[<p>24日付けで、HTML5関連草案が更新されました。また、新たにふたつの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-html5-20100624/" hreflang="en">HTML5</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-2dcontext-20100624/" hreflang="en">HTML Canvas 2D Context</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-microdata-20100624/" hreflang="en">HTML Microdata</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-rdfa-in-html-20100624/" hreflang="en">HTML+RDFa 1.1</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-html5-diff-20100624/" hreflang="en">HTML5 differences from HTML4</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-html-markup-20100624/" hreflang="en">HTML: The Markup Language</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-html-alt-techniques-20100624/" hreflang="en">HTML5: Techniques for providing useful text alternatives</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-html-polyglot-20100624/" hreflang="en">Polyglot Markup: HTML-Compatible XHTML Documents</a></li>
</ul>

<p>これまで公開されていた草案については、HTML5仕様の更新に基づくアップデートが主な変更点になります。<a href="http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#changes-2010-03-04">HTML5 differences from HTML4のchangelog</a>から、気になったものを抜き出してみました。</p>

<ul>
<li>電子メールなど別の方法でタイトルが存在するケースにおいて、<code>title</code>要素の指定が任意とされた</li>
<li><code>wbr</code>要素が追加された</li>
<li><code>meta</code>要素の<code>name</code>属性の値に<code>keywords</code>が追加された</li>
</ul>

<p>HTML+RDFaは、先日公開された<a href="http://www.w3.org/TR/rdfa-core/" hreflang="en">RDFa Core 1.1</a>に準じたものとなりました。HTML 4.01にRDFaの属性を組み込んだDTDも検証目的として用意されています。</p>

<h4>代替テキストのテクニックと“Polyglot HTML”</h4>

<p>新しく公開された<a href="http://www.w3.org/TR/html-alt-techniques/" hreflang="en">HTML5: Techniques for providing useful text alternatives</a>では、さまざまな条件のもと適切な代替テキストを与えるための指針や要件を記載しています。将来的にはHTML5の代替テキストに関するセクションを置き換える目的で作業が進められています。</p>

<p>もうひとつの<a href="http://www.w3.org/TR/html-polyglot/" hreflang="en">Polyglot Markup: HTML-Compatible XHTML Documents</a>は、先日<a href="http://standards.mitsue.co.jp/archives/001462.html">「HTML/XHTML Compatibility Authoring Guidelines」</a>で触れた互換性ガイドラインになります。名称が変更されましたが、文書の目的は変わっていません。</p>

<p>HTML5や関連仕様が実際に使われることが増えてきました。ですから、制作者・開発者向けのドキュメントへのニーズが高まってくるでしょう。現在はリファレンスとして使う文書が多いですが、今後はalt-techniquesのように考え方を伝える文書が重要になってくるのではないでしょうか。WGの成果物としても、リファレンス型でない文書の方がより望ましいのではないかと感じています。</p>

<h4>日本語訳</h4>

<p>いつもの変更点の更新と、Polyglotマークアップの訳を公開しました。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/">HTML5 における HTML4 からの変更点</a></li>
<li><a href="http://standards.mitsue.co.jp/resources/w3c/TR/html-polyglot/">Polyglot マークアップ: HTML 互換の XHTML 文書</a></li>
</ul>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-06-29T18:58:55+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001464.html">
<title>:visitedの挙動変更がSafari 5に反映</title>
<link>http://standards.mitsue.co.jp/archives/001464.html</link>
<description><![CDATA[<p>先週火曜にリリースされたSafari 5ですが、以前お伝えした<code>:visited</code>疑似クラスに関する挙動の変更が適用されたことがわかりました。</p>

<ul>
<li><a href="http://safarirealized.com/archives/51496726.html">Safari 5 で :visited の挙動が変更に : Safari Realized</a></li>
<li><a href="http://standards.mitsue.co.jp/archives/001457.html">:visited の挙動が変更に。制作への影響は？</a></li>
</ul>

<p>以前このBlogで取り上げたときには、「同じ対策がWebKitでも行われている」段階でしたが、その後コードがチェックインされ、Safari 5で反映されたようです。</p>

<p>同じWebKitを利用するChromeですが、先日安定版となったChrome 5ではこの変更は反映されていません。しかし、開発版であるChrome 6では反映されていることから、挙動が変更されることは確実とみてよいでしょう。</p>

<p>というわけで、今回はいま一度、どのような影響があるのかを確認してみましょう。</p>

<h4>利用出来るプロパティ</h4>

<p><code>:visited</code>でも指定が適用されるプロパティは、<code>color</code>, <code>background-color</code>, <code>border-<var>*</var>-color</code>, <code>outline-color</code>, <code>column-rule-color</code> といった色関連のプロパティに限定されます。<code>border</code>など色指定を含むショートハンドプロパティの場合は、色のみが適用されるようになります。</p>

<p>その他のプロパティは適用されませんので、<code>text-decoration</code>や<code>border-style</code>, <code>background-image</code>などを<code>:visited</code>に利用している場合、今後はそのスタイルが適用されなくなります（<code>:link</code>と同じスタイルになります）。</p>

<p>また、<code>rgba()</code>, <code>hsla()</code>, <code>opacity</code>については、不透明度の指定が<code>:link</code>の不透明度になります。</p>

<p>ですから、次のように異なる不透明度が状態によって指定されているとします。</p>

<pre><code>:link { color: rgba(0, 0, 255, <em>.8</em>) }
:visited { color: rgba(255, 0, 255, <em>.3</em>) }
</code></pre>

<p><br />
これは次のコードを指定したものと同じ効果になるでしょう。</p>

<pre><code>:link { color: rgba(0, 0, 255, .8) }
:visited { color: rgba(255, 0, 255, <strong>.8</strong>) }
</code></pre>

<p><br />
<code>:visited</code>に<code>transparent</code>もしくは不透明度が0 (例: <code>rgba(<var>r</var>, <var>g</var>, <var>b</var>, 0)</code>) をもつ値が指定された場合、RGBの指定も無視されて<code>:link</code>と同じ色になるようです（とはいえ、こういった指定をするケースはほとんどないと思います）。</p>

<p>不透明度をリンクに指定するケースが多いとはあまり思えませんが、お気をつけください。</p>

<h4>DOMからの取得も不可能に</h4>

<p>さて、もともとの問題となっている、DOM側の取得にも制限がかかります。すべてのリンクが未訪問として扱われるため、Selectors APIの<code>querySelector</code>, <code>querySelectorAll</code>や<code>getComputedStyle</code>から<code>:visited</code>なリンクを取得しようとしても、それができなくなります。</p>

<p>このDOMの挙動については、Internet Explorer 8のIE8標準モードでも同様の処理がすでに行われています（プロパティの制限はありません）。</p>

<p>未訪問・既訪問で<code>text-decoration</code>を変更するものや、<code>background-image</code>で異なる画像を表示させるWebサイトは一定数存在します。レイアウトが著しく崩れるといったものはそこまでないと予想しますが、未訪問と既訪問の区別を色以外で行っていたばあい、訪問者はその区別をつけられなくなってしまいます。カンプのデザイン段階から、未訪問と既訪問のスタイルについて確認することが一層重要になってきそうです。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-06-14T15:59:21+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001463.html">
<title>IE Teamのプログラムマネージャが語るIE9とSVG</title>
<link>http://standards.mitsue.co.jp/archives/001463.html</link>
<description><![CDATA[<p><a href="http://www.w3.org/blog/SVG" hreflang="en">SVG WGのBlog</a>にて、Team ContactのDoug Schepersと、IE TeamでSenior Program Managerに就くPatrick Denglerの対談が公開されていました。MicrosoftがSVGについて考えていることや、SVG仕様で改善したいところ、検討中のSVG 2.0など面白いトピックが多いので、すこし紹介します。</p>

<ul>
<li><a href="http://www.w3.org/blog/SVG/2010/06/04/interview_ie" hreflang="en">Interview with Internet Explorer's Patrick Dengler</a></li>
</ul>

<h4>SVG対応の理由</h4>

<p>まずは、DougがPatrickにIE9でのSVG対応について、その理由を尋ねています。</p>

<p>Patrick曰く、MicrosoftはWebの現在とこれからのトレンドについて情報を集めており、製品のプランニングに活かすそうです。IE9のプランニングにおいて、これからのトレンドはグラフィックスと判断し、グラフィックス機能の強化を行うことになったそうです。“GPU-powered HTML5”など、ハードウェアアクセラレーションによる機能強化について盛んに述べていることからも分かりますね。</p>

<p>グラフィックス規格であるSVGも、そういったグラフィックス機能強化のひとつとして検討されたのでしょう。MicrosoftはSVG 1.0の策定には参加しており、その前にVMLをW3C Submissionとして提出することも行っていましたが、これは期待したほど広がりを見せなかったと語っています。しかし、近年HTML5でSVGが<code>text/html</code>なHTML文書にも埋め込めるようになったことで開発者からの注目や期待が高まったことなどをふまえ、「SVGが最適な選択肢であり、今がそのときだ」と述べています。</p>

<p>なお、VMLも互換性のためにサポートは続けるとのことですが、<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=2e8d87f2-c6ce-491f-a8e1-3413e0cff24a">VML to SVG Migration Guide</a>という移行ガイドも用意されています。</p>

<h4>IE9でサポートしない機能</h4>

<p>すでに<a href="http://live.visitmix.com/MIX10/Sessions/EX30" hreflang="en">MIX10のセッション</a>などで紹介されていますが、IE9はSVG 1.1の機能すべてをサポートするわけではありません。IE9では、<a href="http://www.w3.org/TR/SVG11/" hreflang="en">SVG 1.1仕様</a>の23モジュールのうち、<a href="http://www.w3.org/TR/SVG11/filters.html" hreflang="en">フィルタ</a>, <a href="http://www.w3.org/TR/SVG11/animate.html" hreflang="en">アニメーション (SMIL)</a>, <a href="http://www.w3.org/TR/SVG11/fonts.html" hreflang="en">フォント (SVG Fonts)</a>を除く20モジュールがサポート予定とされています。</p>

<p>理由として、SVG 1.1は大きな仕様であることや、ブラウザー間で相互運用性の取れている機能を実装するという方針を挙げています。<a href="http://www.w3.org/blog/SVG/2010/06/07/ie9_suport">Dougのフォローアップ記事</a>でも、最初からSVG 1.1をフルサポートするブラウザーはこれまでになく、さらにはどのブラウザーも未だフルサポートに至っていないと書かれています。限定したサポートを最初のバージョンで行うことは、それほどおかしなことではないでしょう。</p>

<p>さて、Patrickは個人的に、SVG FontsはWOFFなどWeb Fonts WGで進んでいる動きなどを踏まえ、引き続き調査は続けるが、今の段階で広がるとは思わないと考えているようです。また、フィルタやアニメーションについては、IE固有のフィルタ機能や、SMILをHTMLに組み込んだ<a href="http://www.w3.org/TR/NOTE-HTMLplusTIME">HTML+TIME</a>などが過去にうまくいかなかったことを紹介しつつ、CSS Transitions, AnimationsなどCSSの表現力が強化され、また少しずつ広まりを見せている現状から、今後の流れがどうなるか静観したいという思いがあるようです。</p>

<h4>SVGの改善点やSVG 2.0への期待</h4>

<p>SVG WGはSVG 1.1 Second Editionの作業を進めていますが、仕様として古く、また実装や開発において、面倒を解消したり、また単純化したい機能がいくつかあるようです。ほかにも、SVGとCSS, Canvasで重なる視覚効果やアニメーション、APIの重複についても共通化されるといいという意見を述べています。</p>

<p>Doug, Patrickふたりとも、こういった問題を検討中のSVG 2.0では改善したいと考えているようです。グラフィックスの「HTML5」としてSVGが進んでいくのかどうかは定かではありませんが、多くのベンダーが関わり策定にあたる今後が楽しみになってきました。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-06-08T14:59:34+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001462.html">
<title>HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン</title>
<link>http://standards.mitsue.co.jp/archives/001462.html</link>
<description><![CDATA[<p>HTML5のHTML構文は、独自の構文を定義しています。ですから、例えば<code>br</code>要素などは、<code>&lt;br /></code>という記述、<code>&lt;br></code>という記述のどちらも書くことができるようになっています。また、これら2つの表記が混在することも可能です。</p>

<p>とはいえ、これからHTMLの基本を教えるときに「どちらでもいい」といった教え方をすると、教えられる側は少し悩んでしまうかもしれません。また、製作者にとっても、保守性や複数人での作業に影響があると言われていますから、なるべくならばコードの書き方に一貫性を持たせたいと考える人は多いのではないでしょうか。</p>

<p>こういった理由などがあり、HTML5でもXHTMLのような書き方を好む人は多いです。また、XHTML互換の書き方で書くと、HTML5パーサやXMLパーサのどちらでも処理できる利点があります。</p>

<p>XMLとして利用出来ることは「XHTMLの利点」として言われ続けながらもあまり活かされない印象がありましたが、EPUBなどXHTMLを利用するフォーマットが注目されはじめてきていることから、XHTMLとしても処理できるHTML文書の需要は少し高まってくるのかもしれません。</p>

<p>さて、HTML WGでもこのXHTML互換のHTML5記法について、前々よりValidatorにそういった構文チェック機能を設けるような仕組みを設けるべき、XHTML互換の構文であることを示す属性を定義してはといった声が上がっていました。Validatorの対応や構文の定義には至っていませんが、製作者向けのガイドラインを整備しようという話が進められ、Editor's Draftではありますが文書が公開されています。</p>

<ul>
<li><a href="http://dev.w3.org/html5/html-xhtml-author-guide/html-xhtml-authoring-guide.html" hreflang="en">HTML/XHTML Compatibility Authoring Guidelines (Editor's Draft)</a></li>
</ul>

<p>内容は<a href="http://www.w3.org/TR/xhtml-media-types/#compatGuidelines" hreflang="en">XHTML Media Typesの互換性ガイドライン</a> (<a href="http://standards.mitsue.co.jp/resources/w3c/TR/xhtml-media-types/#compatGuidelines">日本語訳</a>) に近いでしょうか。新しいHTML5と周辺仕様の草案が来月中に更新される予定ですが、このガイドラインも草案として公開する流れで進められています。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-05-28T16:11:17+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001461.html">
<title>HTML5での文字エンコーディング指定とValidator.nu</title>
<link>http://standards.mitsue.co.jp/archives/001461.html</link>
<description><![CDATA[<p>先週行われた<a href="http://code.google.com/events/io/2010/">Google I/O</a>のキーノートでAdobeのCEO, Kevin Lynchより<a href="http://labs.adobe.com/technologies/html5pack/">Adobe Dreamweaver CS5 HTML5 Pack</a>が発表されました。DreamweaverでHTML5とCSS3のオーサリングを手助けするもので、いくつかの新しい要素やプロパティにコードヒントへの対応や、<a href="http://standards.mitsue.co.jp/archives/001453.html">以前取り上げた</a>マルチスクリーンプレビュー機能などが盛り込まれています。</p>

<p>HTML5やCSS3は発展途上ですからオーサリングツールの対応もまだ充分ではありません。今後のアップデートにも期待したいです。</p>

<p>オーサリングツールのほかにも、マークアップが適切かどうかを判断するための術がほしいところです。HTML5では適合性チェックツールとして<a href="http://validator.nu/">Validator.nu</a>が開発されており、<a href="http://qa-dev.w3.org/wmvs/HEAD/">W3CのMarkup Validator (開発版)</a>にも実験的に組み込まれています。</p>

<p>しかしながら、HTML5仕様自体が策定中ですから、当然Validator.nuも開発途中です。また、開発リソースの問題もあり、実装されていない機能もまだまだ多く残っています。つまり、Validator.nuに通っただけで適合しているとは言えないのです。</p>

<p>たとえば、文書のエンコーディング指定ですが、HTML5ではふたつの書き方があります。</p>

<ul>
<li><code>meta</code>要素の<code>charset</code>属性による指定 (<code>&lt;meta charset="UTF-8"&gt;</code>)</li>
<li>HTML4と同じ、<code>http-equiv</code>属性による指定 (<code>&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;</code>)</li>
</ul>

<p>どちらを使ってもよいのですが、なにせシンプルですからHTML5のものがよく使われています。互換性について気になるかもしれませんが、実はこの<code>charset</code>属性、古いブラウザーの実装を元に仕様ができた経緯があり、古いブラウザーでも問題なくサポートされています。</p>

<p>ところが、そういったことを知らず、互換性を気にしているのか、このどちらをも指定する文書があるようです。先日<a href="http://lp9cc.pxgrid.com/">CSS Nite LP9連動コーディングコンテスト</a>の審査をしていたときにもいくつか見かけたのですが、ふたつ書くことは認められていないと仕様書に書かれています。</p>

<blockquote cite="http://dev.w3.org/html5/spec/#charset">
<p>There can only be one character encoding declaration in the document.</p>
</blockquote>

<p>（訳: 文字エンコーディング宣言は文書中にひとつのみ存在することができる。）</p>

<p>しかし、これはValidator.nuでまだ実装されていない (<a href="http://bugzilla.validator.nu/show_bug.cgi?id=589" hreflang="en">該当バグ</a>) ため、チェックされずに通ってしまいます。</p>

<p>実験的ではあれ「Valid」と表記するのも少し困りものですが、Validator.nuだけのチェックでは安心出来ない例がいくつかあるので、お気をつけください。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-05-27T11:01:12+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001460.html">
<title>Firefox 4のHTML5パーサと:-moz-any()</title>
<link>http://standards.mitsue.co.jp/archives/001460.html</link>
<description><![CDATA[<p>HTML5の構文解析処理について、以前<a href="http://standards.mitsue.co.jp/archives/001420.html">「HTML5の構文解析がもたらすもの」</a>という記事で触れたことがあります。HTML5パーサはFirefoxで実装が進められているのですが、先日そのパーサが開発版ではデフォルトで有効になりました。これに関連し、FirefoxのHTML5パーサを開発しているHenri SivonenがMozilla Hacksにパーサの概要について記事を書いています。翻訳を<a href="http://dev.mozilla.jp/">modest</a>に投稿したので、そちらもお読みいただければと思います。</p>

<ul>
<li><a href="http://hacks.mozilla.org/2010/05/firefox-4-the-html5-parser-inline-svg-speed-and-more/" hreflang="en">Firefox 4: the HTML5 parser – inline SVG, speed and more</a></li>
<li><a href="https://dev.mozilla.jp/hacksmozillaorg/firefox-4-the-html5-parser-inline-svg-speed-and-more/">Firefox 4 の HTML5 パーサ</a></li>
</ul>

<p>Henriはまた、HTML5のValidator <a href="http://validator.nu/" hreflang="en">“Validator.nu”</a> も開発しています（Firefoxのコードは、このValidator.nuとベースが同じです）。一昨日のことですが、HTML5に埋め込んだSVGとMathMLの検証もValidator.nuで行えるようになったそうです。</p>

<ul>
<li><a href="http://hsivonen.iki.fi/svg-and-mathml-in-html5/" hreflang="en">SVG and MathML in text/html in Firefox and Validator.nu</a></li>
</ul>

<p>このニュースを参照するかたちで、OperaのAnne van Kesterenが、HTML5のパーサのあゆみについて自身のBlogで取り上げています。</p>

<ul>
<li><a href="http://annevankesteren.nl/2010/05/html5-parser-history" hreflang="en">Notes on HTML5 Parser History</a></li>
</ul>

<p>記事によると、初期のHTML5仕様 (このときはWeb Applications 1.0と呼ばれていました) では既存のHTML仕様を拡張するもので、構文解析アルゴリズムは定義されていなかったそうです。しかし、作業を進めていくうちに基盤の定義が必要になったことから、アルゴリズムの定義が始まったとのことです。</p>

<p>Mozillaのようにパーサを置き換えるという大掛かりな変更は、他のブラウザーでは行われていないように思います。しかし、HTML5の構文解析アルゴリズムに準拠する作業は進められており、Internet Explorer 9でもツリー構築処理などが変更されるようです。</p>

<p>さて、少しパーサからは離れますが、先日Firefoxの開発版に<code>:-moz-any()</code>という擬似クラスが実装されました。</p>

<ul>
<li><a href="http://dbaron.org/log/20100424-any" hreflang="en">:-moz-any() selector grouping</a></li>
</ul>

<p>このセレクタは括弧内にカンマで単純セレクタを並べ「このどれかにマッチする」という条件を表すことができるものです。上記のDavid Baronの記事では、<code>ul</code>, <code>ol</code>, <code>menu</code>, <code>dir</code> といったリストが深くネストした状態のユーザーエージェントスタイルシートを、<code>:-moz-any()</code> で書き直した例が紹介されています。また、昨日にはHTML5のセクション要素と見出しのスタイルづけに、この<a href="http://hg.mozilla.org/mozilla-central/diff/30c9289d5dad/layout/style/html.css"><code>:-moz-any()</code>を利用するパッチ</a>が投入されました。</p>

<p>CSS仕様としてはまだ存在していませんが、メーリングリストでは議論が行われたこともあり、CSS4セレクタとして同様の機能が定義されるかもしれません。</p>

<p>HTML5の実装は要素や属性の導入だけではなく、基盤となる処理の変更やスタイルシートの対応も含まれます。目に見えやすい機能やAPIが取り上げられがちですが、こうした足場を固める作業も、地道に進められています。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-05-14T14:20:33+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001459.html">
<title>2010年4月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001459.html</link>
<description><![CDATA[<h4>File API:Writer</h4>

<p><a href="http://www.w3.org/2009/dap/" hreflang="en">Device APIs and Policy WG</a>より4/6付で、File API: Writerの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-file-writer-api-20100406/" hreflang="en">File API: Writer</a></li>
</ul>

<p>ファイルアクセス関連のAPIは、WebApps WGから<a href="http://www.w3.org/TR/FileAPI" hreflang="en">File API</a>が公開されていますが、ファイルの書き込みについては仕様がありませんでした。Writerでは<code>BlobBuilder</code>や<code>FileWriter</code>といったインターフェースが定義されており、アプリケーションからファイルを書き込む仕組みが提供されることになります。</p>

<h4>XHTML M12n 1.1 Second Edition</h4>

<p>XHTML2 WGより4/15付で、XHTML M12n 1.1 Second Editionの改訂勧告案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/PER-xhtml-modularization-20100414/" hreflang="en">XHTML™ Modularization 1.1 - Second Edition</a></li>
</ul>

<p>XHTML 1.1 Second Editionの改訂勧告案も、早期に公開される予定とのことです。</p>

<h4>RDFa 1.1</h4>

<p>RDFa WGより4/22付で、RDFa 1.1の草案が2つ公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-rdfa-core-20100422/" hreflang="en">RDFa Core 1.1</a></li>
<li><a href="http://www.w3.org/TR/2010/WD-xhtml-rdfa-20100422/" hreflang="en">XHTML+RDFa 1.1</a></li>
</ul>

<p>RDFa Coreは「RDFa 1.0」と呼ばれた<a href="http://www.w3.org/TR/rdfa-syntax/" hreflang="en">RDFa in XHTML</a>仕様をもとに、RDFaの概念や処理を単一仕様として独立させたものです。他にもいくつかの変更が反映されています。XTHML+RDFa 1.1はXHTML 1.1にRDFa 1.1を取り込んだものになります。</p>

<p>HTML5での利用については、これまで通りHTML WGより<a href="http://www.w3.org/TR/rdfa-in-html/" hreflang="en">HTML+RDFa</a>として公開されます。RDFa 1.1に対応した新しい草案も公開にむけ準備が進められているようです。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-05-06T10:45:44+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001457.html">
<title>:visited の挙動が変更に。制作への影響は？</title>
<link>http://standards.mitsue.co.jp/archives/001457.html</link>
<description><![CDATA[<p>次期バージョンのFirefoxのプレビュー版 “Mozilla Developer Preview” ですが、<a href="https://developer.mozilla.org/devnews/index.php/2010/04/12/mozilla-developer-preview-number-4-now-available/">新しいアルファ版が公開</a>されました (プレビュー版ですので、常用のものではありません)。</p>

<p>このアルファ版には、先日より各所で取り上げられている、CSSの<code>:visited</code>擬似クラスに関する大きな修正が現在Firefoxで行われています。詳しくは、次のページをお読みください。</p>

<ul>
<li><a href="https://dev.mozilla.jp/2010/04/plugging-the-css-history-leak/">CSS によるブラウザ履歴の漏えいを防ぐ取り組み</a> (原文: <a href="http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/" hreflang="en">“Plugging the CSS History Leak”</a>)</li>
<li><a href="https://dev.mozilla.jp/hacksmozillaorg/privacy-related-changes-coming-to-css-vistited/">CSS の :visited に行われるプライバシー対策</a> (原文: <a href="http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/" hreflang="en">“privacy-related changes coming to CSS :visited”</a>)</li>
</ul>

<p>(二つ目の記事について、翻訳を<a href="https://dev.mozilla.jp/">Mozilla Developers Street</a>に寄稿させていただきました。)</p>

<p><code>:visited</code>擬似クラスは訪問済リンクにスタイルを与えられるもので、CSS1から定義されています。これだけであれば特に危険はありませんが、<code>getComputedStyle()</code>などと組み合わせることで、訪問済のサイトが取得できてしまうことが知られていました。</p>

<p>今回行われた修正は、Mozillaの開発者David Baronによる<a href="http://dbaron.org/mozilla/visited-privacy">Preventing attacks on a user's history through CSS :visited selectors</a>を反映したものです。問題をすべて解決できるわけではありませんが、履歴を取得する方法のうちとくに簡単なものを防ぐという意図が語られています。</p>

<p>さて、制作者として特に気になるのが、<code>:visited</code>に指定できるプロパティが <code>color</code>, <code>background-color</code>, <code>border-<var>*</var>-color</code>, <code>outline-color</code>, <code>column-rule-color</code> といった色指定に限定されることでしょうか。どういうことかというと、<code>:visited</code>に指定された<code>background-image</code> などが効かなくなります（<code>:link</code> と同じものが適用されるようになります）。</p>

<p>同じ対策がWebKitでも行われていることから、将来的にSafariやChromeでも同様の変更が反映されるようになりそうです。<br />
色以外のプロパティには<code>:link</code>の指定が反映されることがほとんどでしょうから、レイアウトの崩れが頻発するというのは考えにくいです。しかし、<code>background-image</code>などは多くのサイトで利用されていますし、こうしたプロパティの利用を前提としたデザインについては、今後をふまえた対策が必要になりそうです。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-04-12T12:17:24+09:00</dc:date>
</item>
<item rdf:about="http://standards.mitsue.co.jp/archives/001456.html">
<title>2010年3月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001456.html</link>
<description><![CDATA[<h4>HTML5と関連仕様の草案が公開</h4>

<p>3月5日付で、HTML WGよりHTML5関連仕様の草案が公開されました。<a href="http://standards.mitsue.co.jp/archives/001451.html">「HTML5と関連仕様、言語リファレンスが公開」</a>で取りあげていますが、Canvasの2D Context APIやマイクロデータの分離にくわえて、製作者向けリファレンスも公開されています。</p>

<ul>
<li><a href="http://www.w3.org/TR/2010/WD-html5-20100304/" hreflang="en">HTML5</a></li><li><a href="http://www.w3.org/TR/2010/WD-2dcontext-20100304/" hreflang="en">HTML Canvas 2D Context</a></li><li><a href="http://www.w3.org/TR/2010/WD-microdata-20100304/" hreflang="en">HTML Microdata</a></li><li><a href="http://www.w3.org/TR/2010/WD-rdfa-in-html-20100304/" hreflang="en">HTML+RDFa</a></li><li><a href="http://www.w3.org/TR/2010/WD-html-markup-20100304/" hreflang="en">HTML: The Markup Language</a></li><li><a href="http://www.w3.org/TR/2010/WD-html5-diff-20100304/" hreflang="en">HTML5 differences from HTML4</a> (<a href="http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/">日本語訳</a>)</li>
</ul>

<h4>HTML WG co-chair, Paul Cottonへのインタビュー</h4>

<p>W3C Blogにて、HTML WGのco-chairをつとめるMicrosoftのPaul Cottonへのインタビューが掲載されています。</p>

<ul>
<li><a href="http://www.w3.org/QA/2010/03/interview_paul_cotton_on_micro.html" hreflang="en">Interview: Paul Cotton on Microsoft Participation in the W3C HTML Working Group</a></li>
</ul>

<p>MicrosoftとW3Cの関わりから始まり、HTML WGの現状や問題解決プロセスについて触れたインタビューになっています。</p>

<h4>Web Fonts WGが設立</h4>

<p><a href="http://www.w3.org/2009/08/WebFonts/charter.html" hreflang="en">Web Fonts WG</a>が設立されました。あたらしいWOFFというフォントフォーマットの策定などを行うグループになります。詳細は<a href="http://standards.mitsue.co.jp/archives/001455.html">「Web Fonts WGの設立、WOFFの標準化へ」</a>をお読みください。</p>]]></description>
<dc:subject></dc:subject>
<dc:date>2010-04-02T13:01:11+09:00</dc:date>
</item>


</rdf:RDF>