プログラミング

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

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

関連記事

WordPress

plugin-update-checker を使って WordPress のテーマに自動更新機能を実装する

目次1. はじめに2. テーマディレクトリに対する準備作業3. テーマを更新する手順3-1. テーマ提供者側3-2. 利用者側4. おわりに 1. はじめに plugin-update-checker …

Web Programming

Service Worker の状態変化を検証するためのウェブページを作りました

Service Worker の状態変化を検証するためのウェブページを作りました。

Web

OpenID Connect の処理フロー

OpenID Connect の処理フローを図にしました。

Web Programming

Puppeteer を使った画像遅延読み込みテストを試してみました

目次1. はじめに2. Puppeteer とは?3. テストするテスト1(問題ないページ)テスト2(問題があるページ)テスト3(問題があるページ)4. おわりに 1. はじめに Puppeteer …

no image

Pug(旧Jade)テンプレートファイル内で、npmでインストールしたモジュールを使う方法

Pug(旧Jade)というJavaScriptのテンプレートエンジンがありますが、このテンプレートファイル内では JavaScriptが使えるので、複雑なHTMLを生成することができます。 但しデフォ …