リファクタ

【Redux】JSONオブジェクトを正規化(byId, allIds)する実装例

2022年10月1日

Redux『Redux Style Guide#Normalize Complex Nested/Relati…

【Redux】Immerを利用してState更新のイミュータビリティを保証する

2022年9月17日

前提知識: データ更新とイミュータビリティ Immerを理解するために必要な前提知識について紹介します。詳細…

【React】classNameでよく使う定義方法(複数クラス、条件付きクラス)

2022年7月16日

基礎知識: classNameの利用方法について classNameにクラス名をセットすると当該CSSクラスが…

【React】汎用コンポーネントの実装テクニックまとめ

2022年7月16日

本記事で紹介する汎用コンポーネントとは、ボタンをはじめとした複数の箇所から呼び出されるUIパーツの基本となるコ…

【JavaScript】filterでFalsyな値(偽値)を配列から除去する方法

2022年5月5日

前提知識: JavaScriptにおけるFalsyな値について falsyな値（偽値、falseyな値）とはf…

【JavaScript】Fetch APIを良い感じにメソッド化するリファクタ例

2022年5月5日

今回やりたいこと Fetch APIを利用してGETとPOSTを実行する以下のようなコードがあったとします。 …

【JavaScript】fetchとaxiosの非同期処理の違いまとめ

2022年5月4日

JavaScriptで非同期処理を実装する際によく利用されるFetch APIとaxiosの違いについて紹介し…

Rubyのthen(yield_self)の概要と具体的な使いどころ

2021年12月29日

then(yield_self)について thenはレシーバをブロックの引数として受け取り、ブロックの評価をレ…

Rubyのfilter(select)とfind(detect)の違い

2021年12月18日

filter（select）について filterは条件を満たす全ての要素を取り出すメソッドです。select…

【Ruby】map/filter_map/flat_mapの概要と使い方

2021年12月18日

map（collect）について mapは各要素を変換して新たな配列を作成するメソッドです。collectはm…

【Ruby】複数の配列を1つの配列に結合するメソッドまとめ

2021年12月11日

concatメソッド concatは配列を自身の末尾に破壊的に連結するメソッドです。 concatを利用した配…

【Rails】『nilの場合は~』のリファクタリング5パターン

2021年12月10日

Railsアプリケーションで『nilの場合は~』を実装する際のリファクタリングについて紹介します。今回は以下…

【Ruby】sort_by/sortの概要と配列ソートの応用例

2021年11月21日

sortについて sortは配列を昇順でソートするメソッドです。要素の比較は<=>演算子（宇宙船演…

【Ruby】ハッシュのtry(try hash)をdigで書き換える

2021年11月18日

「オブジェクトが存在しないケースを考慮し、オブジェクトのプロパティを参照する」、このような時にtry hash…

【TypeScript】Enum型からUnion型に書き換える方法と具体例

2021年10月2日

TypeScriptではEnum型よりもUnoin型を利用したほうがよいという話をよく聞きます。1 2 3 今…

【JavaScript】Null合体(Nullish coalescing)とオプショナルチェーン(Optional chaining)の基本

2021年9月16日

Null合体演算子（Nullish coalescing operator）について Null合体演算子(??…

【JavaScript】Null合体代入演算子(Logical nullish assignment operator)の基本

2021年9月16日

Null合体代入演算子（Logical nullish assignment operator）について Nu…

React Reduxのチュートリアル（Todoアプリ）をRedux Toolkitで書き換えてみた

2021年2月21日

Redux ToolkitとはReduxの記述を簡潔にするためのツールです。 Redux Toolkitを利用…