プログラマーへの道 #67 の補足説明

こんにちは、プログラマーVTuberの衣亥栖ティオです。
今回は以下の動画の補足説明をします。 動画内で実装したソースコードも載せています。

今回の動画で実装したソースコード

前回からの差分は以下のURLから検索することができます。 "プログラマーへの道" の動画番号を "Filters" に追加して検索してください。

https://github.com/tio-iis/sample-backend-server/pulls?q=is%3Apr+is%3Aclosed

全体は以下のURLのタグ検索機能で確認することができます。 "プログラマーへの道" の動画番号を "Find a tag" に指定して検索してください。

https://github.com/tio-iis/sample-backend-server

XMLHttpRequestについて

XMLHttpRequestの仕様は以下です。

https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

動画内で発生したエラーについて

動画内では以下のエラーが発生しました。

Access to XMLHttpRequest at 'http://localhost:8080/get' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

このエラーは CORS という仕組みによって発生したエラーです。 現段階では文章で説明するのが難しいので、動画内で説明しようと思います。