TypeScript

TypeScriptでは以下のように型が一致している場合にはエラーにはならない。

type Name = stringtype Id = stringconst myName: Name = 'tamibouz' ...

TypeScript

Hogeは、第一引数に変換したいオブジェクト型を受け取り、すべてのプロパティの値の型を第二引数にしたオブジェクト型を返す。

//第一引数に指定した型のすべてのプロパティの型をTYPEにするtype Hoge<T exten ...

JavaScript, プログラミング入門

funcは関数の配列です。xに対して順番にfuncsの関数を適用します。

const pipe = funcs => x => funcs.reduce((acc, current) => current(ac ...

Java, 覚書

jQueryのonの第一引数にはclickなどのイベントを指定しますが、以下のようにclickに続けて名前空間をつけることができます。

$(document).on('click.hoge', '#but ...

JavaScript, プログラミング入門

以下のようなコードを書いた場合に、ボタンを押すとコンソールには hoge と foo が出力されます。

<button id="my-btn">button</button>$(fun ...

プログラミング入門

プログラミングをするときに意識すると良いだろうな、と思うことです。

まず必要な部品を洗い出して、それらの部品を作成する。

最後に部品をつなぎ合わせてひとつのアプリケーションを作る。

一気に全体を書き ...

JavaScript, React

React の hook の一つである useCallback は、子コンポーネントに渡す関数をキャッシュ化することで無駄なレンダーを避けるために使います。

useCallbak を使わない場合、コンポーネントのレンダーの ...

JavaScript

即時実行形式関数を書く時は以下のようにします。(アロー関数の書き方です)

const hoge = (() => {return "hoge"})();console.log(hoge);//hoge

JavaScript, React

useEffectで関数をreturnしていると、副作用のクリーンアップのタイミングでその関数が実行されます。

例えばsetIntervalをクリーンアップする時などに使用します。

このクリーンアップタイミング ...

React

ポーリング処理などを行っている時に遭遇する「Can’t perform a React state update on an unmounted component.」の対処方法についてです。

このエラーは、ア ...