• ホーム
• 2021年

アーカイブ：2021年 1月

1. 

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

   01.30

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

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

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

   01.24

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

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

   【JavaScript】「ESLint」について

   01.24

   ESLintのプラグイン eslint-plugin-react-hooks Reactでフックのルールを検出してくれます。…

   • 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-607b91c79b3e166146448…

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

   【redux】非同期処理を実装する。

   01.24

   インストール redux-thunkはreduxで非同期処理を実装するためのパッケージになります。 [crayon-607b91c79b7a9555598679/] 組み込み reactであれば「src/index.js」などに下記…

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

   【Redux】概要

   01.23

   Reduxの概要 コンポーネントのサイズが大きくなった際や複数コンポーネント間で状態を管理や共有するために使用される2015年に公開された状態管理ライブラリです。 インストール reduxのパッケージをインストールします。 [cra…

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

   【React】「props」について

   01.23

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

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

    【React】「Component」について

    01.23

    ReactのComponentには2種類あります。 ファンクショナルComponent クラスComponent コンポーネントの規則 コンポーネント名の先頭文字は必ず大文字にする必要があります。 ファンクショナル…

    • React
    • コメントを書く