TypeScript Branded型
TypeScriptでは以下のように型が一致している場合にはエラーにはならない。
type Name = stringtype Id = stringconst myName: Name = 'tamibouz' ...
TypeScript オブジェクトのすべてのプロパティの型をnumberにする
Hogeは、第一引数に変換したいオブジェクト型を受け取り、すべてのプロパティの値の型を第二引数にしたオブジェクト型を返す。
//第一引数に指定した型のすべてのプロパティの型をTYPEにするtype Hoge<T exten ...
JavaScript 関数型プログラミングのpipeっぽいものをつくる
funcは関数の配列です。xに対して順番にfuncsの関数を適用します。
const pipe = funcs => x => funcs.reduce((acc, current) => current(ac ...
jQueryのonに名前空間をつけてみる
jQueryのonの第一引数にはclickなどのイベントを指定しますが、以下のようにclickに続けて名前空間をつけることができます。
$(document).on('click.hoge', '#but ...
jQuery の on は重複してイベントが登録される
以下のようなコードを書いた場合に、ボタンを押すとコンソールには hoge と foo が出力されます。
<button id="my-btn">button</button>$(fun ...
プログラミング初学者が意識すると良いこと
プログラミングをするときに意識すると良いだろうな、と思うことです。
まず必要な部品を洗い出して、それらの部品を作成する。
最後に部品をつなぎ合わせてひとつのアプリケーションを作る。
一気に全体を書き ...
React useCallback を使ってもあまり意味がないと感じたケースについて
React の hook の一つである useCallback は、子コンポーネントに渡す関数をキャッシュ化することで無駄なレンダーを避けるために使います。
useCallbak を使わない場合、コンポーネントのレンダーの ...
JavaScript 即時関数(IIFE)
即時実行形式関数を書く時は以下のようにします。(アロー関数の書き方です)
const hoge = (() => {return "hoge"})();console.log(hoge);//hoge
React useEffectのクリーンアップタイミング
useEffectで関数をreturnしていると、副作用のクリーンアップのタイミングでその関数が実行されます。
例えばsetIntervalをクリーンアップする時などに使用します。
このクリーンアップタイミング ...
React Can’t perform a React state update on an unmounted component. が出た時に確認すること
ポーリング処理などを行っている時に遭遇する「Can’t perform a React state update on an unmounted component.」の対処方法についてです。
このエラーは、ア ...









