Riot.js

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

RSS

  • 受付中

    回答
    2

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

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

    • 0評価
    • 839PV
    • AngularJS

      432questions

      AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

    • React.js

      255questions

      A JavaScript library for building user interfaces

    • Vue.js

      86questions

    • Riot.js

      41questions

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

    NewGyu NewGyu 12時間前に 回答

  • 受付中

    回答
    0

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

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

    • 1評価
    • 55PV
    • jQuery

      4064questions

      jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

    • Riot.js

      41questions

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

    teratailが3週間前に アップデート

  • 解決済

    回答
    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評価
    • 102PV
    • webpack

      62questions

    • Riot.js

      41questions

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

    mell mell 2ヶ月前に 回答

  • 受付中

    回答
    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評価
    • 90PV
    • Riot.js

      41questions

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

    webgoto webgoto 2ヶ月前に 回答

  • 解決済

    回答
    1

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

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

    • 0評価
    • 96PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 2ヶ月前に ベストアンサー

  • 解決済

    回答
    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評価
    • 97PV
    • Riot.js

      41questions

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

    maisumakun maisumakun 3ヶ月前に ベストアンサー

  • 解決済

    回答
    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評価
    • 158PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 4ヶ月前に 回答

  • 解決済

    回答
    1

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

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

    • -1評価
    • 162PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 4ヶ月前に ベストアンサー

  • 受付中

    回答
    1

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

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

    • 0評価
    • 199PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 4ヶ月前に コメント

  • 解決済

    回答
    2

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

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

    • 0評価
    • 226PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 4ヶ月前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 188PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 4ヶ月前に ベストアンサー

  • 解決済

    回答
    1

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

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

    • 0評価
    • 160PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • canvas

      169questions

      HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 4ヶ月前に 回答

  • 解決済

    回答
    1

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

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

    • 0評価
    • 204PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    HALBY HALBY 4ヶ月前に コメント

  • 解決済

    回答
    1

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

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

    • 0評価
    • 122PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 5ヶ月前に コメント

  • 受付中

    回答
    0

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

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

    • 0評価
    • 135PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • jQuery

      4064questions

      jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

    • jQueryプラグイン

      255questions

      jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

    • Riot.js

      41questions

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

    teratailが5ヶ月前に アップデート

  • 解決済

    回答
    3

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

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

    • 0評価
    • 158PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    maisumakun maisumakun 5ヶ月前に 回答

  • 解決済

    回答
    1

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

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

    • 0評価
    • 241PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • jQuery

      4064questions

      jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

    • Riot.js

      41questions

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

    NobumitsuHata NobumitsuHata 5ヶ月前に ベストアンサー

  • 受付中

    回答
    0

    rollupでerror: path is not definedが出る

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

    • 0評価
    • 249PV
    • Riot.js

      41questions

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

    teratailが5ヶ月前に アップデート

  • 解決済

    回答
    1

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

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

    • 0評価
    • 228PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Riot.js

      41questions

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

    turbgraphics200 turbgraphics200 5ヶ月前に ベストアンサー

  • 解決済

    回答
    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評価
    • 202PV
    • JavaScript

      9111questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Firebase

      93questions

      Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

    • Riot.js

      41questions

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

    HALBY HALBY 6ヶ月前に 回答
1

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    28人

  • 総質問数

    41件

  • 今週の質問数

    0件

関連するタグ

  • FMDB

    4questions

    FMDBは、SQLiteをObjective-Cから扱いやすくするためのラッパーライブラリです。GitHubで公開されており、SQLite暗号化ライブラリのSQLCipherにも対応。Swiftの利用も可能です。

  • drone.io

    5questions

    drone.ioは、リポジトリと連携してCI（継続的インテグレーション）できるサービス。githubだけでなく、bitbucketやGoogle Codeとも連携が可能です。また、ビルドスクリプトで柔軟にビルド可能なことも特徴の一つです。

  • iOS 5

    3questions

    2011年10月13日にリリースされたバージョンのiOSです。iOS5はiPhone 3GS, iPhone 4, iPhone 4S, iPod Touch 第3~4世代とすべてのiPadのモデルで作動します。

  • Berkshelf

    2questions

    Berkshelfとは、Chefのcookbookとその依存性を管理するツールです。 ツールには依存関係を解消する機能も備わっています。 同じようなツールでLibrarian-Chefがありますが、Berkshelfを使用しているユーザーが多いようです。

  • ウィンドウ

    3questions

    コンピューター用語において、ウィンドウとはユーザとプログラムのやり取りを可能にするGUIの枠組みのことをいいます。

  • SpriteBuilder

    4questions

    SpriteBuilderとは、主にiOSの2Dゲームの作成に利用される、Cocos2dのUIデザインをGUI操作を利用して簡単に作成できるツールです。

  • iMacros

    5questions

    iMacrosは、internet explorer、Firefox、Google Chromeのブラウザ上で起動させて使うアドオン。パソコンの記録と再生を容易に行うことが可能です。ブラウザ上の作業を自動化することで、作業効率を上げることができます。

  • PL/SQL

    24questions

    PL/SQL (Procedural Language/Structured Query Language) はOracle CorporationによるSQL(非手続き型言語)を手続き型言語に拡張させるために開発されたプログラミング言語です。

  • Visual C++

    72questions

    Microsoft Visual C++はWindowsのCとC++の統合開発環境(IDE)であり、コンパイラやデバッガを含んでいます。

  • CMS

    116questions

    CMS(Content Management System)は複数のユーザーでコンテンツを編集することが可能なWebサイトの管理/構築用のプラットフォームを指します。また、会社単位で運用管理するものはECMと呼びます。

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