エンジニアを目指す初学者に向けて、わかりやすく解説したブログです。
設計

フラグを使った状態管理をやってはいけない理由

フラグを使った状態管理はありえない状態を仕組みで防ぐことができないため、仕組み以外で防ぐために多大な労力をかけなければいけなくなるから。

isLoginフラグではなく、型で状態を語れ

状態をisXXXやtype,role,statusなどで管理するのはもうやめよう。

for文ではなくfilter()を使ってリストの抽出や除外をしよう

Featured image of the post

filter()を使うことにより、リストの抽出や除外を安全に、シンプルに行うことができる。

for文ではなくmap()を使って配列変換をしよう

Featured image of the post

map()を使うほうがシンプルかつ副作用がないコードを書くことができる。

listではなくsetを使おう

listとsetを適切に使い分けられるようになろう

見た目が似てるからという理由で共通化・コンポーネント化するな

Featured image of the post

似ているUIをコンポーネント化しようとする行為は大抵間違っている。

クライアントサイドとサーバーサイドのバリデーション設計

サーバーサイドでは全てのバリデーションチェックを行い、その中からUX向上に必要なものだけクライアントサイドで判定する

TypeScriptにおけるnullとundefinedのベストプラクティス

Featured image of the post

結論:undefinedに統一して使うことを推奨する。

Webアプリケーションにおけるログフォーマットの設計

Featured image of the post

ログはタブ区切りで、変数の出力には=を使うことをおすすめする。

Webアプリケーションにおけるログレベルの設計

Featured image of the post

ERROR,WARN,INFO,DEBUGの4種類のログレベルを利用している。