monologue

クズエンジニアの独白

SWRをローカルの状態管理で使うときの注意

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

jsxファイルでのコンポーネント中外での処理タイミングの違い

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

GitHubの認証をtokenに変更したときのメモ

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

2021-08-02

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

このブログを今後は雑な個人用ログとして使う

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

リーダブル・コードを読んで

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

React 各hooksの覚え書き

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

useEffect 覚え書き

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

2020年の振り返り

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

【書評】ひとりビジネスの教科書 | 自分のビジネスの第一歩を踏み出す参考に

たまたま本屋で見かけて気になった本を読んだので自分なりにまとめておきます。 www.amazon.co.jp 読む目的 本書に期待する目的。 ひとりビジネスをスモールスタートで始めるためのヒントを得る そのためにまずは何をするかのTodoを得る 序章 「〇〇したらや…

Week 40

2020/09/27 - 10/4 の振り返り。 やったこと 個人事業でのWebサイト制作を進めた位。今週は全然作業できなかった。 わかったこと 今週は平日にカフェに行けない日もあって、そうゆう日の進捗は悪い。夜家でやろうとしても進まない。どんなに意気込んでも当て…

Week 39

2020/09/21 - 09/26 の振り返り。YWTでまとめ。 やったこと 主には、個人事業でのWebサイト制作を進めたのと、今話題のZennで初記事を書いた。 zenn.dev わかったこと 先週の振り返りとして、タスクが多くある中で目的を見失わないように、 重要度の高い目標…

【React】カスタムフックをハンズオンで試して理解する

React のカスタムフックについて理解して現状業務でのコードをリファクタしたいと思って調べてたら良い記事を発見したので、今回は記事に沿ってハンズオンで手を動かしながら理解を深めてみる。 qiita.com 少し横道にそれるが記事内で使われていた「CodeSand…

Week 38

2020/09/14 - 09/20 の振り返り。YWTなるフレームワークでまとめてみる。 やったこと ルーチンを整備して出来る限り毎日実践。個人事業でWebサイト制作を進めた。知人とやっているプロジェクトの企画部分をまとめた。 わかったこと まず上手く時間が使えてい…

【書評】アウトプット大全 | アウトプットが人生を動かす

前から書店でみて気になっていた「アウトプット大全」を読んだので、自分的に印象に残った部分を書き残しておく。 www.amazon.co.jp アウトプットしてはじめて人生が変わる 本書で最も気づきになった点で、少々意訳をしているけど「アウトプットしてはじめて…