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