[B! jade] daabtkのブックマーク

daabtk id:daabtk

jadeに関するdaabtkのブックマーク (3)

phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python ちょっと前に riot.js に, 実行時(runtime) でも jade 使えるようにする pull req 投げてたんですが無事にマージ & リリースされましたー!! ってことで紹介したいと思います. 対応 version は v2.3~ です. 何が変わったの？巷では Browserify やら Webpack やら流行ってるみたいですが, 個人的にはそういったローカルでごにょごにょする系は好きではないです. なので, riot.js の埋め込みタグ実装 <script type='riot/t
daabtk 2016/06/01
browserify

!!

riot.js

あとで読む

jade
リンク
phiary
Riot.js には, yield という定義済みのタグに HTML を挿入する便利な機能があります. ただこの yield というキーワード, 色々な言語で様々な用途として使われていて漏れ無く jade にも同じキーワードで違う機能として定義されちゃっています. なので Jade でタグ定義する際に yield を使うと, Riot.js ではなく Jade のほうの yield として認識され上手く動きません. 今回はその解決方法を紹介したいと思います. 解決方法下記のように書き換えるだけです. yield Text Text Text Text ↓ #{'yield'} Text Text Text Text サンプルちゃんと yield 部分が展開されているのが分かるかと思います.
daabtk 2016/06/01
jade

riot.js

キーワード
リンク
React.jsをCoffeeScriptとjadeで書く - Future [ _ ]
React.jsをCoffeeScriptとjadeで書く February 13, 2015 はじめに React v0.13.0 Beta 1 | React React.Componentを使うと生のJSのclass形式でReact Componentを定義できる reactjs - react-jadeでjadeテンプレートから仮想DOMを出力する - Qiita JSXのXの部分をjadeで書けるようにするライブラリ (Jade -> React VDOM) ここあたりの記事を読んでRiot.jsなら素でできるCoffeeScriptとJadeの組み合わせがReactでも出来そうだと気づいたので試行錯誤中、よさ気な書き方を見つけた話です。結論こうです。 https://gist.github.com/uzimith/145a0cf8e342dc46ac96 React =
daabtk 2015/03/15
component

coffeescript

class

()

github

jade

react.js

React

あとで読む

js
リンク
1