Riot.js

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 25PV
    NobumitsuHata NobumitsuHata 1日前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 21PV
    NobumitsuHata NobumitsuHata 2日前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 64PV
    HALBY HALBY 6日前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 32PV
    NobumitsuHata NobumitsuHata 2週間前
  • 解決済

    回答
    3

    【Riot.js】子タグのファイル名にハイフンを使うとアクセスできない

    カスタムタグを作る場合基本的に2語以上だと間にハイフン入れていますが、 子タグにアクセスする際にエラーになります。 this.on('mount', function() { console.log(this.tags.video-preview) }) 上記だとpreviewの部分で引っかかります。

    • 0評価
    • 52PV
    NobumitsuHata NobumitsuHata 3週間前
  • 受付中

    回答
    0

    【Riot.js】noUiSliderでハンドルが重なった時に2つともスライドさせる方法

    やりたいこと 上記のサイトにあるように再生時間のハンドルと動画切り取りのハンドルが重なった場合に2つとも右にスライドさせたいです。 現状のnoUiSliderのcreateを貼ります noUiSlider.create(this.refs.timeline, { start: [0, 10

    • 0評価
    • 34PV
    NobumitsuHata NobumitsuHata 3週間前
  • 解決済

    回答
    1

    【Riot.js】riotでjQuery UIのsliderのようなハンドルを使う方法

    動画の操作にハンドルを使いたいんですが、noUiSliderだと動画の再生時間に紐付けると動作がすごく遅くなります こればっかりは自作しかないのでしょうか? <div id="form-video"> <label for="video">動画を選択</label> <input id="video" type="fi

    • 0評価
    • 99PV
    NobumitsuHata NobumitsuHata 3週間前
  • 受付中

    回答
    0

    rollupでerror: path is not definedが出る

    前提・実現したいこと riot.jsをrollupでコンパイルしていたところ、次のエラーが起きてしまい、困っています。 直し方を知っていたら、教えてください。 エラーメッセージ preferring built-in module 'path' over local alternative at '/Users/morit a1/Desktop/

    • 0評価
    • 41PV
    IsseiMorita IsseiMorita 3週間前
  • 解決済

    回答
    1

    【riot.js】DOMは追加できているんですが動画が表示されません

    <form-video> <div id="form-video"> <label for="video">動画を選択</label> <div class="video-wrapper" show={ preview }> <video preload="auto">

    • 0評価
    • 84PV
    NobumitsuHata NobumitsuHata 1ヶ月前
  • 解決済

    回答
    1

    Riot.jsのルーティングで下位URLに直接アクセスしたときの挙動

    Riot x Firebaseで作る、超お手軽なパスワード不要のログインシステム「Magic Login」 - NOT SO BADなブログ http://blog.notsobad.jp/entry/2016/12/28/Riot_x_Firebase%E3%81%A7%E4%BD%9C%E3%82%8B%E3%80%81%E8%B6%85%E3%81%8

    • 0評価
    • 66PV
    HALBY HALBY 1ヶ月前
  • 受付中

    回答
    0

    vueはreactのようにフレームワークを使えばバックエンドやアプリ制作などもできるのでしょうか?

    vueはreactのようにフレームワークを使えばバックエンドやアプリ制作などもできるのでしょうか? くせはreactほど強くはないがriotと比べると強いくらいで、将来すたれた時のことを考えると、 riotや生のJS、jqueryのほうが移りやすくはありますよね。 riotは癖がないようですが、そもそも求人や需要がほとんどないでしょか?

    • -4評価
    • 182PV
    webpage webpage 1ヶ月前
  • 受付中

    回答
    0

    S3においたJS上で、実行環境(ローカル、ステージング、プロダクション)毎にAPIのendpoint...

    S3においたJSで、実行環境毎(ローカル、ステージング、プロダクション)にAPIのendpointなど変更したいのですが、 うまくできず悩んでいます。 S3上の静的コンテンツ(ES6)からリクエストする、バックエンド側APIのURI (下記①のところ) をデプロイ時にうまく変更したいのです。 Serverless Framework + Web

    • 0評価
    • 110PV
    Beko Beko 1ヶ月前
  • 受付中

    回答
    0

    ReactRouterのルーティングにRiot.jsのページを混在させたい

    Reactで作ったウェブサイトをRiotに書き換えようと思っています。 規模がまあまあ大きいため...、少しずつRiotに移行する方法を考えています。 ページ単位で書き換えて、書き換えが完了したぺージだけを、今あるReactのルーティングの一部にすることは可能ですか? どのようにしたらよいか、ご教授いただけましたら幸いです。 よろしく

    • 0評価
    • 90PV
    soichiro_nitta soichiro_nitta 1ヶ月前
  • 解決済

    回答
    1

    【Riot.js/Materialize】RiotのtagファイルにSelectを書くと、実行できな...

    質問 Riot.jsのTagファイルに、MaterializeのSelectを書くと、実行できない理由を知りたいです。 Firefoxの、開発者ツールで出力されたHTMLを見ると、しっかりと間違いなく出力されていますが、 実際には表示が変になるんです。 tagファイル タグファイルの中身は以下です <mytag> <di

    • 0評価
    • 518PV
    nnahito nnahito 2ヶ月前
  • 解決済

    回答
    1

    【Riot.js】カスタムタグファイルに定義したselectのchangeイベントを独立させたい

    質問 Riot.jsのカスタムタグファイルに定義した、selectのchangeイベントを、 独立させたいのですが、そのやり方が分かりません。 例えば、以下のカスタムタグを定義したとします。 ※selectには、materializeを利用しています。 <mytag> <div> <select>

    • 0評価
    • 225PV
    nnahito nnahito 2ヶ月前
  • 受付中

    回答
    0

    riot.jsでons-navigator

    前提・実現したいこと riot.jsでWebアプリケーションを作っているのですが、riot.jsでonsen-uiのons-navigatorを使うやり方がわかりません。 補足情報(言語/FW/ツール等のバージョンなど) riot.js,html,jquery

    • 0評価
    • 137PV
    IsseiMorita IsseiMorita 2ヶ月前
  • 解決済

    回答
    1

    Riot.jsで、ルーティングによってタグに複数のマウントを行いたいです。

    Riot.jsを勉強している者です。 現在、ルーティング部分を書いているのですが、躓きましたので質問させていただきます。 目的 /#home にアクセスした場合、homeタグとnavigationタグをcontentタグにマウントしたいのです。 以下問題のコードです。 現状、試行錯誤を繰り返しているのですが、どうしても一つのタグしかマウント

    • 0評価
    • 188PV
    today_only today_only 2ヶ月前
  • 解決済

    回答
    1

    Riot.jsにて、動的にカスタムタグをマウントしたい。

    前提・実現したいこと Riot.jsにて、動的にカスタムタグをマウントしたい。 発生している問題・エラーメッセージ カスタムタグのマウント時の初期化で、DOM操作(getElementByIdなど)したものの、アクセスしたい要素にアクセスできず、要素のプロパティ参照時にnullが取得される。 エラーメッセージ Uncaught TypeErr

    • 0評価
    • 215PV
    tksppore tksppore 2ヶ月前
  • 解決済

    回答
    1

    【Riot.js】カスタムタグを外部ファイルで保存し、その中でJSONを読み出したい

    質問概要 Riot.jsで、カスタムタグの定義を外部の.tagファイルで保存したとき、 その外部ファイル内でJOSNを読み出したい。 質問詳細 Riot.jsで、カスタムタグの定義を外部の.tagファイルで保存したとき、 その外部ファイル内でJOSNを読み出したいと思うのですが、うまくいきません。 例えば、news.tagファイルを作

    • 0評価
    • 239PV
    nnahito nnahito 3ヶ月前
  • 解決済

    回答
    1

    riot-routehandlerでhashbangが使えない

    前提・実現したいこと riot.js+riot-routehandlerでページ遷移するものを作ろうとriot-routehandlerのデモをそのままコピペしたところ、hashbangがうまく働いていませんでした。 下のURL遷移でindex.htmlのあとに/page1などをつけてそれに対応したtagを作れるようにしたい。 URL遷移 htt

    • 0評価
    • 100PV
    IsseiMorita IsseiMorita 3ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    22

  • 総質問数

    31

  • 今週の質問数

    3

関連するタグ

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