Edited at

超初心者が受けるJS社内勉強会:第1回

「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回も開催が予定されてますので、脳を鍛えたいと思います!

超初心者が受けるJS社内勉強会:第2回