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

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

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

【React】「このサイトを離れますか?」というダイアログを出す

Featured image of the post

beforeunloadがポイント

コールバック関数とは

コールバック関数とは、関数の引数に渡される関数のことである。

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

Featured image of the post

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

JSONとは

SPAのここがダメ(特に初心者はやってしまいがち)

Featured image of the post

SPAは実装コストが増加し、セキュリティリスクの可能性も高まるため、そのデメリットを理解したうえで活用することをおすすめする。

レイアウトシフト(CLS)の概要、原因、調査方法、改善方法

Webページが表示され始めてから、表示が完全に完了するまでの間に見た目がごちゃごちゃ動く現象のこと。

【Remix】actionとは

Featured image of the post

サーバーサイドでPOSTなどを行うための関数。

【Remix】Prettierを導入する

Featured image of the post

Prettierをインストールし、設定ファイルを作成する。

【Remix】ブラウザから呼ぶプロキシAPIを作る

Featured image of the post

RemixでプロキシAPIを作るためには、loader関数のみを配置したtsxファイルを作成するだけ。