• ホーム
• 2021年

アーカイブ：2021年 1月

1. 

   【Ruby on Rails】「Enumrize」について

   01.30

   事前準備 model側 [crayon-633f01b2cadb7742153956/] locales側 [crayon-633f01b2cadc2818850242/] 実装 インスタンスメソッド(Enumの個々の値を操作す…

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

   【JavaScript】モックサーバの作成(json-server)

   01.24

   JavaScriptのモックサーバーには「json-server」というのを使うのも一つの手段になります。 インストール [crayon-633f01b2cb88a308285273/] jsonを用意 これがモックサーバーから返さ…

   • JavaScript
   • コメントを書く
3. 

   【JavaScript】「ESLint」について

   01.24

   ESLintとは？ JavaScriptのための静的検証ツール。コード実行前にバグを見つけたり、カッコやスタイルと統一したりするために使う。Node.js8.10.0以降を利用して実行できる。 特徴 全ての検証ルールを自由にon/of…

   • JavaScript
   • コメントを書く
4. 

   【React】「src/index.js」について

   01.24

   src/index.jsとは？ Reactのエントリーポイントです。 import import文 説明 import React from 'react'; Reactを利用する場合は必須 …

   • React
   • コメントを書く
5. 

   【React】「ライフサイクル」や「フック(Hooks)」について

   01.24

   ライフサイクルとは？ コンポーネントがマウント（描画）されてからアンマウント（破棄）されるまでの過程のことです。 フェーズ マウント 更新（マウントしたコンポーネントを更新） アンマウント フックのルール コンポーネント外でフ…

   • React
   • コメントを書く
6. 

   【JavaScript】「lodash」について

   01.24

   lodashとは？ 例えばAPIの戻り値として下記のような配列があったとします。ただ、この形式だとidが2のデータが欲しいとなったときに配列をフルスキャンしなければなりません。 [crayon-633f01b2cc83703290654…

   • JavaScript
   • コメントを書く
7. 

   【redux】redux-thunk

   01.24

   redux-thunkとは？ actionCreatorで関数を返せるようになる。 非常にシンプルで、ActionCreater内部のロジックで非同期処理を実行できます。通常、ActionCreatorはピュアなオブジェクトを返さないと…

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

   【Redux】概要

   01.23

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

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

   【React】「props」について

   01.23

   propsとは？ 親コンポーネントから子コンポーネントにデータを受け渡しすることができる機能のことです。 思想 propsは変更不可能なイミュータブルな値です。値を変更することはReactの思想に反して予期せぬ動作に繋がるので避けまし…

   • React
   • コメントを書く
10. 

    【React】「Component」について

    01.23

    ReactのComponentには2種類あります。今はファンクショナルComponentで作るのが普通です。 ファンクショナルComponent クラスComponent コンポーネントの規則 コンポーネント名の先頭…

    • React
    • コメントを書く