this.stateに値が設定できないーー。　undefinedなものに入れようとしていた

class IndexSidebar extends React.Component { constructor(props){ super(props); console.log("IndexSidebar context"); console.log(this.props.context.userStore.getUserData()); this.state.userStore = this.props.context.userStore; // NG this.us…

2015-10-28

flux頭が混乱してきた

これでいいのだ？！流れ① Action->Store変更->Viewのリスナ呼ばれてState更新。流れ② View->State更新流れ①のStateと流れ②のStateは分けて使う。流①のStateはViewから直接更新しないこと。ホントは、流①はpropsで実装したいところだけど何かと面倒っぽ…

2015-10-24

安くて格安ＳＩＭが使えるAndoroidタブレットないかなーー

プリペイド携帯を音声通話用に使用して30日1400円程度、データ通信は格安ＳＩＭ別途契約するのがいい感じがします。プリペイド携帯は全然通話しないのでどんどんチャージ残高が増えて今は4万円ほどあるし・・格安ＳＩＭ音声通話付だと、通話してしまうと…

2015-10-24

react-routerでサイドバーを使う

react-routerにはサンプルにはあるんですが、使い方がおかしいのか、うまく動いてくれなかった。tag v1.0.0-rc3のソースを取得すれば動きました。バージョンの入れ替わりが激しいので超注意ですね。github.com

2015-10-24

Gaiaxさんで生ハム会に参加してきました

CLUB DB2でAWS系の勉強を渋谷でした後に、 @xtetsujiさんの入社お祝いでGaiaxへ行ってきました。呼んでいただいてありがとうございます。丁度入り口でツイッターでドア扱いをしようとしていたときに入り口にtetsujiさんが来てくれてありがたかった。生ハ…

2015-10-24

material-fluxとreact-routerを組み合わせてサンプルを作る

reactでwebアプリを書こうとすると、routerとfluxを組み合わせて組むことになると思います。学習能力の低いおじさんとしてはfluxとやらで躓いてしまいそうになったんですが、 material-fluxはシンプルでして、exampleも非常に読みやすいです。 import使った…

2015-10-21

material-fluxのexampleを読んでみる

頭が混乱しているので、シンプルなflux実装(material-fluxのexampleをコードリーディング）github.com fluxを使うときに、親や子達のコンポーネントからaction,storeにアクセスできるように、ばら撒く必要があってまぁ、コンポーネントの一番親に設定して…

2015-10-18

react学び直しファイル分割する方法

Reactで作っていると1つのファイルでゴチャゴチャ入れてしまって。カオス化してきてどうしよう。qiita.comES6でReact.Componentを継承するとき、書換えが必要。 setStateするときに、bindが必要 getInitialStateをコンストラクタに書く必要 stackoverflow.c…

2015-10-16

学び直し、reactをnpmで動かしてみるのだ

待望のnode環境ができあがったのでうごかしみる reactのドキュメントはnode周りのあれこれは知っているものとして省略しているのでググらないととっつけない。https://facebook.github.io/react/docs/getting-started.html npm init npm install -g browser…

2015-10-15

msys2 64bit (2015-09-16)でNode環境がデフォルトで動かなかったので何とかした

Node.jsをてがるにWindowsで使いたい以下の記事が参考になります。qiita.com $ npm -v module.js:340 throw err; ^ Error: Cannot find module 'C:\mingw64\lib\node_modules\npm\bin\npm-cli.js' at Function.Module._resolveFilename (module.js:338:15) a…

2015-10-14

fluxxorとreact-router1.0を一緒に使うには

qiita.com fluxxorでreact-routerを使う方法がfluxxorのドキュメントにあった。Fluxxor - React Routerでも、react-routerは1.0になっていてこのサンプルだと対応していないのでgithub.comfluxxorだとES6で書くのがきついので、やっぱり違うＦＷを覚えないと…

2015-10-10

ASUSには懲りたので・・DELLにするか？！

Nexus7 2012タブレットが壊れたのでいろいろと調査しているのですが・・ Nexus7 2013 LTEも魅力的だけど、また壊れるのではという恐怖心で踏み込めない。ならば、mogi2fruits.netSIMフリーのEveryPad Proがなんか気になる存在。 Andoroidをエミュレーター…