検討 競合する可能性が大いにあり、かつデータの整合性が非常に重要な部分の実装なので、今回の場合は楽観的ロックではつらそう。では悲観的ロックではどうか。 悲観的ロックとは、 悲観的ロックとは、DBMSの行ロック機能（SELECT FOR UPDATE句）を利用して…

react-spinkitを使ってみます。 github.com 以下にデモも用意してくれてます。 React Spinkit classnamesとobject-assignというライブラリを使用しているので、こちらをnpmでインストールしておくのを忘れないように。 GitHub - JedWatson/classnames: A sim…

以下を参考にしてReactでタブを実装します。 https://toddmotto.com/creating-a-tabs-component-with-react/ Componentのデザイン 以下のようなComponentを作成することを目指します。 <Tabs> <Pane label="Tab 1"> <div>This is my tab 1 contents!</div> </Pane> <Pane label="Tab 2"> <div>This is my tab 2 contents!</div> </Pane> <Pane label="Tab 3"> <div>This…</div></pane></tabs>

react-railsでReactを導入してるRailsアプリにbrowserifyを導入します！ JSのモダンな環境に関してはめちゃくちゃ素人なので調べた過程で読んでよかった！な記事を順番になるようにメモしておきます。 最初に読みたい記事 最初に読んでおいたらいいなと思っ…

Reactで、動的にformを生成した時に、そのformが生成された時にautofocusを当てたいという場面がありました。 以下を参考に。 reactjs - React set focus on input after render - Stack Overflow componentDidUpdateでObjectを指定してfocus()メソッドを使…