ミツエーリンクス

Web標準Blog

Home > メソッド > Web標準Blog

Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。

なお当Blogでは、Web標準に関する疑問や質問を募集しています。Webコンテンツ実装プロセスにまつわるお悩みでも結構ですので、お気軽に電子メールでstandards@mitsue.co.jp宛にお送りください。

当Blogの更新情報は、Twitter経由でも配信しています。興味のある方はぜひ、@mlcstandardsをフォローしてください。当Blogへのご意見・ご質問は、Twitter経由でも受け付けております。

2010年03月05日

HTML5と関連仕様、言語リファレンスが公開

フロントエンド・エンジニア 矢倉

HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。

HTML5 differences from HTML4の日本語訳も、いつもの通り更新しています。

変更点

昨年の草案からの変更点から、いくつか気になるものを挙げてみます。

ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。

また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlabel要素を利用していましたが、いまのブラウザーでうまく機能しないという問題がありました。

2D Contextとマイクロデータの分離

昨年8月の草案では、WebSocket APIやWeb Workers, Web Storageなど多くのAPI仕様が分離されましたが、今回もいくつかのAPIや拡張が分離されました。

なかでも、canvas要素が利用するHTML Canvas 2D Contextと、前の草案から導入されたマイクロデータの分離は大きな変更でしょう。

2D Contextには、分離することによりHTML5の進捗を待つ必要がなくなることや、アクセシビリティ、SVGとの連携などについて協議しやすいという利点がありました。

マイクロデータについてはRDFaと競合すると考える人も多く、削除も提案されるなど大きな動きになりましたが、最終的には利用者が決めるものとして、RDFaと同じくHTML5の拡張というかたちで分離することが決定されました。

製作者向けリファレンス「HTML: The Markup Language」

上記の分離された仕様を除けば、今回初登場となるHTML: The Markup Languageですが、これは要素や属性、内容モデルなど、言語仕様としてのHTML5にフォーカスしたリファレンスです。内容モデルなどは、Validator.nuが利用するRELAX NGスキーマから自動的に生成されています。

これまでも制作者向け代替スタイルシートは用意されていましたが、言語リファレンスがあるとちょっとした調べ物に便利かもしれませんね。

HTML+RDFaは引き続きHTML WGから

HTML+RDFaですが、こちらは先月活動を開始したばかりのRDFa WGではなく、今後も引き続きHTML WGからの公開になるようです。とはいえ、RDFa WGのco-chairであるManu SpounyがEditorであること、どちらのWGにも関わっている人が多いこともあり、仕様が矛盾するということは考えられません。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [0件]

2010年02月24日

HTML5について講演を行いました (ほか)

フロントエンド・エンジニア 矢倉

講演や執筆していた雑誌の発売が重なったこともあり、簡単にご紹介させていただきます。

Developers Summit 2010

2月18日、2月19日に目黒雅叙園にて開催されたDevelopers Summit 2010にて、HTML5と関連する技術についてお話させていただきました。セッションは私が大まかな紹介をし、その後はHTML5と関連技術に関するライトニングトークを行うという流れで進みました。

発表で利用したスライドは、Slideshareで公開しています。

300名以上もの方にご参加いただきました。ありがとうございました。

WEB+DB PRESS Vol.55

本日発売のWEB+DB PRESS Vol.55にて、HTML5に関する特集に寄稿させていただきました。HTML5の背景、セクション、他のWeb APIの紹介としてSelectors APIについては私が、他のAPIや機能については、html5-developers-jpの白石さま、HTML5.JPの羽田野さまが担当されています。

Web Designing

雑誌のWeb Designingにて、Web標準に関する情報を発信する「Web Standards Plus」という連載をさせていただいています。18日に発売された3月号では、SVGに関して簡単に紹介しています。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [0件]

2010年02月12日

来期のWebApps WGは何をする？

フロントエンド・エンジニア 矢倉

