JavaScript

以下のように、hoge はデフォルトでエクスポートされているとします。

const hoge = () => 'hoge';export default hoge;

これを別名でインポートしたい場合は、 ...

JavaScript, 覚書

package.json に以下のような設定があり、npm run start で main.js を実行できるようにしているとします。

"scripts": { "start": &qu ...

JavaScript, プログラミング入門

npm run を実行することで package.json に記載されたスクリプトを実行できます。

例えば、package.jsonに以下のように記載をして

"scripts": { " ...

JavaScript, 覚書

疑問に思って調べたことのメモです。

await を使う時に、後続の値はPromiseを書くのが普通ですが、以下のようにPromise以外の値を指定した場合にどうなるのか。

async function f2() { ...

システム開発, 覚書

テストをする時にイレギュラーなケースをテストしたいことがあります。

例えば、ネットワークがつながっていないときやネットワークの速度が遅い時に、どのように動作するかを確認したい時です。

ChromeではF12キー ...

JavaScript, プログラミング入門

mapに引き続きreduceについてです。

mapはある配列から新たな配列を作成するための関数でした。

reduceは、ある配列から結果を集めるために使用します。

例えば、以下のような商品データがあ ...

JavaScript

JavaScriptのmapは、配列に対して、引数で渡された処理を順番に実行して、新しい配列を作成します。

例えば、 という配列の各要素の値を2倍にした配列を作りたいとします。

map を使うと以下のようなイメ ...

JavaScript

lodashのtapを使うと、チェーンの間に処理を挟むことができます。

例えば、途中の値をconsole.logで確認したい時には、以下のようにします。

const array = ;const twoTime = ...

JavaScript

プログラムを書く上で再利用可能なコードを書くことは非常に重要です。

再利用可能なコードを書くときの、私の頭の中のフローをご紹介します。

ハードコードする

ハードコードしてもプログラムとしては動きます。

React

私が初めてReactで開発を行った時は、Reduxを使うのがデファクトスタンダードだよ、という風潮があったために、特に何も考えずにReduxを使い始めました。

結局、Reduxのメリットが分かったのは実際に使い始めてからで ...