riotjs-loaderを3.0.0->4.0.0に変更するとscoped cssがデフォルトになる

riotjs-loaderの実態


こんにちは、WOWの梶野です。
別の記事で、riotjs-loaderを 3.0.0 から 4.0.0
に変更すると、真偽値属性が使えるようになると書きましたが、実際は riotjs-loader が依存している riot-compiler が 2.3.22 から 3.0.0 に変更になっただけでした。
“riotjs-loaderを3.0.0->4.0.0に変更するとscoped cssがデフォルトになる” の続きを読む

Unexpected top-level property “ecmaFeatures”

こんにちは、WOWの梶野です。
少し前に Sublime Text 2 から Visual Studio Code (VS Code) に乗り換えました。

VS Codeでのエラー


 
VSCodeが出てすぐに使ったことはあったのですが、当初はどうにも使いづらくてほったらかしにしていました。
最近何気なしにVSCodeを使ってみると、ずいぶんと使いやすくなっている。見た目も良くなっているし、拡張機能もたくさん出ていました。
そして、いざ乗り換えようと使っていたら、JavaScriptファイルを編集すると、やたらと「Unexpected top-level property “ecmaFeatures”」が出る。
“Unexpected top-level property “ecmaFeatures”” の続きを読む

Riot.jsで真偽値属性(disabledなど)が「__disabled」になる問題

ごあいさつ
 


はじめまして、WOWの梶野です。

私の記事は短いですが、当たればデカいを目指してコアな内容を書いていきます。
ハードルを上げすぎてもアレなので、コアじゃないのも書きます。

Riot.jsについて


最近のフロントエンド開発ではReactを使うことが多いですが、私は少数派ですので、「Riot.js」をよく使っています。
検索から来た人は、Riot.jsのことはよく知っているはずなので良いですが、そうでない人はぜひ使ってみてください。
 
 

__disabled問題


Riot.jsでは、disabled=”{ !data.reference[0] }”のように判定式でdisabledが出来る。と公式ガイドに書いてある。

真偽値属性 (checked, selected など) はテンプレート変数がfalse的であれば無視されます。
<input checked={ null }><input> になります。

http://riotjs.com/ja/guide/#真偽値属性

しかし、いざ使おうとすると、何故か「__disabled」になってしまい、全然機能してくれなかった。
“Riot.jsで真偽値属性(disabledなど)が「__disabled」になる問題” の続きを読む