Experts.jp日本に、もっとエキスパートを。Components仕様に準拠した新たなUIコンポーネントライブラリをMozillaが開発していることが明らかになりました(今回のネタ元になった記事はこちら)。その名もBrickです。Brickは、Brickは、X-Tagというフレームワークの上で構築されています。Components仕様に準拠したカスタムコンポーネントを容易に作ることができるようにするフレームワークです。Componentsを利用可能にします。Components仕様は様々な機能を提供しますが、その最も大きなものは、「カスタム要素を作れる」というものです。Componentsを使用すると、以下の様なタグを記述するだけでその場にカレンダーを貼り付けることができるようになるというわけです。:html:<x-calendar></x-calendar>これだけでも、Web制作/開発に大きな影響を及ぼすということを感じていただけるのではないでしょうか。Componentsは規定しており、HTMLそのものをUIコンポーネント基盤として再構築しようとする、大胆な試みだと言っても過言ではないでしょう。Brickを試す繰り返しになりますが、BrickはX-Tag上で構築されたUIコンポーネントライブラリです。それらのコンポーネントは、お使いのブラウザ上(IE9含む)で簡単に試すことができます。・・・と言いたいところなのですが、現在のBrickにはバグがあるようで、うまく動かないコンポーネントもいくつかありました。現在Brickが提供している14のコンポーネントのうち、一部を以下に紹介します。29上で動作させたものになります。アプリケーションバースマホアプリの上部に表示されるナビゲーションバーを簡単に作ることができます。<div>?</div></x-appbar>カレンダーカレンダーを貼り付けることができます。うまく動作しなかったので、画像はこちらのページに貼り付けてあったものを拝借しました。:html:<x-calendar></x-calendar>アイコンボタンアイコン付きのボタンを簡単に作ることができます。src属性に、アイコン画像のURLを指定します。現在のバージョンではアイコンがうまく描画されませんでした。アイコンボタンには<code>どんなマークアップでも</code>書けます</x-iconbutton>レイアウトヘッダー・ボディ・フッターというレイアウトを簡単に構築できます。ボディ部分は、コンテンツの高さに応じて自動的にスクロール領域となります。</footer></x-layout>カスタムコンポーネントを自作するこうしたコンポーネントを自作することもできます。X-Tagフレームワークを用いると、コンポーネントを簡単に作ることができます。以下に、前述したアプリケーションバーのソースコードに、日本語でコメントを付与したものを示します。コンポーネントを容易に自作できるという雰囲気を感じ取って頂ければと思います。});})();まとめBrickはまだ正式公開前ということもあり、バグも多く、デザインも洗練されていないのは仕方のないところです。今後に期待といったところでしょうか。Componentsに関するライブラリをMozillaが公開したというところに、筆者は大きな意義を感じます。APIを実装しています)。Components仕様にはMicrosoftも強く関心を示しているとのこと。Componentsを使えるようになる可能性があります。Componentsによるマークアップ作業の大変革が起こるのは、意外とそう遠くない未来なのかもしれませんね。