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