今年の6月末に活動期限を迎えるW3CのWebApps WGですが、来期に向けた取り組みがすでに始まっています。数日前に新しい憲章のドラフトが公開されましたので、今回は次のWebApps WGがどのような活動を検討しているのかをみていきましょう。

入力イベント、通知、メッセージング

新たな仕様として策定を検討されているものは、次のとおりです。

Alternate Input Device Eventsは、マルチタッチ対応トラックパッドといったデバイスの入力や、ジェスチャーといった入力方式に関連するイベントを定義するものとされています。

Web Notificationsはメール受信やイベントのリマインダなど、Webページ外で非同期に行われる通知に関するAPIになります。

Web MessagingはWeb WorkersやWeb Socketsをはじめ様々な機能で利用されているMessageEventイベントやpostMessage()などを定義する仕様です。HTML5の一部として存在していましたが、すでに分離およびWebApps WGへの移管が決定されており、もうじき公開されるであろう新しいHTML5草案においてはすでに削除されています。

HTML5関連仕様

昨年より、Web Storage, Web SQL Database, Web Sockets API, Web Workers, Server-sent Eventsなど、いくつかの機能がHTML5より分離され、WebApps WGに移管されています。

ドラフトによると、これらの仕様に加え、次のHTML5関連機能についてもWebApps WGでの策定を検討しているようです。

Web Messagingは上記で説明した通りですが、簡単にClipboard Operationsについて補足しましょう。

Clipboard Operationsはその名の通り、カット/コピー/ペースト、ドラッグ＆ドロップなど、クリップボード操作を行うAPIになります。この仕様は、ドラッグ＆ドロップ機能がHTML5で定義されていることもあったせいか、数年前に編集者ドラフトが作られて以降進展がありませんでした。

しかし、HTML5からドラッグ＆ドロップによるコピー/ペースト機能が先日削除されたこと、またHTML5からの機能分離が行われていることをふまえ、来期でも引き続き検討されることになっています（現段階では、HTML5内で定義される可能性もあると記されています）。

APIの基盤固め

相互運用性への取り組みや、APIの基礎を安定させる試みも行われます。

Web IDLはAPIのインターフェース定義中の項目が、ECMAScriptなどの言語実装とどのように結びついているかを細かく定めている仕様です。昨今のDOM APIを提供する仕様の多くがWeb IDLを参照しており、仕様の完成が急務とされています。現在はEcmaのTC-39と共同して、改訂されたECMAScript 5との連携が進められています。

DOM仕様の改訂については、策定が中断され、昨年ようやく再開されたDOM 3 EventsやDOM 3 Coreの改訂が大きなタスクになるでしょう。DOM 4ですが、Coreにはこれまで実装されていたものの標準化されていなかった機能、EventsではDOM 3 EventsでDeprecated扱いになったMutation Eventsの代替案が盛り込まれるものと考えられます。

憲章のドラフトには他にも、先日草案が公開されたSelectors API Level 2, Uniform Messaging Policyをはじめとして、これからのWebに重要な仕様がいくつも並んでいます。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [1件]

2010年02月04日

RDFa WGが設立

フロントエンド・エンジニア 矢倉

W3Cより、RDFa WGの設立が発表されています。

RDFaはXHTMLをはじめとするマークアップ言語に構造化データを埋め込み、RDFとして抽出できるようにする仕組みです。「メタ情報をXHTMLに埋め込むRDFa」で簡単にですが紹介しています。

憲章から、RDFa WGは現在のRDFa 1.0をベースに、次のような拡張を検討していることがわかります。

RDFa 1.0はXHTML 1.1と統合された形で2008年に勧告されましたが、その後HTML5への組み込みやSVG Tiny 1.2に取り込まれたこともあり、ホスト言語に依存しない仕様が必要とされていました。

HTML5にはRDFaとは別に、マイクロデータという、メタ情報を埋め込む語彙とAPIが定義されています。また、RDFやJSONによるデータ出力も用意されています。HTML5では要素や語彙がDOMとして定義されていることもあり、RDFaについてもDOM APIが必要とされているようです。

