JavaScript

JavaScript

【JavaScript】初心者がimport、exportを完全に理解する

本記事では、JavaScriptでよく見かけるimportとexportについて分かりやすく解説する。 この記事を見ると書き方や、どのように読み込まれているかが理解できる。 ざっくり理解 あるファイルでexportしたオブジェクトは、imp...
JavaScript

Cannot find module ‘./manifest.json’. Consider using ‘–resolveJsonModule’ to import module with ‘.json’ extension.

原因 .jsonファイルをimportしようとするとTypeScriptの設定によって怒られる。 解決策 以下2点を確認すればOK。 tsconfig.jsonの設定値で、esolveJsonModuleを有効にする tsconfig.js...
JavaScript

【JavaScript】配列の扱い方

ここでは、JavaScriptの配列に関する基礎的な操作を解説する。 この記事でわかること 配列とは 配列の作成方法 配列の参照方法 配列の追加、削除 ループ 配列の注意点 配列とは 配列とは、同じ要素のデータを順序付きで格納しておくもの。...
JavaScript

ESLint/Prettierとは何か、両者の違いについて解説

ESLintとは ESLintはJavaScriptの静的解析ツールで、コードの問題点(バグの可能性があるコードなど)を発見、修正してくれる。 例えば下記のような指摘をしてくれる。 letを使っているが再代入していないので、constを使う...
JavaScript

【JavaScript】初心者向け関数の書き方3種類

javascript,関数,アロー関数,書き方,function,即時関数
JavaScript

【Nuxt.js】chart.jsを使ってみる

Nuxt.jsのプロジェクトにchart.jsを導入し、グラフを描画する。 一応Nuxt.jsとして紹介しているが、もちろんVue.jsでも利用できる。 参考 インストール Vueを使うときは、chart.jsをそのまま使うのではなく、vu...
JavaScript

Node.jsとは

Node.jsとは何か Node.jsは、JavaScriptのコードを動かすための基盤。 つまりNode.jsが使えると、JavaScriptを(ブラウザ以外で)実行できるようになる。 そのため、サーバーや自分のパソコン上でJavaScr...