JavaScript 入門 非同期処理/コールバック/Promise なんとなくイメージする
今回は非同期処理、コールバック、Promise について、なぜ・どのように使うのかをなんとなくイメージできるような実例を記載しました。
非同期JavaScript で以下のプログラムを書いてみます。
X秒後に値Y返す ...
JavaScript 入門 Promise の引数について
Promise の引数には関数を渡します。その関数の引数には、resolve と reject という二つの引数を持たせます。
(resolve, reject) => {//非同期処理}以下はPromiseの引数に ...
JavaScript の割り算 NaN, Infinity
NaN は非数を表します。
TypeScript 入門 利用例 オブジェクトの型
第一引数で受け取ったオブジェクトのidプロパティが、第二引数の値と同じであれば true、異なれば false を返す関数を書いてみます。
function checkId(item, id) ...
TypeScript infer の使い所
{id: 100} や {id: ‘100’} のように、id というプロパティをもつオブジェクトの id の型を取得したい。
type Id<T> = T extends {id: infe ...
webpack 入門 全体像をみるためのちょっとしたおさらい
前回に引き続き webpack 入門です。
今回はこれまでのおさらいも兼ねて全体像をみたいと思います。
webpack は、フロントエンドで必要なファイルの依存関係をみて、それらをバンドルしてくれるツールです。 ...
webpack 入門 設定ファイルに entry を設定してみよう
前回に引き続き webpack の入門です。
今回は以前少し登場した entry オプションを設定ファイルに記述します。
entry を設定するまず index.js を app.js などに名前を変更します。 ...
webpack 入門 設定ファイルを使ってみよう
前回に引き続き webpack 入門です。
今回は設定ファイルの webpack.config.js について触れます。
webpack.config.js とはこれまでは、webpack のオプションをコマン ...
npm audit で脆弱性をチェックしよう
npm モジュールの脆弱性を対応することはプロダクトをつくる上で非常に重要です。
npm には脆弱性をチェックする機能があります。
プロジェクトで以下のコマンドを実行します。
$ npm audit...
JavaScript の Optional chaining を使ってみよう
この機能はまだブラウザー間相互運用の安定性に達していないため、試験的に使用することを推奨します。
オブジェクトのプロパティにアクセスする際に、そのプロパティが存在するかをチェックしないとエラーになります。
例え ...