経緯 ESLintのuseEffect has amissing dependencyというwarningを放置したままpushしたら Netlifyの自動デプロイに失敗していた 原因 useEffect内で依存関係のある変数を使用 かつ useEffectの第二引数が空配列の場合 解決方法 依存関係を解消する(dependenc…

原因： create-react-appで作成したアプリのindex.tsxが使用しているの機能意図しない副作用の検出のためにコンポーネントを2度呼ぶようにしている。 ja.reactjs.orgStrictModeの利点： 安全でないライフサイクルの特定 レガシーな文字列 ref API の使用に対…

yes, but話法ではなくyes,by the way話法を使う 例） 客「MacBook Proを買いたいが高い」 店員「おっしゃる通りで（Yes）、決して安くないと思います。ところで（by the way)何と比べて高いと思われたんですか？」 客「今使っているPCが10万円くらいで」 店…

1.ページ切替の際にサーバにリクエストが飛ばないためアクセス解析が困難 ソリューションとしては、 URLが書き変わる際にEffect Hookでアクセス解析(Google Analytics等)にリクエストを発行する処理を差し込む必要がある 2.サーバがHTTPステータスコードを返…

主に境界値周りの検証を行うためのテストケースを「エッジケース」という。これは文字通り境界であることからエッジケースという名前がついているが、まれに"開発側が意図しない動作をユーザーが行うこと"を指して「今回はエッジケースのissueだったね」など…

概要 Title Author Detail Link ヒトはなぜ先延ばしをしてしまうのか ピアーズ・スティール (著), 池村千秋 (翻訳) 内容（「BOOK」データベースより）先延ばし研究10年超の世界的権威が、人類永遠の課題をユーモアたっぷりに解き明かす!先延ばしするかしない…

LeetCode内でHamming weightという言葉が出てきたのでメモ。 概要 ハミング重みとは、シンボル列中の 0 以外のシンボルの個数である。典型的には、ビット列中の1の個数として使われる。(Wikipedia) つまり、0以外の記号の個数がハミング重み。e.g. シンボル…

概要 btoa()およびatob()はMDNにおいて非推奨 ASCII文字列しか対応していないため引数に日本語を与えたりするとエラーになるdeveloper.mozilla.org 対策 input属性のフォームから受け取った値をエンコード/デコードして返すサンプル as-is import React, { u…

現在使用しているシェルの確認 ※$SHELLは大文字 $ echo $SHELL 使用できるシェルの確認 $ cat /etc/shells # List of acceptable shells for chpass(1). # Ftpd will not allow users to connect who are not using # one of these shells. /bin/bash /bin/c…

What's Redux Style Guide ? Reduxを用いたアプリケーションのコードを書くにあたって公式が推奨する設計パターンや開発のベストプラクティス、アプローチの提案など。ここでは優先度Aの全ルールと優先度B及び優先度Cの中から抜粋したルールを記載する。原文…

.bashrcとかの設定ファイルについてるrcってなんだろうと思って調べたのでメモ。開発環境のRCとかは関係ないしなーと思っていたところRun Commandsの略らしい。それがRunComに略され、最終的にrcとなったそうな。ref. http://www.ne.jp/asahi/tao/elis/bitfa…

メジャーどころのレンダラーとその概要まとめ 名称 概要 React DOM HTML DOM(公式標準パッケージ) react-test-renderer JavaScript オブジェクト（公式標準パッケージ) React ART HTML5 Canvas や SVG などのベクターグラフィック（公式標準パッケージ） Rea…