JavaScript

Chart.jsを使おうとして ReferenceError: Chart is not defined が出たときの対処法

起きた問題 グラフを作成するのに便利なchart.jsを使おうとしたが上手くブラウザに表示されずに、Developer Modeを開くと “ReferenceError: Chart is not defined” というエラーが出たときの対処法を記します。 結論としては、htmlファイル内でmain.jsより上にchart.jsを読み込めば解決しました。 <scri […]

変更したはずのCSS/JavaScriptがサイトに反映されない!?ときの対処法

WEBページを作成中にCSSやJavaScriptを更新しサーバーに置いたにもかかわらず、サイトに反映されない!?どうすればいいんだ・・・となったときの対処法です。 ずばり原因は、キャッシュにあります。過去にアクセスしたときの古いCSSやJavaScriptファイルがキャッシュとしてブラウザに保存されており、そっちを読み込んでいるのが原因です。   キャッシュをクリアしてブラウザを更新 […]

【JavaScript】slice()の使い方

slice()ってなに? JavaScriptで文字列の一部を抽出するmethodが、slice()です。 たとえば、mozillaという文字列からmoだけ取り出したい場合、次のようにコードを書きます。 let str = 'mozilla'; str.slice(0, 2); 1行目は、’mozilla’ という文字列を、strという変数に入れています。 2行目で、 […]

【JavaScript】変数の宣言方法 const, let, var

const 再代入できない、再定義できない let 再代入できる、再定義できない var 再代入できる、再定義できる   constをまず使いましょう。それでも上手くいかない場合はletを使います。 基本的に、varは使わないようにします。バグの温床になるからです。   参考にしたYouTube