はこだてたろう– Author –
はこだてたろう
-
読書
プログラムを書くときは「わかりやすさ」が大事。そしてそれは言語の壁を超える。
私がプログラマーとして就職して2〜3年経ったころ、当時の上司からある本を紹介されました。 増田亨氏の「現場で役立つシステム設計の原則」です。 増田さんは設計の分野で広く知られている方です。最近では増田さんが担当された「ドメイン駆動設計をはじ... -
react-recipe
Reactで作った自作のページャの表示ロジックをライブラリのカスタムフックに差し替えてみた
はじめに 「ライブラリのページャを使ってるんだけど、見た目をカスタマイズしたいな・・・」「でもカスタマイズの仕方わからないな・・・」「ページャを作るロジックだけ使えればいいんだけどな・・・」 そう思ったことはありませんか? それ、MUI の use... -
Uncategorized
MUIの usePagination のロジックを読む5
はじめに この記事は、MUI が提供している usePagination というカスタムフックのコードリーディング第五回です。 過去の記事をまだご覧になっていない方は、そちらも併せてご覧ください。 前回は、siblingsStart を求める処理をコードリーディングしまし... -
Uncategorized
MUIの usePagination のロジックを読む4
はじめに この記事は、MUI が提供している usePagination というカスタムフックのコードリーディング第四回です。 過去の記事をまだご覧になっていない方は、そちらも併せてご覧ください。 前回は、usePagination フックを実際にコードリーディングしてみ... -
Uncategorized
MUIの usePagination のロジックを読む3
はじめに この記事は、MUI が提供している usePagination というカスタムフックのコードリーディング第三回です。 前回、前々回の記事をまだご覧になっていない方は、そちらも併せてご覧ください。 前回は、usePagination フックを実際に使ってみました。... -
Uncategorized
MUIの usePagination のロジックを読む2
はじめに この記事は、MUI が提供している usePagination というカスタムフックのコードリーディング第二回です。 前回の記事をまだご覧になっていない場合は、そちらも併せてご覧ください。 前回は、usePagination フックの引数と戻り値から「どのような... -
Uncategorized
MUIの usePagination のロジックを読む1
はじめに 今回から複数回に分けて、MUI が提供している usePagination というカスタムフックをコードリーディングします。 一覧画面を作るとき、ページ送りするためのUIをページャ(またはページネーション)といいます。ですがこのページャは、自分で作ろ... -
react-recipe
Reactで作った検索機能つき一覧画面に自作のページャを追加してみた
はじめに 「一覧画面にページャをつけたいんだけど、ライブラリ入れるのはめんどくさい・・・」「ライブラリ入れるのはいいんだけど、見た目とかカスタマイズしたいんだよな・・・」「かといってライブラリのカスタマイズはちょっとハードル高いし・・・」... -
react-recipe
Reactで検索機能つき一覧画面をスクラッチで作る
はじめに 職業プログラマであれば、一覧画面は避けては通れません。 管理画面があるシステムであれば、ほぼ間違いなく一覧画面を持っています。難易度も比較的低いので、新人さんに回ってきやすい機能といえるでしょう。 かくいう私も、初めての実務ではJS... -
react-recipe
Reactで作った自前バリデーションつき入力フォームのJSXをコンポーネント化する
はじめに Reactの醍醐味といえば、コンポーネントですよね。同じコードを何度も書いていたら、コンポーネントにまとめましょう。そうしないと修正が何箇所にも及び、時間がかかる上にミスも増えます。 未来の自分のために、コンポーネント化しましょう。 ...