下記の記事でSWRでグローバルstateを管理する方法が気になった。 zenn.dev 上記を元にカスタマイズしつつ、検証しつつ遊んでみる。 まずはuseSWRを使った特定のkey専用のロジックを定義。 export const useSWRSample = ( initailData: string ): { data: str…

例えば下記のようなファイル内の記述があった場合、 console.log("コンポーネント外"); const Text = () => { console.log("コンポーネント内"); return ( <div>test</div> ); } コンポーネント外は読み込み時のみ実行 コンポーネント内はstateの更新などで再レンダリン…

GitHubのgit操作にトークンベースの認証が必要になったので対応したときのメモ github.blog HTTPS か SSH での認証設定が必要で、推奨はHTTPSのよう tl;dr GitHubは基本認証をトークンベースにしていってて、2021年8月特定日からGit操作等ではトークンベース…

ローカルの開発環境をスマホ・タブレット実機で確認 localhostを実機で確認する方法。今回は Next.js で環境を作っている。 システム環境設定のネットワークの詳細設定で、「IPv4アドレス」のIPアドレスを使う。 ポート3000で開発環境を立ち上げているなら、…

色々なことで精神が安定しない日々が続いていたけど、少しだけ好転して前を向けるような気持ちになっているので、久しぶりにブログを書いてる。 何ヶ月か前にアウトプットの場を、オリジナルで構築しようと思っていたけど、最近の精神の不安定さを見ると、あ…

エンジニアにとっては必読書となっている「リーダブル・コード」を読み、自分なりに要点をまとめておく。 とにかくコードは「読みやすい必要がある」ということがキーワード。 これは他の人、未来の自分含めて、読み手にとって分かりやすいコードであること…

Reactでは今やスタンダートになったhooksについて、公式APIとして提供されているものは色々あるが、今まではせいぜい useState useEffect 程度しか使っていなかった。 最近徐々に他のhooksを使うシーンがあり、かなり便利だし、パフォーマンス観点でも使いこ…

useEffect について理解な曖昧な部分があったので改めて調べた。 TL;DR useEffect はレンダリング後に処理（副作用）するときに使う 第2引数に依存値を設定する。 [] と空にすると初回レンダー時のみ、第2引数自体を設定しないと毎レンダリング後に実行され…

明けましておめでとうございます。 2020年もあっという間に明けたわけなので、遅ればせながら2020年の振り返りをまとめてみる。 各目標の振り返り Webエンジニアのスキル 2019年の後半からアラサーながらエンジニアとしてのキャリアを歩み始めたので、2020年…