Javascript Javascriptでオブジェクトが空かどうか判定する
ES2017以降 Object.entries(obj).length === 0 && obj.constructor === Object Object.entriesが使用できるブラウザならこれでOKです。 Internet Expl...
Javascript
Javascript Javascript JWTで発行したTokenをCookieに保存して使用する
複数のWeb APIを使うWebアプリの場合、ユーザー認証にTokenを使うのが便利です。 サーバーでcookieにトークンを保存して返す cookieにjwtというキーでacessTokenを保存します。 res.cookie("jwt"...
Javascript 「TypeError: Cannot read property ‘state’ of undefined」に出会ったらJavascriptの”this”について真剣に考えよう
Javascriptのthisは本当にわかりにくい <form className="ui form" onSubmit={this.onFormSubmit}> で呼んだonFormSubmit関数でエラーがでる。 onFormSubmi...
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; conso...
Javascript Promiseをasyncとawaitで書き換える
非同期通信の書き方ですが、Promiseを使って以下のように書けます。 function fetchAlbums() { fetch(' .then(res => res.json()) .then(json => console.log(...
Javascript JavascriptでDebuggerを使う
'debugger;'文を関数に記述 その関数を呼び出すようにする ターミナルで'node inspect index.js' とinspectを使ってJSファイルを起動 c + enter でdebugger文の所に行く、c+enterで...
ES6 ES6: varとletとconstの違い
varとletとconstの違いを見て行きます。 varは書き換え、再定義どちらもできます。 これはプログラムが大きくなっていくと、バグの温床になります。 特に複数人で開発する体制では偶然、他の人が気づかずに同じ名前の変数を宣言してしまうこ...