JSおくのほそ道 #000 [IndexPage]

ご挨拶

じぇいえすや 嗚呼じぇいえすや じぇいえすや

初めまして！
JavaScript街道600里を歩きながら、その中で生まれた発見や探求を詠み上げます。
テーマはとしては
「JavaScript基礎のその奥へ！」
を掲げてやって参ります。

単なる概要紹介と手順ではなく、一歩掘り下げた検証や考察を入れつつ
裏側(ソース)はなるべく見て周り、
「どのようなアーキテクチャによりそのモノが動いているのか」
もチェックしながら進めていきたいと思います。

Index

1つのトピックで1~10位の投稿を予定しています
順不同に書き進めます

もはや常識！？NodeJSの基本

• 非同期型イベント駆動とは
• イベントループの仕組みを探る
• モジュール＆npmのキホン
• Webサーバ＋アプリ構築が速すぎる件
• Socket.ioで双方向通信チャットアプリを構築

ビルドツールの骨身に迫る

• Gruntとの上手な付き合い方
• gulpとの上手な付き合い方
• Gruntとgulpを比較

JSライブラリ検証-jQueryのアーキテクチャ

• jQueryを使うべきところ
• Grunt管理されたjQueryでコードハック
• jQueryセレクタの仕組み
• jQueryから学ぶHTML文字列からのDOM要素生成
• jQuery拡張の仕組み

コーディングの痒い所を掻く

• Javascriptのcall/apply関数のプロっぽい使い方
• Javascriptのbind関数と部分適用
• JavaScriptのGetter/Setter
• JavaScriptのプロパティディスクリプタ

altJSにトライ！

• CoffeeScript実行環境を整える
• CoffeeScriptシンタックスの威力が発揮される記述まとめ

クライアントサイド掘り下げ

• DOMイベントのキャプチャ/バブリングを整理する

体で覚えるVue.js

• ViewModel生成編
• ディレクティブ編
• [インスタンスメンバ編]
  (http://qiita.com/setzz/items/ebbfcc3565bcd27f344c)
• [グローバルメソッド編]
  (http://qiita.com/setzz/items/8f06f2fe6049173b17f9)
• [フィルター編]
  (http://qiita.com/setzz/items/e37c47d3f22e5738eb84)
• [v-repeatネスト編]
  (http://qiita.com/setzz/items/6f22ebd15bcc0afe1ab0)

モジュール管理

• RequireJS入門
• Webpack入門

イマドキのJSテスト

• jasmine + rewireで他モジュールに依存したモジュールテストを単体でやりきる編
• karma + karma-html2js-preprocessorでブラウザ/DOMを絡めたUIテストを実行する編
• テスト環境をモダンフロントエンドツール群で整備する編

ES6

• babelで扱えるEcmaScript6の新オブジェクト
• ES6のconstを使い倒すレシピ
  • 前提共有編
  • Object.freeze編
  • immutable.js編
  • コレクション一発代入/一発返却編
  • 条件分岐一発代入/一発返却編

React

• ノイズを剥がしてreact with reduxのカタチを見つめ、段階的に理解を深める

SVG

• 己の感覚のままに装飾しながら、SVGで折れ線グラフを描いてみる

環境構築

• 生産性が高くホワイトボックスなローカルSPA開発環境レシピ

番外編(Elm Love!)

• Statefulな親子コンポーネントとSubscriptionの扱いを整理してみます
• Elmを肴に#なしの綺麗なURL(URI)のSPAを作ってみます
• elm-testのテストコード改良に挑戦してみます
• Elmの「あの感じ」のドキュメントを社内スコープで展開してみます

---

※ うまそうなネタが見つかったら随時チャレンジして参ります！