LoginSignup
6
5

More than 3 years have passed since last update.

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

Last updated at Posted at 2019-06-11

「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回

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5