https://muut.com/riotjs/guide/#expressions 前回はJavaScript UIライブラリのRiotのカスタムタグについて、その全体像を把握しました。今回はカスタムタグ内で使用できるHTML Expressionsを見ながら、どのようにカスタムタグをつくるか見ていきましょう。
Riot 2.0を試してみる（Expressions編 - Qiita
https://muut.com/riotjs/guide/#expressions 前回はJavaScript UIライブラリのRiotのカスタムタグについて、その全体像を把握しました。今回はカスタムタグ内で使用できるHTML Expressionsを見ながら、どのようにカスタムタグをつくるか見ていきましょう。
Riot 2.0を試してみる（Custom tags編 - Qiita
https://muut.com/riotjs/guide/ 前回、Riotのコンパイル方法を学びました。では、ようやく、カスタムタグの作成にはいりましょう。今回はカスタムタグの全体像を把握できればと思います。 jsFiddle上でやりたかったのですが、うまくいかなかったのでcloud9で試します。 やりながら書いているので間違い等あればご指摘頂ければ幸いです。 Custom tag example まず例を表示することから始めたいと思います。カスタムタグを使用するindex.htmlと、カスタムタグが書かれたtodo.tagを同じフォルダに用意します。 <body> <!-- place the custom tag anywhere inside the body --> <todo></todo> <!-- include riot.js --> <script src="https
Riot.js ソースコード完全解説 - Qiita
追記・「Riot.js ソースコード完全解説 v3対応版」を公開しました。(2016/7/26) 2.0.7時点のコードを読みます。 Qiitaの記事としては、ボリューム感に溢れてますが、ひとつのライブラリとしては驚異的に短いです。各所で指摘されているように、結構サボった実装になっています。ただ、なんだかそれを指摘するのすら野暮という感じの、単純なロジックなので、優しい気持ちでぜひ。 読み解くにあたり、いくつか特徴を挙げておきます。 正規表現を多用する (かなりイージー) DOMのパースはinnerHTML頼り CoffeeScriptやJadeなどのコンパイラは含まない それ以外のライブラリ依存なし セミコロンが嫌いらしい Riot.jsは6つのスクリプトに分かれていますが、★印の3つが基本的な部分です。この記事でも、この3つのみを扱います。 ファイル 機能
Riot.js 2.2 情報まとめ - Qiita
Riot.js 2.2 情報まとめ とりあえず、気付いたものをメモしていきます。随時更新。 本家 公式ドキュメント(英語) 公式ドキュメント(日本語) GitHub リポジトリ From React to Riot 2.0 - 背景説明のブログ記事 Gitter 公式フォーラム サンプル集(準備中) 開発情報 インストール riotはツールごとにリポジトリが分かれていません。 ブラウザ用のライブラリ コンパイラ CLIツール の3つが一緒くたになっています。各人のスタイルに合わせて、インストールしましょう。(追記・次のv2.3に向けて、サブモジュール化が進んでいます) ライブラリとして CDNから最新版。他のパターンはこちら。 コンパイラなし: https://cdn.jsdelivr.net/riot/2.2/riot.min.js コンパイラあり: https://cdn.jsdeli
無謀にもJavaScriptなしでやってみる! Riot.js入門 - Qiita
このチュートリアルでは簡単なWebページをRiot.jsで作ってみようと思います。読むのに必要な知識は、次の二つだけ。 HTML CSS 逆に不要な知識は、 JavaScript: AngularとかReactとか CSSの方法論: BEMとかSMACSSとか など。ただ、上記を把握していると、より「Riot.jsすげー」ってなるかも、なってほしいな。 Riot.jsを使うにあたって、モック作成や、静的ページだけなら、JavaScriptを書く必要はそれほどありません。このチュートリアルを通じて、次の2つのポイントを伝えられればと思います。 デザイン先行で作成ができる (開発後回し可能) HTML+CSSだけでもコンポーネントが作成できる Riot.jsとは 近年、AngularJSやReact、Backbone.jsなど、さまざまなJavaScriptフレームワークの名前を聞く機会が増え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
