Riot(ライオット)は、HTMLの中にJavaScriptやCSSを書くことができる、シンプルで洗練されたコンポーネントベースのUIライブラリです。 が一度も触れたことがないのでまったくわからず、ネットで調べても頭にスッと入ってくる情報がなかなかみつかりません。 ということで、簡単なサンプルを使って、Riotの機能について紹介してみます。 1.サンプル サンプルは、h1要素に「Hello World!!」を表示します。 用意するのは、カスタムタグ(後述)を記述するためのtest.tagと、ウェブページを表示するindex.htmlの2つです。 test.tag <test> <h1>{ opts.title }<h1> </test> index.html <html> <head> <meta charset="utf-8" /> </head> <body> <test></test
![Riot初歩の初歩](https://cdn-ak-scissors.b.st-hatena.com/image/square/32436c45be11e6132d3dba4586ceda326b4bd35f/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2018%2Friot480x.png)