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 は、フロントエンドで必要なファイルの依存関係をみて、それらをバンドルしてくれるツールです。 ...

JavaScript, webpack

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

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

entry を設定する

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

JavaScript, webpack

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

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

webpack.config.js とは

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

JavaScript, 覚書

npm モジュールの脆弱性を対応することはプロダクトをつくる上で非常に重要です。

npm には脆弱性をチェックする機能があります。

プロジェクトで以下のコマンドを実行します。

$ npm audit

...

JavaScript, プログラミング入門

この機能はまだブラウザー間相互運用の安定性に達していないため、試験的に使用することを推奨します。

オブジェクトのプロパティにアクセスする際に、そのプロパティが存在するかをチェックしないとエラーになります。

例え ...