RDFaはすでにGoogleのRich SnippetsやYahoo!のSearchMonkeyで利用されており、またYahoo! JAPANの検索プラグインでもサポート予定とのことで、広がりが予想されます。編集が簡易になることが検討されているようなので、RDFa自体の発展も楽しみです。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [0件]

2010年02月01日

2010年1月のW3C

フロントエンド・エンジニア 矢倉

Indexed Database API

1月5日付けで、Indexed Database APIの草案が公開されました。これは昨年までWebSimpleDB APIと呼ばれていた仕様です。

先月分のエントリにてお伝えしましたが、Web SQL Databaseの進展が考えにくい状況になったことから、WebApps WGと各ブラウザーベンダーはこの仕様の策定に移っています。

Selectors API Level 2

1月19日付けで、Selectors API Level 2の草案が公開されました。

この仕様は、昨年末に勧告候補が公開された (日本語訳) の上位レベル仕様になります。開発者からの要望が高かったコンテキスト参照 (クエリの起点を指定する) を盛り込み、querySelector, querySelectorAll の拡張や、ショートハンドであるqueryScopedSelector, queryScopedSelectorAll という新しいメソッドの追加が提案されています。また、ある要素が特定のセレクターにマッチするかを返す matchesSelector という新しい機能も提案されています。

matchesSelector はGeckoおよびWebKitでの実装が始められるなど、早い段階で利用できる可能性があります。一方、コンテキスト参照についてはまだ議論が続いている段階のようです。

CSS Styling Attributes Level 1 最終草案

1月21日付で、CSS WGよりCSS Styling Attribute Level 1の最終草案が公開されました。

なんの仕様かというと、style属性内でのスタイルシートの処理を定めた仕様です。

この仕様、もともとはCSS3の一つとして、擬似要素/擬似クラスへの対応、スコープを限定したスタイル適用など拡張が検討されていたのですが、進行することがありませんでした。そして昨年のCSS WG F2Fにて、拡張に関する機能を省き、HTML5や他のスタイル属性を定義する仕様が参照できる仕様としてまとめるということが決定され、この仕様の公開に至りました。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [0件]

2010年01月27日

第一回HTML5 Japanese IG F2Fが終了しました

フロントエンド・エンジニア 矢倉

先週金曜日に、HTML5 Japanese IGのF2Fが慶應義塾大学日吉キャンパスにて行われました。110人もの方にご参加いただき、盛況のうちに終了しました。

今回はOpera, Mozilla, Microsoft, Googleの方をお招きし、HTML5や関連仕様についてお話していただきました。現時点で、次のスライドが公開されています。

また、参加された方のTwitterのログやBlogエントリでも、当日の様子をご覧いただけます。

今後もこういった催しを行うことを検討しています。ぜひHTML5 Japanese IGにご参加いただき、HTML5に関する意見・質問などを寄せていただけたらと思います。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [0件]

2010年01月18日

HTML5 Japanese IG F2F開催のお知らせ

フロントエンド・エンジニア 矢倉

昨年のおわりに活動がスタートしたHTML5 Japanese IGですが、今週金曜日にFace-to-Faceミーティングを開催することになりました。慶應義塾大学日吉キャンパスにて、17:30より始まります。

今回はOpera, Mozilla, Microsoft, Googleより人をお招きし、新しい技術などのデモや説明をしていただきます。参加をご希望の方は、上記ページの案内に従ってメールを送信していただければと思います。

恒久リンク | コメント [0件] | 関連情報（トラックバック） [0件]

関連情報

バックナンバー

RSS1.0による
最新記事一覧

RSS1.0による最新記事のご案内

プライバシー&サイトポリシーCopyright (c) 2010 Mitsue-Links Co.,Ltd. All Rights Reserved.

Web制作、ホームページ作成、Flash制作：Webサイト構築、Webサイト運用：ブロードバンドコンテンツ（音声制作、動画制作）：システム開発、Webマーケティング、Webブランディング、Webコンサルティング・・＞のWeb Integrationならミツエーリンクスにお任せください。