RIOT.JS-環境設定

RIOT jsを使用するには2つの方法があります。

ローカルインストール-ローカルマシンにRIOTライブラリをダウンロードして、HTMLコードに含めることができます。
* CDNベースのバージョン*-Content Delivery Network（CDN）から直接RIOTライブラリをHTMLコードに含めることができます。

ローカルインストール

[[1]]
次に、ダウンロードした riot.min.js ファイルをWebサイトのディレクトリに置きます。/riotjs。

例

これで、次のようにHTMLファイルに_riotjs_ライブラリを含めることができます-

<!DOCTYPE html>
<html>
   <head>
      <script src = "/riotjs/riot.min.js"></script>
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/riot/3.13.2/riot+compiler.min.js"></script>
   </head>
   <body>
      <messageTag></messageTag>
      <script>
         var tagHtml = "<h1>Hello World!</h1>";
         riot.tag("messageTag", tagHtml);
         riot.mount("messageTag");
      </script>
   </body>
</html>

これにより、次の結果が生成されます–

CDNベースのバージョン

RIOT jsライブラリーをContent Delivery Network（CDN）から直接HTMLコードに含めることができます。 GoogleとMicrosoftは、最新バージョンのコンテンツ配信を提供しています。

注意-このチュートリアルでは、CDNJSバージョンのライブラリを使用しています。

例

ここで、CDNJSのjQueryライブラリを使用して上記の例を書き換えましょう。

<!DOCTYPE html>
<html>
   <head>
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/riot/3.13.2/riot+compiler.min.js"></script>
   </head>
   <body>
      <messageTag></messageTag>
      <script>
         var tagHtml = "<h1>Hello World!</h1>";
         riot.tag("messageTag", tagHtml);
         riot.mount("messageTag");
      </script>
   </body>
</html>

これにより、次の結果が生成されます–

Riotjs-environment-setup

RIOT.JS-環境設定

ローカルインストール

例

CDNベースのバージョン

例

目次