第8回 AWS Startup Tech MeetupでReactとRailsの話をしてきました
2015年11月12日にAWSさん主催で開催された「第8回 AWS Startup Tech Meetup」に登壇者として参加してきました。 AWS篠原さんのイベントレポートはこちらです。 まさかの30分枠をいただいて何を話そうかと思ったんですが、今一番触ってるのはReactなのでその話をしてきました。 ただ問題はフロントエンドやからAWS関係ない・・・ということでフロントエンドとAWSのサーバーレスアーキテクチャの話を後半入れたんですが、参加している方もさすがにAWSもりもり触ってる人が多かったのでこっちの方が盛り上がりました。 資料こちらです。 というわけで自分の発表でのディスカッションや他の方の発表、その後の雑談などで色々勉強になったので、上記の資料にない部分をまとめました。 Google botはjavascriptの実行結果をインデックスしてくれてる？ スライド内にもリンクを貼っ
Circleci上でPhantomjsを使ってReactアプリをテストする
Reactで開発しているアプリが大きくなってきてそろそろテストが欲しくなってきたので、End to Endの形でテストをするためにPhantomJSを使ってみた話です。 環境 RailsアプリのフロントエンドにReactを突っ込んでいるという構成なので、一般的なRails + feature spec内でjavascriptを動かしつつ、circleciでテストが通ったら自動でデプロイされるという形にしています。 Ubuntu 14.04 Ruby 2.2.1 Rails 4.2.1 React 0.13.3(npm) PhantomJS 2.0.1(development) テストのサンプル 普通のjavascriptありのfeature specです。 # spec/features/top_page_spec.rb RSpec.feature 'top page', type: :f
React.jsでpromise使ってthis.emitChange()などが動かない時の対処法
最近React.jsを触り始めてちょっとハマったのでメモ。 Ajaxの処理でPromiseを使ってそのコールバック内でthisを使うとthisが想定してるthisじゃなくなりますよという話なのでぶっちゃけReact.jsもPromiseも直接関係はないんですが、自分はその組み合わせで何回も踏んだので・・・調子に乗ってcoffeescriptでthisの代わりに@使ったりしてたので余計気づきにくかったです。 例えばこんなコード fetchSomething = -> new Promise (resolve, reject) -> $.ajax url: 'http://something.com' dataType: 'json' .done (data) => resolve data .fail (error) => console.log error reject error _da
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
