「すごい広島」でA-FRAME触ってる人がいて、A-FRAMEをみていたらカスタムエレメントをつかってるみたいだったので、調べたついでに思ったことを述べた。「カスタムエレメントは独自のタグが使える」ぐらいの理解で充分かなっとおもってます。Angular2にしても、Reactにしても、Riotにしても、Vueにしても独自タグのようなものがでてくるので、独自タグを定義できるという感覚は慣れておいて損はないと思い話を考えました。本題ですが、カスタムエレメントは要素が定義するまでは未解決の要素となり、正当なエレメントになるらしい。名を持ちますが、まだ登録されていないものです。いうことは、エレメントを登録しなくてもつかえそうだし、特に中身を実装しなくても、使うことで可読性の高いマークアップができるような気がしました。いうわけで、特に何も実装してないカスタムエレメントでマークアップをすることは、カスタムエレメントの入門としてありなのではないかと思ったわけです。だらけでモダンと言えるでしょうか?そして現状では、これが我々のウェブアプリの作り方なのです。カスタムエレメントの誕生の意義からも全く外れていません。独自タグの要素にCSSも問題なく使えます。定義しておかなくてもバッチリスタイルもあたります。カスタムエレメントのAPIはv0とv1があるようです。APIのほうが実質対応ブラウザが多い気がします。APIは使えるみたいですが、結局未対応ブラウザはAPIが足りなくてつかえなさそうでした。「独自タグの名前にはハイフンを含む必要がある」というルールをみてA-FRAMEはいい名前をとってるなと感じました。a-で始まるタグはA-FRAMEのタグになるので、完全に一等地ですね。Z-FRAMEはどんなライブラリがとるのかとても見ものです。DOMなんですかなー。