JavaScrpitお勉強用リンク集

私用の備忘録。ふやして整理していくつもりです。出遅れを取り戻さなければ…。勉強する予定のものをリストアップしていますが、jQueryやbackbone.jsはまだ手を付けてないので空欄。…まぁjQueryは業務で軽く触れてるし、ぶっちゃけ難しくないので、ガッツリやらんでもいいかなぁという気がするような、しないような。

JS基本の基本

• クラスや高階関数等
  1. http://www.h4.dion.ne.jp/~unkai/js/index.html
  2. http://so-zou.jp/web-app/tech/programming/javascript/grammar/function/class/
• use strictの意味
  1. http://analogic.jp/use-strict/
• JavaScriptリファレンス
  1. https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference

underscore.js入門

1. 1. http://qiita.com/hp0me/items/72d80dc166aace2759dc
   2. http://d.hatena.ne.jp/ninoseki/20110414/1302786001
   3. http://dotinstall.com/lessons/basic_underscorejs

QUnit（単体テスト・フレームワーク）

1. 1. http://devadjust.exblog.jp/16839477
   2. http://jxck.hatenablog.com/entry/20100721/1279681676 qUnitの非同期テストなど。

JSCover(カバレッジツール。簡易WEBサーバとしても使える）

1. 1. http://makoto-tanaka.com/javascript/3373/

静的コードチェックはJsHintがよい。以下は、JsHintをBracketsに設定するプラグイン。

1. 1. http://brackets.dnbard.com/extension/jshint.configurator

Sinon.js（モック・フレームワーク）

1. 1. http://alpha.mixi.co.jp/entry/2011/10798/
   2. http://dev.classmethod.jp/etc/javascript_testing_framework_sinonjs-1/

jQuery

1. 1. 未定。

backbone.js

• Backbone.js 使い方メモ
  1. http://qiita.com/opengl-8080/items/36e9b380c64ba7766511|

• 日本語リファレンス（ふるい）
  1. http://ando19721226.github.io/Backbone/

• 試して学ぶBackbone.js
  1. https://appkitbox.com/knowledge/javascript/20130315-45

• Backbone.js公式
  1. http://backbonejs.org/

• Backbone.jsでクライアントMVCに挑戦！
  1. http://it.typeac.jp/article/show/4

• ドットインストール
  1. http://dotinstall.com/lessons/basic_backbonejs

• yutaponのブログ
  1. http://yutapon.hatenablog.com/archive/category/Backbone.js

• Backbone.js導入のハマりポイントとテンプレートを使わない使い方
  1. http://blog.nanapi.co.jp/tech/2013/09/25/backbone-js/

• ClientMVC比較（IBM)
  1. http://www.ibm.com/developerworks/jp/web/library/wa-clientmvc/index.html

• JavaScriptのMVCフレームワークと仲間たち
  1. http://dev.classmethod.jp/ria/javascript-mvc-frameworks/

• Backbone.jsの設計
  1. http://sssslide.com/speakerdeck.com/utwang/she-ji-pointofalse-bi-jiao-dezhi-ru-backbone-dot-js
  2. http://hokaccha.github.io/slides/javascript_design_and_test/

• jQuery to Backbone 2
  1. http://sssslide.com/speakerdeck.com/ahomu/jquery-to-backbone-2

• bootstrap validatorのサンプル（わかりやすそう。stickit使うのは前提。）
  1. http://jsfiddle.net/thedersen/c3kK2/

• このへんも。
  1. http://www.slideshare.net/itokami1123/01-backbone
  2. http://nekogata.hatenablog.com/entry/2013/11/12/042104
  3. http://acro-engineer.hatenablog.com/
  4. http://www.buildinsider.net/web/bookjslib111/86
  5. http://www.slideshare.net/sagawafumio/web-35151403
  6. http://www.buildinsider.net/web/bookjslib111/86

Grunt(ビルドツール)

1. 1. http://www.atmarkit.co.jp/ait/articles/1403/04/news020.html

Browserify(requireできるツール？依存関係管理らしい）

http://qiita.com/cognitom/items/4c63969b5085c90639d4

そのうちの教材として。

jQueryを読もう

1. 1. http://gihyo.jp/dev/feature/01/jquery/0010?page=3

ECMAScript6

1. 1. https://www.xenophy.com/javascript/8447

jQueryのdocument.ready時のスコープの話

1. 1. http://maeharin.hatenablog.com/entry/20130305/jquery_ready

後、購入した本はこれだが、、、
JavaScript本格入門　〜モダンスタイルによる基礎からAjax・ｊQueryまで
http://www.amazon.co.jp/dp/4774144665/ref=wl_it_dp_o_pC_S_ttl?_encoding=UTF8&colid=3VQ86NTG8LHHI&coliid=I2OCLS0I2D5T6H

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
http://www.amazon.co.jp/gp/product/4873113911?colid=3VQ86NTG8LHHI&coliid=IHHSVMTB805FR&ref_=wl_it_dp_o_pC_S_ttl

前者の本は読み流しやすいが、結構浅いのであまり深追い（＝写経）せんほうがいいかなぁという気持ちも。クラスの定義のやり方とか古いっぽいし。早めに後者や、「パーフェクトJavaScript」の写経にシフトしたほうが良いかもしれん。同僚には、今からやるならECMAScript6にしとけよ！って言われたけど、まぁ、まだ早いよなぁ…。