👶
JavaScript基礎
🌐 JavaScriptとは
🔥 この記事を読むとできるようになること
- プログラムとは何か説明できる
- JavaScriptが、なぜ初心者の学習に向いている言語なのか説明できる
- JavaScriptのExpressionとは何か説明でき、実際に使える
- 算術演算子とは何か説明でき、実際に使える
- 文字列型や数値型といったJavaScriptのデータ型を説明でき、実際に使える
- 上記の単語を理解できる
🧐 コンピューターはなぜ必要？
コンピューターは賢くないけど速い、飽きない。
人間は賢いが遅い、繰り返し作業が苦手である。
- プログラム： コンピューターに対するひとまとまりの命令
人間は直感的に行動することができる。
直感に詳細な指示は必要ない。
コンピューターはそれができず、具体的な指示を必要とする。
どうやってコンピューターに指示するのか、それはプログラミング言語。
＜ プログラミング言語の種類 ＞
- 高水準言語 ･･･ JavaScript
- アセンブリ言語
- 低水準言語 ･･･ マシン語（0と1に組み合わせ）
🤔 なぜ、JavaScript？
あらゆる人が毎日、自分のコンピューターでJavaScriptを活用するアプリを使用している。
それはブラウザ（Google Chrome, Safari, Microsoft Edge）。
Webブラウザは、
ユーザーの入力に応じて違うコンテンツを表示する、
サーバーにユーザーの入力情報を送る等々、
ダイナミックな面を実装するのにJavaScriptを使用している。
その他にも理由がある。
- 初心者向けの資料が豊富にある
- 始める準備が簡単
- 結果がすぐ目に見え、とっつきやすい
- 開発者の数が多い
- 技術革新が多く、言語自体が進化しつつある
✅ JavaScript基礎（JS）
・ Types（データ型）･･･ データの異なるカテゴリ（文字列型、数値型など）
・ Operator（演算子）･･･ 値を導き出すために必要なもの（+、**など）
算術演算子（Arithmetic Operators）
・ Expression（式）･･･ 値を導き出すあらゆるコード（1+2、"Java"+"Script"など）
算術式（Arithmetic expressions）： 数値型を導き出す式
⇒ 1 + 2 = 3 、 6 / 3 = 2
文字列結合（Concatenation）： 2つの文字列を結合すること
⇒ "Java" + "Script" = "JavaScript"
📚 レビュー
- プログラムとは何か？
- JavaScriptを学ぶ理由は？
- データ型の種類は？
- Expression（式）とは何か？
- 以下の演算子は何を意味するか？
👾 Google Chromeのデベロッパーツールを使おう！
新しいタブ画面右上のGoogle Chromeの設定 ⇒ その他のツール ⇒ デベロッパーツール
※ショートカットキー： Command + Option + J（Mac）, Ctrl + Shift + J（Windows）
デベロッパーツールを開いたらConsoleタブをクリック。
今後、consoleに式を入力してみましょう。それぞれ何が起こるでしょうか。
- number（数値型）
number
5000 * -100 * (1 + 2) * (5 * 6); // -45000000
- string（文字列型）
string
"Lady " + "Gaga"; // "Lady Gaga"
"hello world".length; // 11
※ .length（lengthプロパティ） とは文字列の長さを返します。
Discussion