Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Underscore.js入門
2015.04.25 春のJavaScript祭
自己紹介
株式会社ホットスタートアップ
香月雄介(@katsukii)
  
Underscore.jsとは
JavaScriptの便利関数
の集合体ライブラリ。100
個くらいの関数が定義さ
れている。
Backbone.jsも
Underscore.jsに依存し
ている。
Underscore.jsの導入
1. 公式サイトからファイルをダウンロードする
http://underscorejs.org/
2.HTMLのheadタグで読み込む
Underscore.jsの書き方
Underscore.jsを読み込むと、「_」というオブジェク
トがが生成される。
このオブジェクトに便利な機能が詰まっている。
Underscore.js
便利関数5選
each
PHPでいうforeachに近い。配列にもオブジェクトにも使える。第
二引数である関数の第二引数にはindex番号が渡される(オブ
ジェクトの場合はkey)
sortBy
配列を渡すと、関数処理により昇順に並べ替えられた配列とし
て返ってくる。
filter
集合要素から条件にマッチしたものを探して配列にして
isUndefined
他にもisEmpty, isString, isNull, isNumberなど。
keys, values
keys:オブジェクトのプロパティ名を配列にして返す
values:オブジェクトのプロパティの値をすべて返す
Underscore.jsを使うメリット
- 関数名により処理内容が明示的になるため、可
読性が上がる
- コード量が減る
- 配列扱うときに繰り返し処理とかやらなくてよく
なる
jQueryとの棲み分け
jQueryにもeachやbindとかはあるけど???
jQueryとの棲み分け
jQueryにもeachやbindとかはあるけど???
AjaxやDOM操作etc...
配列・オブジェクト操作etc...
jQueryとの棲み分け
UnderscoreはjQueryのタ
キシードとBackbone.jsの
サスペンダーにあうようなネ
クタイです。
親和性は非常に高いので両方読み込んで便利に使える。
ペライチお手伝いメンバー募集
ペライチでは平日夜や土日にお手伝いいただける方を
募集しています。
- Webサービス開発に興味がある方
- スタートアップの中身を覗きたい方
- チーム開発に参加してみたい方
ご興味ある方は懇親会でお話しましょう...
https://peraichi.com/
Upcoming SlideShare
Loading in …5
×

春のJs祭り2015 lt

424 views

Published on

haruno javascript matsuri

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

春のJs祭り2015 lt

  1. 1. Underscore.js入門 2015.04.25 春のJavaScript祭
  2. 2. 自己紹介 株式会社ホットスタートアップ 香月雄介(@katsukii)   
  3. 3. Underscore.jsとは JavaScriptの便利関数 の集合体ライブラリ。100 個くらいの関数が定義さ れている。 Backbone.jsも Underscore.jsに依存し ている。
  4. 4. Underscore.jsの導入 1. 公式サイトからファイルをダウンロードする http://underscorejs.org/ 2.HTMLのheadタグで読み込む
  5. 5. Underscore.jsの書き方 Underscore.jsを読み込むと、「_」というオブジェク トがが生成される。 このオブジェクトに便利な機能が詰まっている。
  6. 6. Underscore.js 便利関数5選
  7. 7. each PHPでいうforeachに近い。配列にもオブジェクトにも使える。第 二引数である関数の第二引数にはindex番号が渡される(オブ ジェクトの場合はkey)
  8. 8. sortBy 配列を渡すと、関数処理により昇順に並べ替えられた配列とし て返ってくる。
  9. 9. filter 集合要素から条件にマッチしたものを探して配列にして
  10. 10. isUndefined 他にもisEmpty, isString, isNull, isNumberなど。
  11. 11. keys, values keys:オブジェクトのプロパティ名を配列にして返す values:オブジェクトのプロパティの値をすべて返す
  12. 12. Underscore.jsを使うメリット - 関数名により処理内容が明示的になるため、可 読性が上がる - コード量が減る - 配列扱うときに繰り返し処理とかやらなくてよく なる
  13. 13. jQueryとの棲み分け jQueryにもeachやbindとかはあるけど???
  14. 14. jQueryとの棲み分け jQueryにもeachやbindとかはあるけど??? AjaxやDOM操作etc... 配列・オブジェクト操作etc...
  15. 15. jQueryとの棲み分け UnderscoreはjQueryのタ キシードとBackbone.jsの サスペンダーにあうようなネ クタイです。 親和性は非常に高いので両方読み込んで便利に使える。
  16. 16. ペライチお手伝いメンバー募集 ペライチでは平日夜や土日にお手伝いいただける方を 募集しています。 - Webサービス開発に興味がある方 - スタートアップの中身を覗きたい方 - チーム開発に参加してみたい方 ご興味ある方は懇親会でお話しましょう!!
  17. 17. https://peraichi.com/

×