JavaScript

JavaScript

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

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

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

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

【JavaScript】配列の扱い方

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

【JavaScript】初心者向けvar,let,constの使い分け、違い – constは定数ではない

初心者がJavaScriptを学ぶ上で最初に混乱するvar,let,constに関して、どうやって使い分けていけば良いか解説する。結論最初に結論から言うと、以下のように覚えておけば大丈夫。可読性の高いコードにするために、基本はconst一択...
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をそのまま使うのではなく、vue-ch...
JavaScript

Node.jsとは

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