<?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>2012-02-17T09:48:53+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/001538.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001537.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001536.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001534.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001533.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001532.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001531.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001530.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001528.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001527.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001526.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001525.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001524.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001523.html" />

<rdf:li rdf:resource="http://standards.mitsue.co.jp/archives/001521.html" />
</rdf:Seq>
</items>

</channel>


<item rdf:about="http://standards.mitsue.co.jp/archives/001538.html">
<title>Mutation Event から Mutation Observers へ</title>
<link>http://standards.mitsue.co.jp/archives/001538.html</link>
<description><![CDATA[<p>&#8220;<a href="http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers">Detect DOM changes with Mutation Observers</a>&#8221; で紹介されているように、DOM4 では <a href="http://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#mutation-observers">Mutation Observers</a> という新しいインタフェイス群が定義されました。これらを用いると、DOM2 Events で定義された <a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents">Mutation Event</a> を置きかえることができます。</p>

<p>Mutation Event は数々の問題点を抱えていることが明らかになっています（策定中の DOM3 Events では<a href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#events-mutationevents">該当箇所</a>に警告文が記述されているほどです）。例えばパフォーマンスに関わる問題があります。Mutation Event では子ノードだけでなく、すべての子孫ノードからイベントが発送されます。よって、子孫ノード数が多く、ルートノードに近いノードでは、場合にもよりますが膨大な数のイベントを拾ってしまいがちになります。それらをいちいちイベントリスナ内でチェックする必要があるため、その処理だけで時間がかかりがちです。また、すべて同期（Sync）イベントでもあります。複雑な Web アプリケーションではノード数も多くなりがちなので、よりパフォーマンスに与える影響が大きくなります。</p>

<p>Mutation Observers は、こうした Mutation Event の問題点を解決、もしくは軽減するために定義されたといっても過言ではないでしょう。Mutation Observers は様々なオプションを与えて「どの範囲の何を対象にするか」を決定することができます。</p>

<p>例えば、先程問題点として挙げたすべての子孫ノードからイベントが発送されうる問題も、オプションを <code>{ childList : true }</code> とすれば対象を子ノードに限定することが可能であるため、簡単に回避することができます（子孫ノードをすべて対象にしたいなら <code>{ childList : true, subtree : true }</code> とする）。</p>

<p>本エントリの執筆時点では、WebKit のみベンダー接頭辞つきで<a href="https://bugs.webkit.org/show_bug.cgi?id=68729">実装されています</a>（が、完全ではありません）。Gecko (Mozilla) はベンダー接頭辞つきで<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=641821">実装している途中</a>です。Presto (Opera) は 12.00 Build 1272 時点では未サポートです。Trident (IE) は IE10 PP (10.0.8103.0) 時点では未サポートです。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2012-02-17T09:48:53+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001537.html">
<title>2011年12月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001537.html</link>
<description><![CDATA[<h4>Geolocation API Level 2, DeviceOrientation</h4>

<p>12月1日付で、Geolocation WGから2仕様の草案がLast Callとして公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-geolocation-API-v2-20111201/">Geolocation API Specification Level 2</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-orientation-event-20111201/">DeviceOrientation Event Specification</a></li>
</ul>

<p>Geolocation API level 2はGeolocation API仕様の拡張仕様で、住所を取得するAddressインターフェースが追加されています。DeviceOrientation Eventはデバイスの傾きや加速度などに関するインターフェースを定義しています。</p>

<p>Geolocation APIは初めての草案ですが、Last Callとなっています。追加される機能が少ないことや、数年前からEditor's Draftのかたちで存在していたことがいきなりのLast Callに繋がっているのでしょう。</p>

<h4>Media Fragments URI 1.0</h4>

<p>Media Fragments WGが策定するMedia Fragments URI 1.0仕様が、12月1日付で勧告候補となりました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/CR-media-frags-20111201/">Media Fragments URI 1.0</a></li>
</ul>

<p>Media Fragments URIは、画像やビデオなどのメディアリソースのURIについて、画面上の領域や時間の一部をフラグメント識別子から表す仕組みです。</p>

<p>仕様で定義されているTemporal dimensionというフラグメントでは、ビデオや音声ファイルの一部分を、そのURIから指定できます。</p>

<pre style="margin-bottom:1em"><code>&lt;video src="nevergonnagiveyouup.webm<strong>#t=43,60</strong>">...&lt;/video></code></pre>

<p>このようにメディアファイルに特別なフラグメント識別子を与えることで、「43秒から60秒まで」といった範囲を指定できます。昨年12月20日にリリースされた<a href="https://dev.mozilla.jp/2011/11/firefox9/">Firefox 9で一部実装</a>されており、利用できます。</p>

<p>Media Fragmentsには他にも画像の一部を指定するフラグメントなども定義されていますが、いまのところ実装はありません。</p>

<h4>CSS3関連3草案</h4>

<p>12月6日付で、新しいImage Valuesモジュールの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-images-20111206/">CSS Image Values and Replaced Content Module Level 3</a></li>
</ul>

<p>昨年紹介した<a href="http://standards.mitsue.co.jp/archives/001533.html"><code>radial-gradient()</code>の構文変更</a>も反映されています。</p>

<p>12月13日付で、CSS Exclusions and Shapesモジュールの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-exclusions-20111213/">CSS Exclusions and Shapes Module Level 3</a></li>
</ul>

<p>12月15日付で、CSS 2D Transformsの草案が更新されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-2d-transforms-20111215/">CSS 2D Transforms</a></li>
</ul>

<p>今後はSVG WGとの合同タスクフォースである<a href="http://standards.mitsue.co.jp/archives/001536.html">FXTFでの作業</a>となり、CSS 3D Transforms, SVG Transforms仕様と統合されることもあり、仕様書に注釈が加わっています。</p>

<h4>WebSocket API, Web Storageの勧告候補</h4>

<p>12月8日付で、WebSocket APIとWeb Storageが勧告候補として公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/CR-websockets-20111208/">The WebSocket API</a></li>
<li><a href="http://www.w3.org/TR/2011/CR-webstorage-20111208/">Web Storage</a></li>
</ul>

<p>WebSocketのプロトコル仕様については、昨年末に<a href="http://tools.ietf.org/html/rfc6455">RFC 6455</a>として発行されています。</p>

<h4>Touch Events 1の勧告候補</h4>

<p>12月15日付で、Web Events WGからTouch Events version 1仕様の勧告候補が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/CR-touch-events-20111215/">Touch Events version 1</a></li>
</ul>

<h4>Audio WGから3仕様が公開</h4>

<p>12月15日付けで、Audio WGから音声処理に関する仕様の草案が3つ公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-audioproc-20111215/">Audio Processing API</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-webaudio-20111215/">Web Audio API</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-streamproc-20111215/">MediaStream Processing API</a></li>
</ul>

<p>仕様書の名前を見ると、3つの音声関連API仕様が策定されているように見えますが、最初のAudio Processing APIについては今のところ、Web Audio APIとMediaStream Processing API仕様を簡単に比較した文書となっています。</p>

<p>Web Audio APIはGoogleが提案したもので、Chromeで試験実装が行われています。MediaStream Processing APIはWebRTC仕様やMozillaの拡張であるAudio Data API、そしてWeb Audio APIを参考に作られた新しい仕様とのことです。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2012-01-05T10:45:39+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001536.html">
<title>2011年のWeb標準</title>
<link>http://standards.mitsue.co.jp/archives/001536.html</link>
<description><![CDATA[<p>2011年も残すところあと数日となりました。というわけで、Web標準に関する今年の出来事を簡単ですがまとめてみました。</p>

<h4>HTML5のLast Call</h4>

<p>5月25日に、HTML5がLast Callとして公開されました。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/archives/001513.html">HTML5がLast Callに</a></li>
</ul>

<p>Last Call期間中には、1500を超えるコメントがバグとして登録されました。</p>

<p>上のエントリでは当時のLast Call後のスケジュールについて触れていますが、その後引き直され、現在は年末までにバグの解決、4月上旬にissueを解決し、次のステップについて発表することになっています。</p>

<p>"Last Call"というラベルではありますが、機能が完成したというわけではありません。他のグループや実装側からのフィードバックによって、仕様には今も大小様々な変更が行われています。</p>

<p>たとえば、Last Call以降、HTML5には次のような機能が追加されました。</p>

<ul>
<li><code>crossorigin</code>属性</li>
<li><code>typemismatch</code>属性</li>
<li><code>download</code>属性</li>
</ul>

<p>WHATWGのHTML仕様では、<code>data</code>要素の導入と<code>time</code>要素の改定も行われています。</p>

<p>追加だけではなく、分離も行われています。DOM関連では、<code>getElementsByClassName()</code>などいくつかの概念が<a href="https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html">DOM4</a>に、編集に関わるAPIは<a href="http://dvcs.w3.org/hg/editing/raw-file/tip/editing.html">HTML Editing APIs</a>、<a href="http://rniwa.com/editing/undomanager.html">UndoManager and DOM Transaction</a>といった別の仕様で定義されるようになっています。</p>

<p>WHATWGのHTML仕様で定義されていたいくつかの機能も、W3Cで協議されるようになりました。</p>

<ul>
<li><code>getUserMedia()</code>メソッドなどは、WebRTC WGの<a href="http://dev.w3.org/2011/webrtc/editor/webrtc.html">WebRTC仕様</a>の基礎となりました。</li>
<li><code>video</code>要素の<code>track</code>要素で利用するテキストトラック仕様<a href="http://dev.w3.org/html5/webvtt/">WebVTT</a>も、Web Media Text Tracks Community Groupという専門のCommunity Groupでの検討に入りました。</li>
</ul>

<p>2012年の終わりには勧告候補というスケジュールが考えられているようですが、継続して加えられる変更をどう反映していくかが課題となりそうです。</p>

<h4>CSS 2.1勧告、CSS3の前進</h4>

<p>CSS 2.1やいくつかのCSS3モジュールが勧告されました。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/archives/001515.html">CSS 2.1とCSS3 Colorモジュールが勧告</a></li>
<li><a href="http://standards.mitsue.co.jp/archives/001527.html">2011年9月後半のW3C</a></li>
</ul>

<p>また、2週間前にはCSS WGの新しいcharterが発行されました。2013年9月末までの活動計画をうかがえます。</p>

<ul>
<li><a href="http://www.w3.org/2010/09/CSSWG/charter">CSS Working Group charter</a></li>
</ul>

<p>期限内には<a href="http://standards.mitsue.co.jp/resources/w3c/TR/css3-background/">背景&amp;ボーダーモジュール</a>、<a href="http://dev.w3.org/csswg/css3-values/">Values &amp; Unitsモジュール</a>、<a href="http://dev.w3.org/csswg/css3-ui/">Basic UIモジュール</a>の勧告が見込まれているようです。勧告に向け仕様も動き始めており、たとえばUIモジュールでは実装や相互運用性に乏しい<code>appearance</code>プロパティの削除など、今後のコンテンツ作成に影響しうる大きな変更もあります。</p>

<p>Text, Fonts, Flexbox, Image Valuesについては、勧告候補が見込まれています。多くの機能が実装中ですので、実装状況やテストケースの作成状況によっては、それ以上の段階に進めるのかもしれません。相互運用性に乏しい機能が分離される可能性もあるでしょう。</p>

<p>さて、今年はRegions, Exclusions, Grid Alignmentなど、レイアウトに関する新しい仕様が提案されました。RegionsはAdobeが提案したものですが、Microsoftが賛同しIE10のPlatform Previewに実装されるなど、実装の動きが早く驚かされます。</p>

<p>とはいえ、レイアウトに関する仕様は増える一方で、どう標準化するかを協議している段階でもあります。デバイスの多様化や雑誌・書籍の電子化といった流れから、高機能なレイアウト仕様はこれまで以上に求められています。</p>

<h4>SVG 1.1 SE勧告、FXTF</h4>

<p>SVG 1.1 Second Editionも改訂作業が完了し、8月に勧告されました。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/archives/001523.html">2011年7月、8月のW3C</a></li>
</ul>

<p>次期バージョンのSVG 2.0に向けた作業も進み、<a href="http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Requirements_Input">要件</a>や<a href="http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Resolutions">決定事項</a>も増えています。</p>

<p>グラフィックに関しては、SVG 2.0以外にももうひとつ動きがあります。CSSとSVGの両方で利用可能な機能を定義するため、両WGが合同で作業する<a href="http://www.w3.org/Graphics/fx/">FXTF (CSS-SVG Effects Task Force)</a>です。FXTFの活動は2年前から始まっていましたが、CSS 2.1, SVG 1.1という大掛かりな改訂作業が終わり、活動が本格化しています。</p>

<p>対象となる機能は、Transforms, Transitions, Animations, Filter Effectsなどが挙げられます。Transformsについては、CSS 2D Transforms, CSS 3D Transforms, SVG Transformsの3仕様がCSS Transforms仕様として統合されることが決定しています。</p>

<h4>継続的な変化への対応が課題か</h4>

<p>今年はFirefoxがChromeに続きスケジュールベースのリリース方針に移行したことで、新しい機能が早く利用できるようになりました。また、多くのベンダーが比較的安定した開発版を提供し、開発者へのアピールも積極的に行うようになりました。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/archives/001516.html">ブラウザのリリースサイクル短縮の利点と影響</a></li>
</ul>

<p>仕様策定においても、多くの仕様がEditor's Draftを公開し、公式な草案となる前からフィードバックを受け付けています。Editor's Draftは実装者や開発者からのフィードバックが継続的に編集されるため、草案よりも安定しているケースも少なくありません。</p>

<p>こうした流れに、W3Cの現在のプロセスがうまく適応できていないという問題提起も起こっています。W3Cプロセスについて議論するCommunity Groupなども立ち上がり、議論が始まったところです。</p>

<p>継続的に変化する仕様や実装に適応できていないのはプロセスだけでなく、制作側の方針にも言えることでしょう。仕様と実装がお互いを作り替えるいまの流れによって、安定した仕様は求めにくくなっています。コンテンツを制作・提供する側はどれだけ柔軟に変化を受け入れられるか、その方針づくりが課題となるでしょう。</p>

<p>大まかですが、2011年のまとめとさせて頂きます。
2012年もWeb標準Blogをよろしくお願いいたします。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-12-27T14:04:57+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001534.html">
<title>2011年11月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001534.html</link>
<description><![CDATA[<h4>TPAC開催</h4>

<p>10/31から11/4まで、米国カリフォルニア州のサンタクララでW3Cの総会TPAC 2011が開催されました。</p>

<ul>
<li><a href="http://www.w3.org/2011/11/TPAC/">TPAC 2011: W3C Combined Technical Plenary / Advisory Committee Meeting</a></li>
</ul>

<p>週半ばのTechnical Plenaryについては、今月発売のWeb Designingの連載で取り上げております。</p>

<h4>W3Conf開催</h4>

<p>TPACから2週間後の11月15日と16日には、ワシントン州シアトルでW3Cが主催する初めてのカンファレンスである「W3Conf」が開催されました。</p>

<ul>
<li><a href="http://www.w3.org/conf/">W3C Conference 2011</a></li>
</ul>

<p>セッションの動画も公開されています。Web標準によるデータ視覚化やブラウザ開発者のパネルディスカッションなど、面白いセッションが多数あったようです。</p>

<h4>CSS3の4草案と新しいスタイルシートの実験</h4>

<p>11月29日付で、CSS WGからCSS3の4モジュールが更新されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/">CSS Flexible Box Layout Module</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-css3-layout-20111129/">CSS Template Layout Module</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-css3-regions-20111129/">CSS Regions Module Level 3</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">CSS Generated Content for Paged Media Module</a></li>
</ul>

<p>Regionsモジュールについてはスタイルシートが随分違うものになっていますが、これは先日CSS WGに加入したBen Schwarzが他のCSS WGのメンバーと共に実験中の新しいスタイルシートです。</p>

<ul>
<li><a href="http://www.w3.org/QA/2011/11/ben_schwarz_joining_csswg.html">Ben Schwarz joins CSSWG - W3C Blog</a></li>
</ul>

<p>Benは<a href="http://developers.whatwg.org/">開発者版のWHATWG HTML仕様</a>のスタイルも手がけています。</p>

<h4>Content Security Policy</h4>

<p>11月29日付で、Web Application Security WGからContent Security Policyの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-CSP-20111129/">Content Security Policy</a></li>
</ul>

<p>最初の公開草案ではありますが、GeckoやWebKitが試験的に実装を進めており、Chromeでは内部で利用しています。<a href="http://crbug.com/105796">拡張にも適用する</a>という話があるようです。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-12-02T13:09:07+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001533.html">
<title>CSSグラデーションの構文変更とベンダー接頭辞</title>
<link>http://standards.mitsue.co.jp/archives/001533.html</link>
<description><![CDATA[<p>前回の<a href="http://standards.mitsue.co.jp/archives/001532.html">ベンダー接頭辞に関するエントリ</a>で、接頭辞なしの機能を併記してもうまくいかないことがあると書きました。</p>

<p>これは、標準化された（接頭辞のない）機能の構文もしくは解釈が変わってしまう場合を意図しています。そして、CSSのグラデーションでそうした変更が加えられています。</p>

<h4><code>linear-gradient()</code>のキーワードが変更に</h4>

<p>少し前の話になりますが、<a href="http://www.w3.org/TR/2011/WD-css3-images-20110908/">9月8日に更新されたCSS3 Image Values草案</a>では、<code>linear-gradient()</code>の構文で利用されるキーワードの書式が変更されています。</p>

<table border>
<tr><th>これまでの構文<td><code>linear-gradient( [deg | side] , color-stops)</code>
<tr><th>提案された構文<td><code>linear-gradient( [deg | to side-or-corner] , color-stops)</code>
</table>

<p>これまで、キーワードは、<code>top</code>なら下向きのグラデーション、<code>right</code>は左向きのグラデーションなど、グラデーションの基点を示していました。</p>

<p>しかし、<a href="http://www.w3.org/TR/2011/WD-css3-images-20110712/">7月12日版の草案</a>で<a href="http://standards.mitsue.co.jp/archives/001512.html"><code>deg</code>の解釈が変更</a>され、<code>0deg</code>が下から上へのグラデーションを表すことになりました。</p>

<p>ここで、<code>0deg</code>は「上向き」<code>top</code>は「下向き」になります。どちらも「上」を想起させますが、グラデーションの方向が正反対になります。これは混乱のもとになります。</p>

<p>このため、9月8日版の草案でキーワードの構文が変更されました。新しいキーワードは、<code>to bottom</code>、<code>to top</code>など、方向を示していることが文字から分かりやすくなりました。</p>

<pre style="margin-bottom:1em;white-space:pre-wrap"><code>/* これまでのキーワードは基点を指定する */
background-image: -moz-linear-gradient(top, #eee, #ddd);

/* 新しいキーワードは方向を指定する */
background-image: linear-gradient(to bottom, #eee, #ddd);
</code></pre>

<p>キーワードが変わってしまったため、<code>linear-gradient(top, #eee, #ddd);</code> など古いキーワードを利用した接頭辞なしの記述は無視されてしまいます。</p>

<p>解決策ではありませんが、上から下へのグラデーションについては、キーワードを省略すると良いかもしれません。キーワードを省略すると、それは下方向へのグラデーションになると定義されているのですが、これは接頭辞つきの実装と新しい仕様においても共通だからです。</p>

<pre style="margin-bottom:1em;white-space:pre-wrap"><code>background-image: -moz-linear-gradient(#eee, #ddd);
background-image: linear-gradient(#eee, #ddd);
</code></pre>

<h4><code>radial-gradient()</code>の構文が変更</h4>

<p>構文の変更は<code>linear-gradient()</code>だけなく、<code>radial-gradient()</code>にも及びそうです。今月初めに開催された<a href="http://www.w3.org/2011/11/TPAC/">TPAC 2011</a>のCSS WG F2Fミーティングで議論され、CSS WG BlogやCSS3.infoに、コメントを求める記事が投稿されています。</p>

<ul>
<li><a href="http://www.css3.info/radial-gradient-readability/">Radial Gradient Readability</a></li>
</ul>

<p>提案されている新しい構文では、<code>to <var>size</var></code>, <code>at <var>position</var></code>などキーワードを追加し、値だけだった以前の構文に比べて「読める」ようになっています。</p>

<table border>
<tr><th>これまでの構文<td><code>radial-gradient(position, [size || shape], color-stops)</code>
<tr><th>提案された構文<td><code>radial-gradient(shape [to size || at position], color-stops)</code>
</table>

<pre style="margin-bottom:1em;white-space:pre-wrap"><code>/* 位置、大きさ、カラーストップ */
background-image: -webkit-radial-gradient(10% 20%, 25px 25px, #999 50%, #fff);

/* 一例 */
background-image: radial-gradient(circle to 25px at 10% 20%, #999 50%, #fff);

/* 次のようにも書ける */
background-image: radial-gradient(at 10% 20% to 25px 25px, #999 50%, #fff);</code></pre>

<p>新しい構文によって将来的な拡張も容易になったとのことですが、既存の接頭辞つき実装と構文が異なるため、いま書かれている接頭辞なしの記述は無視されてしまいます。</p>

<ins><strong>追記 (2011-12-07)</strong>
<p>12月6日付で、[新しいImage Valuesモジュールの草案](http://www.w3.org/TR/2011/WD-css3-images-20111206/)が公開されました。<code>radial-gradient()</code>の構文が更に下記のように変更されました。

<table border>
<tr><th>新しい構文<td><code>radial-gradient( [ shape || size ] at position, color-stops)</code>
</table>
</ins>

<h4>既存コンテンツへの影響も</h4>

<p>接頭辞なしの記述が無視されるだけであればよいのですが、接頭辞つき機能の実装が将来削除されることも否定できません。</p>

<p>たとえばMozillaは、<code>-moz-background-size</code>など一部の接頭辞つき機能について、正式な機能を実装してから一定期間後に削除しています。接頭辞つきのグラデーション実装が削除されるとは思えませんが、すべての接頭辞つき機能が残り続けるわけではありません。</p>

<p>構文は変更されず、その解釈だけが変更されるとさらに厄介です。<code>linear-gradient()</code>の項で<code>deg</code>の解釈が変わったことに触れましたが、これは解釈の変更であり構文の変更ではないので、現時点で接頭辞なしの記述を含めたコンテンツで表示に影響が出かねません。</p>

<p>たとえば、AdobeがAdobe Labsにて実験的に提供しているFireworks CSS3 Mobile Packがでは、Fireworksで作成したグラフィック要素からCSSコードを自動生成する機能が提供されています。</p>

<ul>
<li><a href="http://labs.adobe.com/downloads/fireworks_css3mobile.html">Download Adobe Fireworks CSS3 Mobile Pack - Adobe Labs</a></li>
<li><a href="http://www.adobe.com/jp/joc/devnet/fireworks/articles/css3_mobile_pack.html">Fireworks CSS3 Mobile Packを使ってみよう</a></li>
</ul>

<p>デベロッパーセンターの紹介記事から、生成したコードの一部を取り上げます。</p>

<pre style="padding-bottom:1em;white-space:pre-wrap"><code>/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,...

/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,...

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,...

background-image:
linear-gradient(-90deg,...</code></pre>

<p>接頭辞つきの宣言の後に、接頭辞なしの<code>linear-gradient()</code>が書かれています。記事中の画像から、このコードは垂直方向のグラデーションを意図したものと分かります。</p>

<p>しかし、<code>deg</code>の解釈の変更によって<code>-90deg</code>は左方向のグラデーションとして解釈されるようになりました。接頭辞なしの宣言を最後に書くことは通常よいプラクティスであるのですが、<code>linear-gradient()</code>では<code>deg</code>の解釈が変わってしまったので、<code>deg</code>を利用する場合は<code>180deg</code>と角度を書き換える必要があります。</p>

<pre style="padding-bottom:1em;white-space:pre-wrap"><code>/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,...

background-image:
linear-gradient(<strong>180deg</strong>,...</code></pre>

<p>今回はたまたまの記事を見つけたこともありCSS3 Mobile Packを取り上げましたが、これはこの拡張パックに限った話ではないでしょう。グラデーションのコードを生成するWebアプリはいくつか公開されていますし、SassやLESSなどでMixinを定義している場合などにも、<code>deg</code>の扱いに注意する必要があります。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-11-28T12:02:05+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001532.html">
<title>ベンダー接頭辞は有害か</title>
<link>http://standards.mitsue.co.jp/archives/001532.html</link>
<description><![CDATA[<p>MozillaでHTML5パーサなどの開発に関わっているHenri Sivonenが、自身のWebサイトにベンダー接頭辞はWebにとって有害であるいう考察記事を公開しています。</p>

<ul>
<li><a href="http://hsivonen.iki.fi/vendor-prefixes/">Vendor Prefixes Are Hurting the Web</a></li>
</ul>

<p>ベンダー接頭辞はWeb開発者にも、利用者にも、そしてブラウザの競争においても有害であり、ベンダーは接頭辞つきの実装をやめるべきだという指摘を、様々な点から分析し考察しています。</p>

<h4>利用者やブラウザの競争においても有害？</h4>

<p>CSSのベンダー接頭辞に関する「手間」については、CSS3の機能が広く利用されているいま、説明する必要はあまりないかと思われます。</p>

<p>最近ではAPI仕様についても、ベンダー接頭辞をつけた実装が行われるようになりました。標準の実装において慣習となりつつあるわけです。しかし、利用者やブラウザの競争においても有害となるのはなぜでしょうか。</p>

<p>この背景には、とくにWebKitが挙げられるのではと考えられます。WebKitには多くの大企業が開発に関わるようになり、幅広い機能が短い期間の間に動くレベルまで実装されるようになりました。こうした新しい機能については、かなり多くのものがWebKitの接頭辞つきで実装されています。</p>

<p>新しい機能の多くは、短いリリースサイクルを持つChromeでいち早く利用可能になります。また、こうした新しい機能を紹介する目的で作られたデモの多くは、WebKitの接頭辞のみを利用しているため、たとえ同じ機能が別のブラウザで後に実装されたとしても、動作しません。</p>

<p>デモだけで済めばよいですが、モバイルでのWebKitの寡占状態によって、WebKit接頭辞つきの機能に依存したWebコンテンツは増加する一方です。その機能がなければ動かないコンテンツも増えています。</p>

<p>WebKitだけに限定される話ではありませんし、接頭辞つきプロパティを使うべきではないと言いたいわけではありませんが、最低限の対応は心がけたいところです。</p>

<h4>HTML5では推奨されないベンダー接頭辞</h4>

<p>さて、こうした接頭辞つき機能への依存もあり、他のベンダーの接頭辞も解釈するよう求めるバグ報告なども上がるケースがあります。接頭辞の導入された目的を考えると、これは受け入れがたいことです。</p>

<p>しかし、広く使われている機能であれば、ベンダー固有であるにせよデファクト標準に近い性質を持ちます。非標準であった機能の標準化を数多く行なっているのが、HTML5仕様です。</p>

<p>実は、ベンダー接頭辞の仕組みはHTML5仕様にも記されています。拡張性について書かれたセクションに、ベンダー固有拡張の属性に関して定義があります。</p>

<ul>
<li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/infrastructure.html#extensibility">2.2.3 Extensibility</a></li>
</ul>

<p>固有拡張の属性は、<code><strong>x-</strong><var>attributename</var></code>という形式で、先頭に<code><strong>x-</strong></code>がつきます。GoogleがChromeに実装した音声入力機能などがこの仕組みを採用し、<code>&lt;input <strong>x-webkit-speech</strong>&gt;</code>として実装されています。</p>

<p>ただし、HTML5仕様では「この仕様に対し、ベンダー固有のプロプライエタリな拡張は強く推奨しない」と但し書きがついた上で、拡張に関する定義がなされています。ベンダー固有拡張は詳細な挙動が仕様として公開されないこともあり、HTML5の目的である相互運用性の確保に相反することが理由として考えられます。</p>

<p>また、そうした拡張に依存したコンテンツが増えてしまうと、HTML5の方針である「既存コンテンツのサポート」「車輪の再発明を避ける」に従い、接頭辞つきの機能をそのまま取り入れる可能性も否定できないですから、それを避けたいとも考えられます。</p>

<h4>CSS WGのco-chairも反対が</h4>

<p>CSS WGにおいても、ベンダー接頭辞に反対しているメンバーが居ます。なんとWGのco-chairであるDaniel Glazmanがその一人です。先日もベンダー接頭辞に関するエントリを自身のBlogに投稿しています。</p>

<ul>
<li><a href="http://www.glazman.org/weblog/dotclear/index.php?post/2011/11/05/CSS-vendor-prefixes-again">CSS vendor prefixes, again...</a></li>
</ul>

<p>Danielは次のような提案をしています。</p>

<ul>
<li>試験的な機能は安定するまでWebコンテンツではデフォルトで無効とする（アプリケーションレベルでは有効）</li>
<li>デバッグメニューから有効にすることで利用可能とする</li>
<li>試験的な機能を有効にするか利用者に尋ねる機能をAPIとして用意する（有効範囲はドメイン単位）</li>
<li>ブラウザーがバージョンアップしたら、いま一度無効化される</li>
</ul>

<p>議論を広げるためにすこし大きく表現したようですが、試験的な機能の有効化については、冒頭に取り上げたHenriの記事でも「開発版に留めるべき」といった見解を示しています。</p>

<h4>ベンダー接頭辞とつき合うにあたり</h4>

<p>ベンダー接頭辞に関する問題提起は定期的に盛り上がりを見せますが、大きな動きになることはありません。また、ベンダー接頭辞がなくなったとしても、接頭辞つき機能との互換性を考えると、しばらくはベンダー接頭辞とつき合う必要があるでしょう。</p>

<p>CSSについては、昨年投稿した <a href="http://standards.mitsue.co.jp/archives/001469.html">「ベンダー接頭辞は使ってもよいか」</a>というエントリで、次のような方針を紹介しています。</p>

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

<p>APIに関しても、同じように考えることができるでしょう。</p>

<p>しかしながら、「正式なプロパティを含める」という点に関しては、うまくいかないこともあります。この点については、別に取り上げたいと思います。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-11-16T11:26:17+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001531.html">
<title>2011年10月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001531.html</link>
<description><![CDATA[<h4>CSS3 Fonts更新</h4>

<p>10月4付で、CSS WGから新しいCSS3 Fontsモジュールの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/">CSS Fonts Module Level 3</a></li>
</ul>

<p>フォントの読み込みは基本的に同一originからという規定がat-riskとされたほか、<code>font-variant</code>の例が追加されるなどの変更が加わっています。</p>

<h4>Web Testing Activity</h4>

<p>10月13日に、Web Testing Activityの設立がアナウンスされました。</p>

<ul>
<li><a href="http://www.w3.org/testing/ig/">Web Testing Interest Group</a></li>
<li><a href="http://www.w3.org/2011/05/activity-proposal.html">Web Testing Activity Proposal</a></li>
<li><a href="http://www.w3.org/testing/browser/">Browser Testing and Tools Working Group</a></li>
</ul>

<p>Web Testing Activityは、Web Testing IGとBrowser Testing and Tools WGの2グループから構成されます。</p>

<p>Web Testing IGは、Web標準のテストフレームワーク開発やテストケース・テストスイートの管理手法などについて活動を行うグループです。Browser Testing and Tools WGは、ブラウザの開発者ツールで広く使われるようになった<code>console</code>オブジェクトの標準化や、テストにおいてクリックや文字入力など利用者の行動をシミュレートするWeb Driver APIという仕様を策定予定です。</p>

<p>Web Testing Activityについては、18日発売のWeb Designingのコラム「Web Standards Plus」でも取り上げております。</p>

<h4>WebAppsから3仕様更新</h4>

<p>10月20日付で、WebApps WGから新しいFile API, Server-Sent Events, HTML5 Web Messaging仕様の草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-FileAPI-20111020/">File API</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-eventsource-20111020/">Server-Sent Events</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-webmessaging-20111020/">HTML5 Web Messaging</a></li>
</ul>

<p>File APIはほぼ1年ぶりの更新ということもあり、数多くの変更が加わったようです。</p>

<p>Server-Sent EventsやHTML5 Web Messagingでは、DOM4で導入されたイベントコンストラクタへの対応などが行われています。Last Callとして公開されていましたが、草案に差し戻されています。</p>

<h4>Web StorageのLast Call</h4>

<p>10月25日付で、WebApps WGよりWeb Storageの新しい草案がLast Callとして公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-webstorage-20111025/">Web Storage</a></li>
</ul>

<p>エラーの名前が<code>SECURITY_ERR</code>から<code>SecurityError</code>に変更されており、またDOM4のイベントコンストラクタにも対応しました。</p>

<h4>Touch Events version 1のLast Call</h4>

<p>10月27日付で、WebEvents WGよりTouch Events version 1の新しい草案がLast Callとして公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-touch-events-20111027/">Touch Events version 1</a></li>
</ul>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-11-10T15:05:18+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001530.html">
<title>jQuery Standards Teamが発足</title>
<link>http://standards.mitsue.co.jp/archives/001530.html</link>
<description><![CDATA[<p>jQueryプロジェクトがStandards Teamという名前のサブチームを立ち上げたことを発表しています。</p>

<ul>
<li><a href="http://blog.jquery.com/2011/10/24/announcing-the-jquery-standards-team/">Announcing The jQuery Standards Team</a></li>
</ul>

<p>jQuery Standards Teamは、標準化団体やベンダーに対し、Web開発者という立場から働きかけていくチームです。Web標準やブラウザ相互運用性の重要性は高まるばかりですが、Web開発者コミュニティと、標準化団体・ベンダーとの連携はそこまでうまくいっていないという問題意識から生まれたようです。</p>

<p>ブログの中では、標準化団体の持つ標準化プロセスの難しさ、長くなりがちな議論に割ける時間が開発者にない、ブラウザ開発者が活発に議論するメーリングリストでは技術への深い理解が必要という雰囲気になっているといったことが課題として挙げられています。</p>

<p>jQuery Standards Teamは次のゴールを掲げ、関係するコミュニティに働きかけていくようです。</p>

<ul>
<li>標準化団体に対し、Web開発者のコミュニティ、特にjQuery利用者を代表し、Web開発の視点に沿ったWeb標準は何かを働きかける</li>
<li>ブラウザベンダーに対し、上記と動揺の立場をとり、どんな機能を求めているか</li>
<li>jQueryプロジェクトに対し、適度なタイミングで新しいWeb標準やベンダー拡張の採用を促す。</li>
</ul>

<p>Standards Teamは<a href="https://groups.google.com/forum/#!forum/jquery-standards">Googleグループ</a>でのディスカッションやIRC上の定例ミーティングを行うようです。仕様に関する細かな指摘は、<a href="https://github.com/jquery/standards">GitHub</a>のIssueシステムを使うようで、すでにいくつかのIssueが登録されています。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-10-25T14:06:44+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001528.html">
<title>diveintohtml5.info</title>
<link>http://standards.mitsue.co.jp/archives/001528.html</link>
<description><![CDATA[<p><a href="http://www.oreilly.co.jp/books/9784873114828/">「入門 HTML5」</a>の原著である<a href="http://shop.oreilly.com/product/9780596806033.do">「HTML5: Up and Running」</a>は、著者のMark Pilgrimが「Dive Into HTML5」というWebサイト上に公開したものを出版したものです。出版後もWebサイトが公開されつづけ、HTML5の基礎を知るとても有用なWebサイトとなっていました。</p>

<p>しかし先週、Mark Pilgrimが、自身の運営していたWebサイトや、各種Webサービス上のアカウントを削除し、オンライン上での活動をストップしました。これにより、http://diveintohtml5.org/ 上に公開されていたDive Into HTML5が消失しています。</p>

<p>幸いなことに、Dive Into HTML5はCreative Commonsのライセンスのもと公開されており、GitHub上にレポジトリもあったことから、有志が引継ぎ <a href="http://diveintohtml5.info/">diveintohtml5.info</a> 上に新しく公開されました。</p>

<p>diveintohtml5.infoでは、ただの修正だけではなく、HTML5をとりまく状況の変化をふまえた更新も行なっていくとしています。一部古い内容も出てきていますから、今後の更新に期待したいです。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-10-14T11:02:05+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001527.html">
<title>2011年9月後半のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001527.html</link>
<description><![CDATA[<h4>DOM4</h4>

<p>9月15日付で、WebApps WGからDOM4の草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-dom-20110915/">DOM4</a></li>
</ul>

<p>DOM4はこれまでWeb DOM CoreやDOM Coreと呼ばれていた仕様です。これまでのDOM仕様はDOM Level 3などレベルが付けられていましたが、DOM Coreにはそれがなく、混乱するといったコメントが寄せられたことから、名称がふたたび変更されました。</p>

<h4>CSS Device Adaptation</h4>

<p>9月15日付で、CSS WGからCSS Device Adaptationの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css-device-adapt-20110915/">CSS Device Adaptation</a></li>
</ul>

<p>Device Adaptationはスマートフォン用サイト制作で欠かせない "viewport" をCSSから指定するための仕組みです。Operaによって提案され、すでにOpera Mobileで実装が進められています。</p>

<ul>
<li><a href="http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport-ja/">viewport メタタグと @viewport 規則</a><br>(原文: <a href="http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/">"An introduction to meta viewport and @viewport"</a>)</li>
</ul>

<p>また、<code>meta</code>要素による指定の処理についても定義されています。</p>

<h4>Progress Events CR</h4>

<p>9月22日付で、WebApps WGから、Progress Eventsの勧告候補が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/CR-progress-events-20110922/">Progress Events</a></li>
</ul>

<h4>WebSocket API Last Call</h4>

<p>9月29日付で、WebApps WGから、WebSocket APIの草案がLast Callとして公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-websockets-20110929/">The WebSocket API</a></li>
</ul>

<h4>CSS3セレクタ、CSS3名前空間の勧告</h4>

<p>9月29日付で、Selectors Level 3 (CSS3セレクタ)仕様と、CSS3の名前空間モジュールがW3C勧告として公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">Selectors Level 3</a></li>
<li><a href="http://www.w3.org/TR/2011/REC-css3-namespace-20110929/">CSS Namespaces Module</a></li>
</ul>

<p>公開している日本語訳も勧告をふまえたものに更新しました。</p>

<ul>
<li><a href="http://standards.mitsue.co.jp/resources/w3c/TR/css3-selectors/">セレクタ Level 3</a></li>
<li><a href="http://standards.mitsue.co.jp/resources/w3c/TR/css3-namespace/">CSS 名前空間モジュール</a></li>
</ul>

<h4>CSS4セレクタ</h4>

<p>CSS3セレクタ勧告と同日付で、CSS WGからSelectors Level 4という、新しいレベルのセレクタ仕様の草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-selectors4-20110929/">Selectors Level 4</a></li>
</ul>

<p>まだ初期段階にあることもあり、提案されている機能が実装されるかどうかも分かりませんが、要素の「親」を選択できる仕組みなど、待ち望まれていたセレクタなどが現時点で提案されています。</p>

<p>新しい機能についてまとめているノートもありますので、ご一読ください。</p>

<ul>
<li><a href="http://myakura.github.com/n/selectors4.html">CSS4セレクタ (Selectors Level 4) の新機能</a></li>
</ul>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-10-07T11:00:00+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001526.html">
<title>2011年9月前半のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001526.html</link>
<description><![CDATA[<h4>CSS WGから3草案</h4>

<p>9月1日付で、CSS WGから以下の草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-conditional-20110901/">CSS Conditional Rules Module Level 3</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-css3-text-20110901/">CSS Text Level 3</a></li>
<li><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110901/">CSS Writing Modes Module Level 3</a></li>
</ul>

<p>新しく開されたConditional Rulesは、UAのサポート状況や文書URLをもとに、CSSで条件分岐を行う仕組みを提供します。</p>

<p>CSSは知らないものは無視するという仕様があり、それをフォールバックとして利用できますが、<a href="http://www.w3.org/TR/css3-grid-layout/">Grid Layout</a>や<a href="http://www.w3.org/TR/css3-regions/">CSS Regions</a>などの新しいレイアウト仕様や、<a href="http://www.w3.org/TR/css3-animations/">CSS Animations</a>など実装のまだ少ない仕様では、うまくフォールバックさせられない懸念があります。これらに対し、Conditional Rulesでは<code>@supports</code>というブロックを導入し、サポート状況による条件分岐を提案しています。</p>

<p>文書のアドレスでスタイルを切り分ける仕組みは、Mozillaの<a href="https://developer.mozilla.org/ja/CSS/@-moz-document"><code>@-moz-document</code></a>の仕組みを拡張したものです。ユーザースタイルシートで特に便利でしょうか。</p>

<h4>CSS3 Values &amp; Units</h4>

<p>9月6日付で、CSS WGよりCSS3 Values &amp; Unitsモジュールの新しい草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-values-20110906/">CSS Values and Units Module Level 3</a></li>
</ul>

<p>前の草案が5年前のものと古く、CSS 2.1の勧告もあったことから、再構成が行われたとのことです。</p>

<h4>WebAppSec WG設立</h4>

<p>9月7日付で、Web Application Security Working Groupの設立がアナウンスされました。</p>

<ul>
<li><a href="http://www.w3.org/2011/webappsec/">Web Application Security Working Group</a></li>
<li><a href="http://www.w3.org/2011/08/appsecwg-charter.html">Web Application Security Working Group Charter</a></li>
</ul>

<p>Webアプリケーション関連技術にはいくつかのセキュリティポリシーがありますが、それらに仕様がないため相互運用性を欠くという問題意識のもと設立されたようです。</p>

<p>活動内容としては、セキュリティポリシーに関する仕様を策定するようです。これまでWebApps WGで策定されていた<a href="http://www.w3.org/TR/cors/">CORS</a>などをベースにしたSecure Cross-Domain Resource Sharingという仕様や、Mozillaが提案しGeckoに実装し、後にWebKitも追従した<a href="https://dvcs.w3.org/hg/content-security-policy/raw-file/tip/csp-specification.dev.html">Content Security Policy (CSP)</a>という仕様の規格化は、ベースがすでに存在し、実装も進んでいます。</p>

<p>そしてクロスドメインのフレーム間でのやりとりを安全に行うSecure Cross-Domain Framingについては、CSP, <code>iframe</code>の<code>sandbox</code>属性、<code>X-Frame-Options</code>ヘッダなどいくつかの仕組みがあるので、CSPをベースに、統一要件を定めていくやり方をとるようです。<a href="http://tools.ietf.org/wg/websec/">IETFのWeb Application Security Working Group</a>とも強調していくようです。</p>

<h4>CSS Image Values &amp; Replaced Content</h4>

<p>9月8日付で、CSS WGから新しいCSS3 Image Values &amp; Replaced Contentモジュールの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-images-20110908/">CSS Image Values and Replaced Content Module Level 3</a></li>
</ul>

<h4>Tracking Protection WGの設立</h4>

<p>9月8日付で、Tracking Protection Working Groupの設立がアナウンスされました。</p>

<ul>
<li><a href="http://www.w3.org/2011/tracking-protection/">Tracking Protection Working Group</a></li>
<li><a href="http://www.w3.org/2011/tracking-protection/charter">Tracking Protection Working Group Charter</a></li>
</ul>

<p>Tracking Protection WGは、インターネット上で利用者の行動を追跡するものについて、ユーザーの意志を示す仕組みを定義し、プライバシーやセキュリティを向上させることを目的としています。</p>

<p>昨年終わりにFTCのレポートで"Do Not Track"という仕組みの提案を行なってから、ブラウザやコンテンツ提供者がどのような仕組みを実装すればよいのかという議論が行われていました。W3Cは4月にトラッキング防止に関するワークショップを開催しており、そこでの議論をもとに今回のWGの発足に至ったようです。</p>

<h4>Touch Events version 1のLast Call</h4>

<p>9月13日付で、Web Events WGからTouch Events version 1の草案がLast Callとして公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-touch-events-20110913/">Touch Events version 1</a></li>
</ul>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-10-06T12:18:37+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001525.html">
<title>Acid3 Testが改訂</title>
<link>http://standards.mitsue.co.jp/archives/001525.html</link>
<description><![CDATA[<p>9月17日のことですが、<a href="http://acid3.acidtests.org/">Acid3 Test</a>が改訂されました。</p>

<p>Acid3の改訂はこれが初めてではありません。テスト自体にバグがあったケースや、<code>:visited</code>擬似クラスのプライバシー対応に追従するなど、過去にも数度変更がされています。しかし、今回の変更ではこれまで100点に数点満たなかったIE9とFirefoxでスコアが100点になったこともあり、受け取られ方が多少異なっているようです。</p>

<p>今回の改訂は、策定中の<a href="http://www.w3.org/TR/dom/">DOM4</a>で提案されている変更と、Acid3で使われているいくつかのサブテストが<a href="http://annevankesteren.nl/2011/09/acid3-problem">衝突する</a>ことがわかり、テストしている項目を見直すことが良いと判断された結果行われました。その経過で、複数のブラウザで実装される見込みのない機能もコメントアウトされました。結果として、IE9やFirefoxでスコアが上昇しています。</p>

<p>Acid3は「次世代Web標準」への対応度をはかるひとつの指標とみられる事が多いように感じますが、これだけで対応度を図ることはできません。Acid3は包括的なテストスイートではなく、むしろショーケースのようなものです。スコアが100点に数点満たないからといって「遅れている」とも言えないのです。</p>

<p>また、100点をとったからといって、準拠度が高いとは必ずしも言えません。今回コメントアウトされた「すべてには実装見込みのない」SVG Fontsに関するテストは、WebKitやOperaでパスしていたものの、その実装はAcid3をパスするための最低限な実装だったという<a href="http://developers.slashdot.org/comments.pl?sid=1713004&amp;cid=32847010">指摘</a>があります。不十分な実装では使いたい機能が使えないということも起こりうるわけです。</p>

<p>Acid3が作られた目的は、当時「安定している」と考えられた仕様（CRが中心）のうち、実装が進んでおらず開発者が使えない機能をテストとして選ぶことで、相互運用性を向上させようとするものでした。そういった目的をもつテストが、相互運用性やプラットフォームの漸進を妨げてしまうのは本末転倒ですから、仕様や実装だけでなく、テストの改訂にも意義があるわけです。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-09-30T09:32:26+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001524.html">
<title>IE10 PP3登載のWindows 8プレビュー版が公開</title>
<link>http://standards.mitsue.co.jp/archives/001524.html</link>
<description><![CDATA[<p>Microsoftがアナハイムで開催中の<a href="http://www.buildwindows.com/">BUILDカンファレンス</a>にて、<a href="http://msdn.microsoft.com/en-us/windows/home/">Windows 8 Developer Preview</a>が発表されました。このプレビュー版のブラウザにInternet Explore 10のPlatform Previewも含まれているようで、IEBlogがその内容を伝えています。</p>

<ul>
<li><a href="http://blogs.msdn.com/b/ie/archive/2011/09/13/ie10pp3.aspx">Windows Developer Preview: The Third IE10 Platform Preview</a></li>
</ul>

<p>6月に公開されたPlatform PreviewでもHTML5フォームやFile APIなど機能追加が多数ありましたが、今回公開されたIE10 Platform Previewでも、HTML5関連技術やCSSのサポートがさらに進んでいます。</p>

<p>CSSでは、CSS 3D Transforms, CSS Transitions, CSS Animations, CSS Regionsが新たにサポートされました。Transitionsは他のブラウザで早く実装されたこともあり遅れた印象もありますが、Animationsや3D TransformsはFirefoxが最近実装したくらいで、RegionsについてはAdobeが<a href="http://standards.mitsue.co.jp/archives/001511.html">今年提案した</a>とても新しい仕様です。MicrosoftのWeb技術へのさらなる注力がうかがえます。</p>

<p>HTML5関連では、IndexedDB, WebSocket, Application Cache, History APIなど「HTML5らしい」機能がサポートされているようです。Windows 8ではWeb技術でアプリケーションが開発可能になりますし、オフラインでも動作するアプリケーション向けの機能が必要だったのでしょう。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-09-14T14:38:14+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001523.html">
<title>2011年7月、8月のW3C</title>
<link>http://standards.mitsue.co.jp/archives/001523.html</link>
<description><![CDATA[<h4>CSS Image Values</h4>

<p>7月12日付で、CSS WGよりCSS Image Values and Replaced Content Module Level 3の新しい草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-css3-images-20110712/">CSS Image Values and Replaced Content Module Level 3</a></li>
</ul>

<p><a href="http://standards.mitsue.co.jp/archives/001512.html">CSSグラデーションでの角度の解釈</a>で紹介した、<code>deg</code>の扱いが変更されています（方位角が採用されました）。</p>

<p>Image Valuesは以降も活発に動いており、変更を反映した新しい草案の公開も計画されているようです。</p>

<h4>From-Origin Header</h4>

<p>7月21日付で、WebApps WGからFrom-Origin Headerという草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-from-origin-20110721/">The From-Origin Header</a></li>
</ul>

<p>Webフォントなど利用許諾が求められることの多いコンテンツや、ビデオのように大容量のため埋め込みを許可すると帯域負荷が懸念されるコンテンツがあります。埋め込みの制御にはRefererヘッダのチェックが使われることが多いですが、コンテンツのURLに直接アクセスした場合、内容が見られなくなるケースも有り不都合でした。</p>

<p>From-Origin Headerは、は埋め込みを許可するoriginを指定する<code>From-Origin</code>レスポンスヘッダを定義します。</p>

<h4>Page Visibility</h4>

<p>7月21日付で、WebPerf WGからPage Visibilityの草案が公開されました。</p>

<ul>
<li><a href="http://www.w3.org/TR/2011/WD-page-visibility-20110721/">Page Visibility</a></li>
</ul>

<p>Page Visibilityはページがバックグラウンドで表示されているか、そうでないかを検出する<code>document.hidden</code>プロパティなどを定義しています。すでにChromeとIE10 PP2で実装されており、IEBlogでも取り上げられています。</p>

<ul>
<li><a href="http://blogs.msdn.com/b/ie/archive/2011/07/08/using-pc-hardware-more-efficiently-in-html5-new-web-performance-apis-part-2.aspx">Using PC Hardware more efficiently in HTML5: New Web Performance APIs, Part 2</a></li>
</ul>

<h4>SVG 1.1 Second Edition勧告</h4>

<p>8月16日に、SVG 1.1 Second Editionが勧告されました。</p>

<p><a href="http://www.w3.org/TR/2011/REC-SVG11-20110816/">SVG 1.1 Second Edition</a></p>

<p>SVG WGは現在、次期バージョンの<a href="http://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Planning_Page">SVG 2.0</a>について要件やユースケースを検討しているようです。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-09-07T15:33:04+09:00</dc:date>
</item>

<item rdf:about="http://standards.mitsue.co.jp/archives/001521.html">
<title>Web標準カリキュラムがW3Cに移動</title>
<link>http://standards.mitsue.co.jp/archives/001521.html</link>
<description><![CDATA[<p>Operaが2008年から公開しているWeb標準を学ぶための教材「Web標準カリキュラム (Web Standards Curriculum)」が、W3C Wikiに移動することになりました。カリキュラムを管理していたOperaのChris MillsがOperaのDeveloper Relations TeamのBlogにてその経緯を語っています。</p>

<ul>
<li><a href="http://my.opera.com/ODIN/blog/2011/07/15/web-education-moving-forward-opera-wsc-goes-to-the-w3c">Web Education moving forward - Opera WSC goes to the W3C!</a></li>
</ul>

<p>Web標準カリキュラムは、それまで使われていたWeb制作・Web開発に関する教材がWeb標準に基づいた古いもので、実践的なことを学べないという問題がきっかけとなり誕生しました。利用しやすいように教材を無料でオープンに公開したことには一定の成果があげられたようで、多くの学校や大学、企業内での利用が始まっているようです。</p>

<p>この試みを更に広げ、またより多くのフィードバックを得られるように、Dev.OperaからW3C Wikiへの移動が決定されました。英語版のコンテンツはすでに<a href="http://www.w3.org/wiki/Web_Standards_Curriculum">W3C Wikiに移動</a>しており、W3Cのアカウントを申請すれば誰でも編集可能となっています。</p>

<p>さて、Web標準カリキュラムにはミツエーリンクスも翻訳というかたちで協力しており、現在までに8本の訳を寄稿しています。</p>

<ul>
<li><a href="http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur-ja/">Web 標準カリキュラムの紹介</a></li>
<li><a href="http://dev.opera.com/articles/view/2-the-history-of-the-internet-and-the-w-ja/">インターネットと Web の歴史、そして Web 標準の進化</a></li>
<li><a href="http://dev.opera.com/articles/view/3-how-does-the-internet-work-ja/">インターネットのしくみ</a></li>
<li><a href="http://dev.opera.com/articles/view/4-the-web-standards-model-html-css-a-ja/">Web 標準のモデル -- HTML, CSS, JavaScript</a></li>
<li><a href="http://dev.opera.com/articles/view/5-web-standards-beautiful-dream-bu-ja/">Web 標準 ― すばらしき夢、でも現実は？</a></li>
<li><a href="http://dev.opera.com/articles/view/12-the-basics-of-html-ja/">HTML の基礎</a></li>
<li><a href="http://dev.opera.com/articles/view/13-the-html-head-element-ja/">HTML の <head> 要素</a></li>
<li><a href="http://dev.opera.com/articles/view/14-choosing-the-right-doctype-for-your-ja/">適切な DOCTYPE の選択</a></li>
</ul>

<p>カリキュラムには日本語の他にもいくつか翻訳があるのですが、それらについてはW3C Wikiの多言語対応などを調査している段階のようです。解決次第、これらも移動されるのではないかと思います。</p>
]]></description>
<dc:subject></dc:subject>
<dc:date>2011-07-21T10:16:18+09:00</dc:date>
</item>


</rdf:RDF>
