Javascript

Javascript

Javascriptでオブジェクトが空かどうか判定する

ES2017以降 Object.entries(obj).length === 0 && obj.constructor === Object Object.entriesが使用できるブラウザならこれでOKです。 Int...
Javascript

JWTで発行したTokenをCookieに保存して使用する

複数のWeb APIを使うWebアプリの場合、ユーザー認証にTokenを使うのが便利です。 サーバーでcookieにトークンを保存して返す cookieにjwtというキーでacessTokenを保存します。 res.cookie("...
Javascript

「TypeError: Cannot read property ‘state’ of undefined」に出会ったらJavascriptの”this”について真剣に考えよう

Javascriptのthisは本当にわかりにくい <form className="ui form" onSubmit={this.onFormSubmit}> で呼んだonFormSubmit関数でエラーがでる。 on...
Javascript

非同期通信Ajaxをできるだけ分かりやすく説明してみた

同期通信と非同期通信 同期通信と非同期通信の違いを考える前に、プログラムによる処理とは何かについて考えてみましょう。 同期処理とは? 処理が同期しているとはどういうことでしょうか? 処理A → 処理B → 処理C → 処理D と順...
Javascript

Javascript Arrayの基本まとめ

//アレイの例 const numbers = ; const numbers2 = new Array(22, 43, 56, 21, 22); const fruit = ; const mixed = ; let val; con...
Javascript

Promiseをasyncとawaitで書き換える

非同期通信の書き方ですが、Promiseを使って以下のように書けます。 function fetchAlbums() { fetch(' .then(res => res.json()) .then(json =...
Javascript

JavascriptでDebuggerを使う

'debugger;'文を関数に記述 その関数を呼び出すようにする ターミナルで'node inspect index.js' とinspectを使ってJSファイルを起動 c + enter でdebugger文の所に行く、c+ent...
ES6

ES6: varとletとconstの違い

varとletとconstの違いを見て行きます。 varは書き換え、再定義どちらもできます。 これはプログラムが大きくなっていくと、バグの温床になります。 特に複数人で開発する体制では偶然、他の人が気づかずに同じ名前の変数...