「JS(プログラミング)なんて大っ嫌いだぁああああ!!!!!!!!!!!!!!!!」と言い続けて早●●年。
すでに諦めかけていた私にとうとう見かねたのか、社内勉強会なるものを開催してくれました。(終了回数未定)
せっかくなので、メモを公開していこうと思います。
Java Scriptとは?
- HTML文書の「ふるまい」を担当する言語
- ECMA Scriptがもとになっている言語
ブラウザ対応状況
- ES2019 (ES7) javascriptの仕様が変わっていく。先に言語がアップグレードされるので、最新の言語に対応するブラウザは少ない。ブラウザの方が後追いしている。
- EdgeはChromiumベースになる。
型演算
-
1 == "1"
「1」が文字列として区別されるようにするには、1 === "1"
とイコールを3つにする=
が2つの時は、比較する 、1つの時は代入する。 -
this
の使い方は様々(スコープによって変化する)なので注意が必要。
使いづらさを解消するための中間言語
altJS
- Javascriptの使いづらさを解消したもの。実行には、Javascriptのコンパイルが必要。
Node.js
- サーバーサイドで動かすjavascript。
jQuery
- JSの記述を容易にするためのライブラリ。ブラウザごとの実装の違いを吸収できるため、ブラウザごとの対応が必要ない。
- 画面単位では、違うバージョンを読むことは可能。書き方はバージョンによって違うので、共通のjsはコピーする必要がある。
jQueryでできること
- DOMの操作。(追加削除変更)
- イベント処理(ボタンクリック)
- エフェクト・アニメーション
- Ajax 非同期通信
- ユーティリティ
Ajax
- 同期→全部の情報をサーバーから取得する
- 非同期→一部分だけ(取得したいHTML)を取得できるような処理をサーバー側においておき、部分的に取得する処理をjsでできる。
jQuery は$を作る
変数
- よくある箱の説明。
- セミコロンで終わる(省略できる)。改行されるとセミコロンの扱いと同じくなる場合がある。
- 文字列は
''
でくくる。""
も可。 - 値の種類・・・数字、文字列
ここまでで既に脳に拒否反応が現れそうでしたが、第2回も開催が予定されてますので、脳を鍛えたいと思います!