JavaScript

Yarnまとめ

Yarnについてまとめました。 Yarnについて理解すべきことは以下です。 Yarnはnpmより高速でセキュリティが強化されたJavaScriptのパッケージ管理ツール Yarn自体はnpmを使ってパッケージをインストールする必要がある Yarnの設定はnpm同様、package.jsonで行…

npm基礎まとめ

npmについてまとめました。 npmについて理解すべきことは以下です。 npmはJavaScript、Node.jsのパッケージ管理システム npmを使うことで、パッケージの依存関係を解決して管理できたり、ビルドやテストなどのスクリプトを実行できる npmはNode.jsをインスト…

JavaScriptのオブジェクトリテラル・コンストラクタ関数・クラスについて

JavaScriptのオブジェクトについてまとめました。 オブジェクトとは オブジェクトとは、プロパティとメソッドが集まったもの。プロパティはオブジェクトのデータや属性といったものにあたり、メソッドはオブジェクトが行う処理のこと。 オブジェクトの作成方…

JavaScriptの関数まとめ

JavaScriptの関数についてまとめました。 関数の種類 関数宣言 関数宣言はfunctionキーワードを使った、最もオーソドックスな関数。 // 関数の定義 function fn() { console.log('fn') } // 関数の実行 fn() 関数内でreturnを実行するとそれ以降の処理が行わ…

JavaScriptの実行環境まとめ

JavaScriptがどのように実行されるかについてまとめました。 JavaScriptの実行環境 JavaScriptはJavaScriptエンジンで実行される。 JavaScriptエンジンはJavaScriptのコードを解析してコンパイルし実行するプログラム。 JavaScriptエンジン上でECMAScriptやW…

jsprimerで学んだJavaScriptの基礎まとめ

JavaScriptの基礎を学ぶためにjsprimerという無料の教材を読んで写経しました。 感想 内容は2部構成になっていて、1部でJavaScriptの基礎文法を学び、2部でサンプルのアプリを作成します。 無料ですが文法をしっかり学んだ上でアプリを作ることもできるので…

JavaScriptのスコープの違い

JavaScriptのスコープについてまとめました。 スコープとは スコープとは、実行中のコードから変数や関数などの値と式が参照できる範囲のこと。スコープの内側では参照ができ、スコープの外からスコープに定義されている変数は参照できない。 異なるスコープ…

JavaScriptのvar、let、constの違い

JavaScriptの変数についてまとめました。 変数の定義にはvar、let、constの3つのキーワードを使うことができる。 var varはES6以前からある変数を定義するためのキーワード。 var a = 0 console.log(a) // 0 // 再代入ができてしまう a = 1 console.log(a) /…

JavaScriptのプリミティブ型とオブジェクトのコピーの違い

JavaScriptのプリミティブ型の値とオブジェクトをコピーしたときの違いについてまとめました。 プリミティブ型 プリミティブ型をコピーすると値そのものがコピーされる。 var a = 0 // aを変数bにコピーする var b = a console.log(b); // 0 // aの値を変更…