たみぼうず

Reactの関数コンポーネントでlodashのdebounceをそのまま使うと、毎回関数が実行されてしまってうまく機能しません。

これはdebounceが内部的にsetTimeoutを使用していることと、関数コンポーネント ...

mouseoverやscrollイベントが発火した際に何か処理を行いたいことはよくあることですが、これらのイベントは大量に発生するため、イベントが発火する度に関数を実行するとかなりの負荷がかかります。

lodashのdeb ...

ボタンコンポーネントにonClick時に実行したい関数を渡す場合は、以下のように書くことができます。

<button onClick={this.handleClick}/><button onClick={( ...

バジルを種から育ててみようと思い種を買ってきたのですが、種が予想以上に入っていたので大分余っていました。

そのため、余った種をすべて地面にまいたのですが、間隔を空けずに適当にまいたので、芽がかなり密集してしまいました。

前回環境構築を行いましたが、今回からは簡単なWebアプリケーションをSvelteで作成していきたいと思います。

作るのはひまわりの生育を記録するアプリです。

機能

まずは、以下の最低限の機能を実装していきます。

Array.prototype.find は undefined を返す可能性がありますが、必ずundefined以外の値が変えることを期待したいことがあります。(配列の中に、探したいものが必ずあるケース)

この場合は、f ...

Promiseのcatchで、共通の処理を行い時場合にカスタマイズされたcatchを追加してみました。

myCatch という関数を追加しています。

myCatch は、渡されたハンドラーを実行するとともに、共 ...

ReactやVueの次に流行るかもしれないSvelteの開発環境の構築方法です。

インストール

以下のコマンドを実行します。これだけでsvelteプロジェクトに必要なテンプレートがmy-svelteディレクトリにコピーされま ...

Webpackを使うとJSファイルを一つのファイルにバンドルできますが、圧縮されたファイルなのでエラーが発生したときはどこでエラーが発生したかを調査するのが難しくなります。

ソースマップとは変換後のコードと変換前のコードを ...

console.time を使用することで処理時間を計測することができます。

console.time('hoge')alert('1回目のアラート')console.timeLog('h ...