今年1年真剣にRiot.jsと付き合ってきたので振り返ってみた - Web Developer's Struggle Memories
Riot.js Advent Calendar 2016の1日目です！（初トップバッター！） 今回はあまりテクニカルなプログラミングの話はせず、基本ばかりなので、その点ご了承ください（笑） qiita.com はじめに Riot.js（以下riot）は非常にシンプルかつ軽量で敷居も低く、とても書きやすいコンポーネント指向のUIライブラリです。（ここまでテンプレート）そして今一番ホット（筆者比）なJavaScriptのライブラリでもあると思います！ 2016/11/22、ついについに、ずっと待ち望んでいたメジャーアップデート「v3」がリリースされました！ おめでとうございます！ありがとうございます！ そしてつい先日！riotのSlack（日本ユーザ）も立ち上がりましたー！ 皆さんご自由に参加して発言していって下さい！ まずはざっくり振り返ってみる 主に触ってきたのはv2系、特に2.4.*です
Riot.jsでAjaxを使った非同期通信について - Web Developer's Struggle Memories
はじめに 現在あるプロジェクトで、JavaScript界隈では一時期話題になった（*1） Riot.jsで開発をしている。DBとのデータのやり取りを全てAPI化しているため、APIに非同期に通信しているのだが、ちょっとコケたので（*2）備忘録として書き残す。 開発環境など Riot.jsのバージョンは2.4.1 AjaxにはjQueryを使用 ※$.ajax()のこと 本題のコード とりあえず.jsファイル、.tagファイルを見てみよう。今回はペン（ボールペンやシャーペンのことね）のメーカー情報を取得するものを例にする。 ・hoge.js /** * 非同期通信のまま返り値を受け取るメソッド * * @param {object} params パラメータオブジェクト * {string} url コントローラの指定 * {string} method POSTかGET * {string
Riot.js + Firebaseで簡単なチャットアプリを作ってみた - Web Developer's Struggle Memories
リアルタイムでのデータ同期が特徴のバックエンドサービスFirebaseを利用してみたく、 ちょうどRiot.jsを使ってアプリも作ってみたかったので、勢いでチャットアプリを作ってみた。 今回はトランスコンパイルではなくプリコンパイルしてるので、.tagファイルを読み込むのではなく、 コンパイル後の.jsファイルを読み込む。作成したデモサイトはこちら。 ソースもGithubに上げているので、参考になれば。 ログイン認証や投稿者名などもなく、ただテキストを入力・送信・表示するような簡単なもの。Riot.js特有の落とし穴に何度かハマったが、 これはこれで勉強になった。 Firebaseの用意 Firebaseのホームページにてアカウントを作成。 作成後は以下のURLをコピー。 ソースコード 今回はFirebaseの使い方については割愛。 まずはhtmlファイル。 index.html <!DO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
