Riot.js

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

RSS

  • 解決済

    回答
    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評価
    • 37PV
    NobumitsuHata NobumitsuHata 2週間前
  • 解決済

    回答
    1

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

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

    • -1評価
    • 46PV
    NobumitsuHata NobumitsuHata 2週間前
  • 受付中

    回答
    1

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

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

    • 0評価
    • 637PV
    MutsuyukiTanaka MutsuyukiTanaka 1ヶ月前
  • 解決済

    回答
    2

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

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

    • 0評価
    • 54PV
    NobumitsuHata NobumitsuHata 1ヶ月前
  • 受付中

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 50PV
    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評価
    • 52PV
    NobumitsuHata NobumitsuHata 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 104PV
    HALBY HALBY 1ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    3

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

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

    • 0評価
    • 70PV
    NobumitsuHata NobumitsuHata 1ヶ月前
  • 受付中

    回答
    0

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

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

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

    回答
    1

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

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

    • 0評価
    • 132PV
    NobumitsuHata NobumitsuHata 1ヶ月前
  • 受付中

    回答
    0

    rollupでerror: path is not definedが出る

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

    • 0評価
    • 95PV
    IsseiMorita IsseiMorita 1ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 103PV
    NobumitsuHata NobumitsuHata 2ヶ月前
  • 解決済

    回答
    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評価
    • 89PV
    HALBY HALBY 2ヶ月前
  • 受付中

    回答
    0

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

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

    • -4評価
    • 249PV
    webpage webpage 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 146PV
    Beko Beko 2ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 117PV
    soichiro_nitta soichiro_nitta 2ヶ月前
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 333PV
    nnahito nnahito 3ヶ月前
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    24

  • 総質問数

    36

  • 今週の質問数

    0

関連するタグ

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