Experts.jp日本に、もっとエキスパートを。Conference2013」において行われた数々のセッション。マークアップ部が語り合うHTML5仕様のいま・これから」の一部に関してレポートする。HTML5といえばAPIや周辺技術の話題を目にすることが多くなった一方、Webサイトで重要なのはやはりマークアップ。Callになってからも仕様に随時変更が加わっている。独自の要素を定義できる仕組みも登場している。それぞれの持論を展開した。H1の使い方はどうあるべき?村岡:今、HTML5.1の方で、新しい要素がどんどん追加されています。世界中で議論されています。酒井:最近のマークアップに注目すると、特に見出しに関して大きな変化がありましたよね。矢倉:HTML5以前は、そもそもセクショニングコンテンツがなかった。H2と数字を見て判断できていたことが行えなくなりました。H3と重要度に応じた見出しを使い分けていましたが、HTML5では数字は関係ない。すると見出しはH1だけでいいのでは、という考えもあり仕様にもそう書かれている。H2とマークアップしていたし、Hの見出しでアウトライン考えていました。それがすべてH1になってしまうと、人間的レベルの気持ち悪さを感じてしまうんですよね。酒井:コーダーとして困っていることがあって、それはサイトトップのロゴをH1でマークアップしたら、記事中にもまたH1を使う。H1はどうなっていくのだろう、という困惑が私の中にはあります。矢倉:そもそもH1を2回使っちゃいけないという明確なルールはなく、仕様で決まっているわけではないので。側としてのレベルとコンテンツ、そうした混在したものをH1にするかしないかで意見は分かれると思います。「ロゴはH1だろう」という考えもあれば、「そもそもサイトのトップページはいろんなものが混在しているのでH1はあり得ない」という人もいる。本当に正解はないですよね。村岡:どういう目的でどういうサイトを作るのかによって、マークアップの仕方も変わってくる。矢倉:マークアップ部は正解を出すより「おまえの考えで文章構造とはなんぞや」を問う部活動ですから。村岡:「目的に応じたマークアップができてます」と自信を持って言い切れればそれでいいんですよね。矢倉:パンくずリストを例に考えてみたいと思います。これまでと違い、HTML5.1では「→(矢印)」がパンくずだとされ、Webサイトの階層構造と認識されている。そもそもパンくずをマークアップする専用のタグがないから、こんなことが起こる。「Breadcrumbs」というタグがあればいいのに。Components」が登場して、マークアップやスクリプトをコンポーネントとして組み込んでいるので、pだのなんだの議論すること自体が無駄になるかも、という議論も。Componentsを使ってソースコードを公開し、それを真似して使ってデファクトにしていく。Componentsがもてはやされる理由として、みんなの要望に答えられていない現状があって、そこでもっと下のレイヤーで答えていこう、という流れがある。そこから標準化の検討課題になるのではないでしょうか。村岡:私としては2つの立場があるんですよ。マークアップを研究する立場でいえば「どこまでパンくずのことを考えられるか?」ぜひやりたい。それは、一切ご飯が食べれないからきついですよね(笑)。仕事をする立場としては、人が作ったものを使いたいという思いもある。frameworkがあって、「x-fripbox」というタグを入れるだけで、フリックボックスが作れてしまう便利なものもある。Componentsが出てきてもおかしくない。すると、あれこれ考えなくてもパンくずつかえるわけです。酒井:一見、思考停止に見えるかもしれないけれど、いいことだと思います。村岡:HTML5の仕様策定では、実装が仕様になるスキームで動いているので、とりあえずみんながトライして「いいね!」が一番多いマークアップが仕様になる気がします。自分がいいと思ったものが一番いいし、そういう意味では今が無法地帯。いつか「Breadcrumbs」というタグができると信じてその時、「理想の構造は?」「パンくずリストは何か?」を自分で考え、出した答えをよしとしよう。矢倉:「マークアップに正解はない」これがマークアップ部の座右の銘になりますかね(笑)。エンジニアがデザインに「文句を言える」ようになってほしい村岡:マークアップ部では「マークアップカフェ」というイベントを定期的に開催しています。先ほど話したようにマークアップに正解はない以上は、もうみんなで決めるしかない。そこで「どれが一番いい感じか?」を議論しています。その中で例えばあるお題を出して「これ、あなたならどうマークアップしますか?」と30分考えて答えを出してもらう。ふつう、業務でマークアップの方法について30分もまず考えないですよね。考えることで、いろんな疑問や考え方が出てくるわけです。酒井:確かに仕事では時間の制約上、マークアップについてそこまで深く考えることができずに不完全燃焼で終わること多いですね。仕事を離れたこうした場で改めて考えると、割と迷うことに気付くんです。結局のところ、結論を出すことより構造を考えることがマークアップにとって重要で、意義があるのではないでしょうか。矢倉:実は提示されているお題にも構造的なミスがあるケースもあります。その場合、そもそもデザインの方で直せないのか?といった議論も起こる。村岡:「マークアップエンジニアがデザインに文句を言える」これが重要だと思うんですよ。「これでは正しい文書構造を表現できない」と思ったとき、論理的に言い切れる知識と経験・根拠を持った説明ができるマークアップエンジニアになってほしいし、そうやって正しいものになっていくのだと思います。酒井:そもそも仕様を策定する人も人間だし、自分らも同じ土俵に立っている。それは仕様を理解することからはじめて、その上で「自分はこう思う」という考えを持つことが大事だから。村岡:皆さんにはぜひhtml5jのメーリングリストで「これどうデザインします?」と気軽に投稿してほしい。少なくとも僕が必ずレスつけます(笑)。酒井:私もちょいちょい投げ込んでます。「もしかして自分だけ気になっていることかも?」という不安もありましたけど、実は結構有名な人が返してくれたりするんですよね。気軽に質問放り込んでほしい。村岡:何度も言いますけど、マークアップに正解はない以上、どんな著名な人も「これはこうです」とはいえなくて、「僕はこう思います」としかいえない。その上で「僕はこう思う」をたくさん共有したらいいと思っています。