haruno javascript matsuri

1. Underscore.js入門
2015.04.25 春のJavaScript祭

2. 自己紹介
株式会社ホットスタートアップ
香月雄介(@katsukii)

3. Underscore.jsとは
JavaScriptの便利関数
の集合体ライブラリ。100
個くらいの関数が定義さ
れている。
Backbone.jsも
Underscore.jsに依存し
ている。

4. Underscore.jsの導入
1. 公式サイトからファイルをダウンロードする
http://underscorejs.org/
2.HTMLのheadタグで読み込む

5. Underscore.jsの書き方
Underscore.jsを読み込むと、「_」というオブジェク
トがが生成される。
このオブジェクトに便利な機能が詰まっている。

6. Underscore.js
便利関数5選

7. each
PHPでいうforeachに近い。配列にもオブジェクトにも使える。第
二引数である関数の第二引数にはindex番号が渡される（オブ
ジェクトの場合はkey）

8. sortBy
配列を渡すと、関数処理により昇順に並べ替えられた配列とし
て返ってくる。

9. filter
集合要素から条件にマッチしたものを探して配列にして

10. isUndefined
他にもisEmpty, isString, isNull, isNumberなど。

11. keys, values
keys:オブジェクトのプロパティ名を配列にして返す
values:オブジェクトのプロパティの値をすべて返す

12. Underscore.jsを使うメリット
- 関数名により処理内容が明示的になるため、可
読性が上がる
- コード量が減る
- 配列扱うときに繰り返し処理とかやらなくてよく
なる

13. jQueryとの棲み分け
jQueryにもeachやbindとかはあるけど？？？

14. jQueryとの棲み分け
jQueryにもeachやbindとかはあるけど？？？
AjaxやDOM操作etc...
配列・オブジェクト操作etc...

15. jQueryとの棲み分け
UnderscoreはjQueryのタ
キシードとBackbone.jsの
サスペンダーにあうようなネ
クタイです。
親和性は非常に高いので両方読み込んで便利に使える。

16. ペライチお手伝いメンバー募集
ペライチでは平日夜や土日にお手伝いいただける方を
募集しています。
- Webサービス開発に興味がある方
- スタートアップの中身を覗きたい方
- チーム開発に参加してみたい方
ご興味ある方は懇親会でお話しましょう！！

17. https://peraichi.com/