初めてのJavaScript その１ #JavaScript

JavaScriptとは何か

ブラウザで実行できるスクリプト言語（コンパイルが不要、正確にはブラウザがコンパイルしながら実行してくれる）
動きのあるWebサイトを構築できる（一時的にFlashが流行りましたが、今はJavaScriptの天下な気がします）
よく言われてるけど、Javaとは別物です
静的なwebページに動きをつけるので、HTMlについて知っておかないといけない

準備

テキストエディタ（メモ帳などなんでもＯＫ　※Atomが高機能でおすすめ、しかしPCのスペックが低いと重いです）
で静的コンテンツを用意する。

index.html

<!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>タイトル</title>
    </head>
    <body></body>
</html>

とりあえず書いてみる

index.html

<!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>タイトル</title>
    </head>
    <body>
            <script src="script.js"></script>
            <script>
            /*
            この記号の中にコメントが書けます。
 　　　　　　JavaScriptのソースは<script>の中で書けます。または、外部のjsファイルに書いて、htmlから呼び出すことも可能です。
            */
            // 一行の場合のコメントはこのように書けます。

            // 変数に関して、変数はデータを入れる箱というイメージです。
            var aisatu = "こんにちは"; // varでaisatuという名前の変数を制限して、文字列を変数に代入

            </script>
    </body>
</html>

変数の種類

文字列例："こんにちは"
数値例: 123
真偽値例：true または false
オブジェクト: データのまとまり、例えばuserというオブジェクトがあるとして、userの中にnameやageがあるイメージ
配列　例：['リンゴ', 'バナナ', 'イチゴ']
undefined 定義されていない
null 何もない

数値の演算

index.html

    <script>
        var x;
        x = 1 + 2;   // xが3になる
        x = 2 - 1; // xが1になる
        x = 10 * 2; // xは20となる
        x = 10 / 2; // xは5となる
        x = 10 % 3; // 余りが1となる
        x++; // xが7となる
        x--; // xが6となる
    </script>

文字の連結と特文字

\n 改行
\t タブ
s = "hello " + "world"; helloworld　となる

条件分岐

index.html

    <script>
        var score = 50;
        if (score > 60) {
            // スコアが60より大きい時の処理
        } else if (score > 40) {
            // スコアが40より大きい時の処理
        } else {
            // スコアが40以下の時の処理
        }
    </script>

比較演算子

> a > b // aがbより大きい
< a < b // aがbより小さい
>= a >= b // aがb以上
<= a <= b // aがb以下
== a == b // aがbと等しい
!= a != b // aがbと等しくない

論理演算子

&& a && b // aかつb
|| a || b // aまたはb
! !true // falseである

一旦ここまで、続きは次回で！！