JavaScript 開発のまとめ（用語、ツール……）

前提

• 2018/02/18 現在でかき集めた内容です
• リポジトリ等へのリンクを付け加えたい

用語

• 即時関数
  • 関数を書いて、その場で実行させる（ような書き方）
  • 「グローバル汚染」を避けるため
• 無名関数（匿名関数）
  • 関数名をつけない関数
    • ES6では利便性があるのでよく使われる
    • 即時関数と相性が良いので使われる
    • 引数としても使われる
    • 関数リテラルを宣言する場合に使われる
• 高階関数
  • 関数を引数に取る関数
  • 関数を戻り値に取る関数
• コールバック関数
  • 高階関数の引数である関数
  • つまり、関数の中で後から呼ばれる関数（＝コールバック）という意味
• 関数リテラル
  • 関数を変数に代入する際の「関数の記述部分」のこと
    • 無名関数で書く
    • 変数名が関数名（のようなもの）になる
• クロージャ
  • 「ローカル変数を参照している関数内関数」
  • インスタンス（と便宜上言う）ごとに関数内変数を別々の値として扱うことができる
  • スコープの関係上、クロージャを使うと都合が良い
• ES6的な書き方
  • let
  • アローによる関数の定義

参考記事

• JavaScript中級者への道【1. 関数はオブジェクトの一種】
  • https://qiita.com/matsuby/items/3f1c59e021508ca754d0
• JavaScript中級者への道【2. 4種類のthis】
  • https://qiita.com/matsuby/items/36ac4743d5eed2391116
• JavaScript中級者への道【3. 関数スコープ】
  • https://qiita.com/matsuby/items/1010ae38ee6258fd8020
• JavaScript中級者への道【5. コールバック関数】
  • https://qiita.com/matsuby/items/3f635943f25e520b7c20

関連ソフトウェア分類

パッケージ管理ツール

• Bower（非推奨）
• npm
• yarn
  • npm から yarn に移行する際は一度 node_modules/ を消すのが安全

タスクランナー

• Grunt
• Gulp

モジュールバンドラ

• Browserify
• FuseBox
• Rollup
• webpack
• parcel

トランスパイラ

• Babel

言語

• ES6 (ES2015)
• JSX
• TypeScript
• CoffeeScript

参考書籍

改訂新版JavaScript本格入門 ～モダンスタイルによる基礎から現場での応用まで