プログラミング

Riot.jsを使ってみた感想

投稿日:2016年6月8日 更新日:

riot240x

Riot.js を使って、素数判定を行うページを作ってみた感想です。

※ 以前は、ここにその素数判定を実装していたのですが、今はありません。

Riot.jsを使った感想

良い点

  • HTML, CSS, JavaScriptを1ファイルにまとめておけるのは分かりやすい。
  • scopedなCSSがラクで良い。

悪い点

  • コード量が増えると1ファイルに収まらなくなるのでは?
  • HTML, CSS, JavaScriptを1箇所にまとめて管理したいというのであれば、テンプレートライブラリ・CSSフレームワーク・JavaScriptのモジュールバンドラーツールを使えば
    1つのディレクトリにまとめておくことができる(ファイルをインポートできるため)のでそれで良いように思う。
  • テンプレートライブラリ・CSSフレームワーク、JavaScriptのモジュールバンドラーツールと合わせて使えない(使える?)。
  • エディタのシンタックスハイライト機能がちゃんと効かない(1ファイルに複数のシンタックスが存在するため)。

📂-プログラミング
-

執筆者:labo


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

web development

User Timing API を使って、特定の処理に掛かった時間を計測する

目次1. User Timing API について2. サンプルコード3. デモページ4. 参考仕様MDNブラウザの対応状況 1. User Timing API について User Timing L …

web development

Web Development for Beginners を読む:レッスン1

目次1. はじめに2. Web Development for Beginners の進め方3. レッスン1「Introduction to Programming Languages and Too …

CSS Flexible Box Layout Module のサンプルページを作りました

CSS Flexible Box Layout Module のサンプルページを作りました。 目次1. スクリーンショット2. デモページ3. 内容4. ソースコード5. 参考情報 1. スクリーンシ …

Canvasでの回転

Canvas に回転した画像を表示するサンプルページを作りました

Canvas に回転した画像を表示するサンプルページを作りました。 Canvas の標準の機能では用意されていない操作なので、自分でこの処理を書く場合は少々面倒な記述が必要になります。 目次1. スク …

Webページ上に問題と解答を記載し、解答はボタンで表示する方法

ブログも含め Webページ上で、問題と解答を記載したいのだけれど、解答はすぐに見せたくない場合の方法です。用意したボタンをクリックすると、JavaScriptのプログラムが実行されて解答を表示させます …