JavaScript, プログラミング入門

言葉で表現すると難しいので、結果を用いて説明しますと、以下のような配列を

,,,]

以下のようにします。

, , ]

コードは以下です。

const array = ,,,];const result = a ...

JavaScript, プログラミング入門

今回は非同期処理、コールバック、Promise について、なぜ・どのように使うのかをなんとなくイメージできるような実例を記載しました。

非同期

JavaScript で以下のプログラムを書いてみます。

X秒後に値Y返す ...

JavaScript, プログラミング入門

Promise の引数には関数を渡します。その関数の引数には、resolve と reject という二つの引数を持たせます。

(resolve, reject) => {//非同期処理}

以下はPromiseの引数に ...

JavaScript

console.log(0/0);//NaNconsole.log(10/0);//Infinityconsole.log(-10/0);//-Infinityconsole.log(0/10);//0

NaN は非数を表します。

JavaScript, TypeScript

TypeScriptなしで書いてみる

第一引数で受け取ったオブジェクトのidプロパティが、第二引数の値と同じであれば true、異なれば false を返す関数を書いてみます。

function checkId(item, id) ...

JavaScript, TypeScript

{id: 100} や {id: ‘100’} のように、id というプロパティをもつオブジェクトの id の型を取得したい。

type Id<T> = T extends {id: infe ...

JavaScript, webpack

前回に引き続き webpack 入門です。

今回はこれまでのおさらいも兼ねて全体像をみたいと思います。

webpack は、フロントエンドで必要なファイルの依存関係をみて、それらをバンドルしてくれるツールです。 ...

システム開発, プログラミング入門

システムをリリースする際や、パッケージを更新する際にはバージョンをつけます。

バージョン管理方法としてセマンティック バージョニングという仕様があります。

三つの数字で表します。

例えば、1.0.2 ...

JavaScript, webpack

前回に引き続き webpack の入門です。

今回は以前少し登場した entry オプションを設定ファイルに記述します。

entry を設定する

まず index.js を app.js などに名前を変更します。 ...

JavaScript, webpack

前回に引き続き webpack 入門です。

今回は設定ファイルの webpack.config.js について触れます。

webpack.config.js とは

これまでは、webpack のオプションをコマン ...