Reactでmemoを使わずにレンダリング最適化する方法
Before You memo() — Overreacted
React.memo()
を使う前にコンポーネント設計でレンダリング最適化しましょう、という記事。
たとえば、あるstateを持つコンポーネントAの中で、レンダリングが重くてstateを使わない部分Xと、stateを使う部分Yがあるとする。 このときに以下のどちらかで最適化できる。
- Yをコンポーネントに抽出する
- stateが変わったとしてもYしか再描画されなくなる
- Aのpropsでchildrenを受け取るようにし、Aの親コンポーネントからchildrenとしてXを渡す
- stateが変わったとしてもXは再描画されない
階層型ファイルシステムでタグ機能を擬似的に実現する方法案
複数のカテゴリに属するようなファイルは階層型ファイルシステムで扱いづらい。 タグ機能があれば複数のタグを付与することで表現できる。 タグ機能をサポートしていない階層型ファイルシステムで擬似的に実現する方法の案。
チャットAIのプロンプトまとめ
チャットAIに上手く返してもらうためのテクニックやテンプレートをまとめたもの。
ログ設計
アプリケーションログやアクセスログの設計指針。
スタックトレースを1行で出力
JavaScriptとPythonにおいてスタックトレースを1行で出力する方法。 1行で出力すると検索しやすくなる。
Bash
シェルスクリプトの構文チェック
シェルスクリプトの構文を実行せずにチェックする方法。
同じinodeのファイルを検索
ハードリンクされているファイルの一覧を表示する方法。
ソートせずに重複行を削除
順序を保ったまま重複行を削除する方法。
Windowsでリンクを作成
Windowsでシンボリックリンクやハードリンクを作成する方法。
Vimでhelpを補完
Vimで :h
からヘルプを表示するときに補完する方法。
AWSでシークレットの管理
シークレットを管理する場所の使い分け方。