Riot.js

Riot.jsは、React.jsに似たコンポーネント指向なJSフレームワークです。非常に軽量であり、コンポーネントで設計しやすいといったメリットがあります。また、MVCのように分割できることも特徴です。

RSS

  • 受付中

    回答
    1

    riotでhtmlのdisabledを変数の真偽値によって切り替えたいのですが、

    riotでhtmlタグのdisabledを変数の真偽値によって切り替えたいのですが、うまくいきません。 全てtrueになってしまいます。 同じカスタムタグ内で属性以外の箇所は同じ式でうまく反映されているのですが、考慮する箇所があるのでしょうか?

    • 0評価
    • 66PV
    Derushio Derushio 2週間前に 回答
  • 解決済

    回答
    1

    SPAで、URL遷移してないように見える実装はどうやってやるのか?

    お世話になります。 facebookメッセンジャーのweb版やslackのweb版を見ていると、 画面遷移せずに、URLが変わります。 query(?data=hoge&foo=bar)やハッシュ(#)等のURLを変更するのであれば、 画面の遷移は、おこなわれませんが、スラッシュを含むURLに変更すると、 サーバーサイド側に通信してしまうと思うのです

    • 0評価
    • 156PV
    Yatima Yatima 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    riotでtag中で連想配列を何回目かにbreakさせたいのですが

    riotでtag中で連想配列を何回目かにbreakさせたいのですが、スマートな書き方をおしえてください。 <div each={ hoges in opts.hoges }> <p>{}<p> </div> opts.hogesには20個入っているが、ある条件の時だけ5回で終了させたい

    • 0評価
    • 70PV
    maisumakun maisumakun 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    riot.jsのvirtualタグの挙動

    Riot.jsを使い、JSONからtableを出力するものを作っているのですが、 virtualタグの挙動がわかりません。 例えば、 <table id="element"> <tbody> <tr each={ item in items }> <td each={ i in item }

    • 0評価
    • 89PV
    nnahito nnahito 2ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    Riot Routerで、ブラウザ進む/戻るボタンでのURLの変更を検知できない。

    お世話になります。 Riot Routerで、意図的に、route(To)メソッドだと、URLの変更を検知できるのですが、 ブラウザ進む/戻るボタンでのURLの変更を検知できないのです 進む/戻るボタンのURL変更の検知ができる方法を知っておられる方、教えて頂けると助かります。 また、route(To)メソッドだとURLに必ず#がついてしまうのですが

    • 0評価
    • 84PV
    teratailが2ヶ月前に アップデート
  • 解決済

    回答
    2

    【textarea】で取得した値を改行も含めてそのままdivに表示したい

    <div class='floatCover' each={ info, i in message }> <div class='others'>{ info }</div> </div> <textarea ref='msgInput' rows='1' placeholder='メッセージを入力'></textarea> tag.submit =

    • 0評価
    • 90PV
    NobumitsuHata NobumitsuHata 3ヶ月前に 回答
  • 受付中

    回答
    2

    Vue,Angular, Riot, React,などで、画面の一部を書き換える際の考え方について。

    Vue,Angular, Riot, React,などで、画面の一部を書き換える際の考え方について。 フロントエンドフレームワークを学び始めたばかりの者です。 上記のようなフレームワークを使ってSPAを構築する場合の画面更新の考え方について悩んでいます。 ちなみに、実際に使っているフレームワークはVueなのですが、設計の話なのでどんなフレームワーク

    • 0評価
    • 1006PV
    NewGyu NewGyu 5ヶ月前に 回答
  • 受付中

    回答
    0

    ブラウザバック時に元の状態を復元したい

    Riot.jsを利用してSPAを作成しております。 ブラウザバック時に元の状態(スクロール位置や表示内容など)を復元したいです。 ・HisotryPush時にスクロール位置を持たせることで擬似的に元の状態を復元することは可能ですが、キャッシュさせるなどスマートな方法はないでしょうか。 ・jQueryのプラグインなども考慮にいれた場合、良い実装方法はあ

    • 1評価
    • 199PV
    teratailが5ヶ月前に アップデート
  • 解決済

    回答
    1

    riot.jsをwebpackでbuildする際に、loaderのエラーが出るのですが、どのload...

    webpackでbuildする際に、下記のエラーが出るのですが、 適切なloaderを教えていただけないでしょうか。 You may need an appropriate loader to handle this file type. riot.tag2('counter', '<span>{time}</span>', '', '', f

    • 0評価
    • 275PV
    mell 退会済みユーザー 7ヶ月前に 回答
  • 受付中

    回答
    1

    【Riot.js】calcで指定したwidthを計算された状態で取得したい

    <div class="timeline" ref="timeline" onclick="{ clickTimeline }"></div> console.log(getComputedStyle(tag.refs.timeline).width) console.log(tag.refs.timeline.clientWidth) clientWi

    • 0評価
    • 183PV
    webgoto webgoto 7ヶ月前に 回答
  • 解決済

    回答
    1

    【Riot.js】windowリサイズ時取得方法

    window.addEventListener('resize', function() { // リサイズ時に行う処理 console.log('resizing') }) 生JSで取得しようと思ったんですが、consoleが表示されません

    • 0評価
    • 220PV
    NobumitsuHata NobumitsuHata 7ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    【Riot.js】showをfalseにしてるのにdisplay noneにならない

    <div class="video-wrapper" ref="videoWrapper" show={ switch }></div> // コンポーネント var tag = this obs.on('videoSwitch' + tag.index, function(bool) { consol

    • 0評価
    • 173PV
    maisumakun maisumakun 8ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    【Riot.js】ルーター riot-routeでnot definedエラー

    絶対パス間違ってないんですが、route is not definedになります <!DOCTYPE html> <html> <head> <?php <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.5/riot+compiler.min.js"></script>

    • 0評価
    • 323PV
    NobumitsuHata NobumitsuHata 9ヶ月前に 回答
  • 解決済

    回答
    1

    【Riot】ルーティングのライブラリ

    ライブラリリンク みなさんは上記のライブラリ使ってますか?

    • -1評価
    • 294PV
    NobumitsuHata NobumitsuHata 9ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    【Riot.js】optsの値が取得できない

    optsを使えばそのページ内のどのタグファイルからでもoptsにアクセスできると思うんですが、取得できません。 <script> var obs = riot.observable() riot.mount('*', {totalEditVideo: 0}) </script> <script> var

    • 0評価
    • 345PV
    NobumitsuHata NobumitsuHata 9ヶ月前に コメント
  • 解決済

    回答
    2

    【Riot.js】eachした際に何番目のカスタムタグか知りたい

    クリックした際に何番目のselect-videoタグか知りたい場合どうしてますか? <div id="select-video-wrapper" ref="uploadWrapper"> <select-video each="{ selectVideoArr }"></select-video> </div> <select-vide

    • 0評価
    • 482PV
    NobumitsuHata NobumitsuHata 9ヶ月前に コメント
  • 解決済

    回答
    1

    【Riot.js】カスタムタグをクリックイベントなどで追加する場合

    クリックしたらdivの中にcontentタグをもう1つ追加したいのですが、どう書いてますか? <div id="main"> <content></content> </div> <div onclick="{ clickTest }">クリック</div> this.clickTest = function() { }

    • 0評価
    • 329PV
    NobumitsuHata NobumitsuHata 9ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    【Riot.js】canvasタグのwidthとheightがデフォルトのままで変わらない

    直接書き込めばちゃんとそれ通りのwidthとheightになるんですが、riotの下記の書き方だとデフォルトのwidth300pxとheight150pxが反映されてしまいます。 <canvas width="{ canvasWidth }" height="{ canvasHeight }" ref="canvas"></canvas> var s

    • 0評価
    • 276PV
    NobumitsuHata NobumitsuHata 9ヶ月前に 回答
  • 解決済

    回答
    1

    riot.jsで初期URLだけ条件分岐する方法

    前提・実現したいこと riot.jsを使っているのですが、hoge.comからhoge.com/fugaに遷移するときにヘッダ部分がCSS transitionでアニメーションするような仕様にしています(jQueryでクラスを付与)。一方で、hoge.com/fugaに直接アクセスしたときは最初からクラスが付与されてアニメーションが終了したのと同じ状態にし

    • 0評価
    • 325PV
    HALBY HALBY 10ヶ月前に コメント
  • 解決済

    回答
    1

    【Riot.js】要素のwidthを取得したい

    width取得しようとしたんですが空で返ってきます。 .timeline { position: relative; float: left; margin: 18.5px 10px; backgrou

    • 0評価
    • 199PV
    NobumitsuHata NobumitsuHata 10ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    39

  • 総質問数

    48

  • 今週の質問数

    0

関連するタグ

Riot.jsタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る