テストの種類 Unitテスト コンポーネント単位のテスト、親のコンポーネントが使われている場合は親コンポーネントをモック化して切り離してテストします。（擬似的な関数やpropsを受け取るようにします。） 使えるライブラリ 以下どちら…

• React
• コメントを書く

material-uiとは？ GoogleのMaterialデザインをベースに開発されたUIコンポーネントライブラリ、コンポーネントが色々用意されておりそれらを組み合わせるだけでも見栄えの良いものが作れる。 バージョン バ…

• React
• コメントを書く

ストアの作成手順 まずは、「src/store.js」など適当な場所にReduxストアのファイルを作成します。 Reducerを呼び出す。 ReducerはStore内部に存在する概念ですが、storeとは別ファイルに作成することが一…

• React, Redux
• コメントを書く

Reducerとは？ Storeに変化を加えるために必要なReduxの要素です。stateとactionの二つの引数を受け取ります。 Reducerの作成手順 1.reduxライブラリからcombineReducersをインポートする…

• React, Redux
• コメントを書く

Reduxの概要 コンポーネントのサイズが大きくなった際や複数コンポーネント間で状態を管理や共有するために使用される2015年に公開された状態管理ライブラリです。 メリット 特定のコンポーネント配下にstateをおかないので、再レンダ…

• React, Redux
• コメントを書く

React.memoとは？ コンポーネントのレンダリング結果をメモ化するReactのAPI、React16.6から導入されました。あくまでpropsの変更に対して再レンダリングの判定が行われるだけでstateやuseContextで…

• React
• コメントを書く

前提 deviseをインストールしておきましょう。 userモデル（deviseの対象モデル）を作成しておくこと。 事前準備 rspec関連Gemのインストール Gemfile [crayon-688e822d1…

• Rspec, Ruby on Rails
• コメントを書く

基本的にどちらもDeviseにおいてルーティングのカスタマイズをしたい場合に使うDevise独自のDSLになります。 devise_for devise_forの内部的にはdevise_scopeメソッドを使用してルーティングが作成され…

• Ruby on Rails
• コメントを書く

「find_or_initialize_by」や「find_or_create_by」とは？ Rails4以上で使えるようになったActiveRecordのメソッドです。 find_or_initialize_by 新規作成をして保存…

• Ruby on Rails
• コメントを書く

JSON(String)をハッシュに変換する。 構文 RubyのJSON文字列(String)をハッシュ形式に変換するメソッドです。 [crayon-688e822d1ca47507939801/] JSON文字列 RubyではS…

• Ruby
• コメントを書く