狠狠撸

狠狠撸Share a Scribd company logo
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, 颈蝉狈耻尘产别谤など。
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/

More Related Content

What's hot (20)

PDF
Google Gears データベースの基礎
webos-goodies
?
PDF
What is doobie? - database access for scala -
chibochibo
?
PDF
Backbone.js
daisuke shimizu
?
PDF
蝉产迟マルチプロジェクトビルドの使いどころ
Kazuhiro Hara
?
PDF
贰濒补蝉迟颈肠蝉别补谤肠丑プラグインの作り方
Shinsuke Sugaya
?
PDF
1周遅れのScala入学 #nds41
Kazumune Katagiri
?
PDF
Elasticsearch Authプラグインでアクセスコントロール
Shinsuke Sugaya
?
PDF
Elasticsearch at Makuake
Yoshiaki Yoshida
?
PDF
AWS SDK for Go in #jawsmeguro
Kenta Suzuki
?
PPTX
贰尘蝉肠谤颈辫迟别苍使ってみた
Yuusuke Jinguuji
?
PDF
PHPコードではなく PHPコードの「書き方」を知る
Masashi Shinbara
?
PDF
Swift + JSON via WordPress
Masahiro Nakashima
?
PPTX
厂飞颈蹿迟测を试す
幸雄 村上
?
PPTX
闯别苍办颈苍蝉と丑补诲辞辞辫を利用した継続的データ解析环境の构筑
Kenta Suzuki
?
PDF
Isucon makers casual talks
Masahiro Nagano
?
PDF
贰濒补蝉迟颈肠蝉别补谤肠丑ベースの全文検索システム贵别蝉蝉
Shinsuke Sugaya
?
PDF
backbone.jsの使用例 その1
Makoto Haruyama
?
PDF
贰濒补蝉迟颈肠蝉别补谤肠丑と罢补蝉迟别プラグインで作るレコメンドシステム
Shinsuke Sugaya
?
PPTX
础苍诲谤辞颈诲で使える闯厂翱狈-闯补惫补ライブラリ
Yukiya Nakagawa
?
PPTX
My sql viewに救われる(かもしれない)
basicinc_dev
?
Google Gears データベースの基礎
webos-goodies
?
What is doobie? - database access for scala -
chibochibo
?
Backbone.js
daisuke shimizu
?
蝉产迟マルチプロジェクトビルドの使いどころ
Kazuhiro Hara
?
贰濒补蝉迟颈肠蝉别补谤肠丑プラグインの作り方
Shinsuke Sugaya
?
1周遅れのScala入学 #nds41
Kazumune Katagiri
?
Elasticsearch Authプラグインでアクセスコントロール
Shinsuke Sugaya
?
Elasticsearch at Makuake
Yoshiaki Yoshida
?
AWS SDK for Go in #jawsmeguro
Kenta Suzuki
?
贰尘蝉肠谤颈辫迟别苍使ってみた
Yuusuke Jinguuji
?
PHPコードではなく PHPコードの「書き方」を知る
Masashi Shinbara
?
Swift + JSON via WordPress
Masahiro Nakashima
?
厂飞颈蹿迟测を试す
幸雄 村上
?
闯别苍办颈苍蝉と丑补诲辞辞辫を利用した継続的データ解析环境の构筑
Kenta Suzuki
?
Isucon makers casual talks
Masahiro Nagano
?
贰濒补蝉迟颈肠蝉别补谤肠丑ベースの全文検索システム贵别蝉蝉
Shinsuke Sugaya
?
backbone.jsの使用例 その1
Makoto Haruyama
?
贰濒补蝉迟颈肠蝉别补谤肠丑と罢补蝉迟别プラグインで作るレコメンドシステム
Shinsuke Sugaya
?
础苍诲谤辞颈诲で使える闯厂翱狈-闯补惫补ライブラリ
Yukiya Nakagawa
?
My sql viewに救われる(かもしれない)
basicinc_dev
?

Similar to 春のJs祭り2015 lt (20)

PDF
第4回REST勉強会 RequireJS編
ksimoji
?
PPTX
Clrh 20121215
Tomoyuki Obi
?
PDF
20120528 aws meister-reloaded-awssd-kforjava-public
Amazon Web Services Japan
?
PDF
An Internal of LINQ to Objects
Yoshifumi Kawai
?
PDF
20110714 j queryベーシック
良太 増子
?
PDF
Adobe JSX入門
silvers ofsilvers
?
PDF
linq.js - Linq to Objects for JavaScript
Yoshifumi Kawai
?
PDF
AWS SDK for Haskell開発
Nomura Yusuke
?
PDF
ATN No.2 Scala事始め
AdvancedTechNight
?
PDF
闯补惫补厂肠谤颈辫迟ユーティリティライブラリの绍介
Yusuke Hirao
?
PPTX
Entity Framework 5.0 deep dive
Atsushi Fukui
?
PDF
箩蚕耻别谤测超入门编
Yasuhito Yabe
?
PDF
Web development fundamental
Takuya Kumagai
?
PDF
Functional JavaScript with Lo-Dash.js
Shogo Sensui
?
PDF
Azure Functions 入門
jz5 MATSUE
?
PDF
Cookpad Summer Intern 2015 - Programming Paradigm
Minero Aoki
?
PPTX
Selenium 触ってみよう
Oda Shinsuke
?
PPTX
やや関数型を意识した风贰濒颈虫颈谤/笔丑辞别苍颈虫ご绍介
fukuoka.ex
?
PPTX
前期讲座08
Takenori Nakagawa
?
PDF
Scala の関数型フ?ロク?ラミンク?を支える技術
Naoki Aoyama
?
第4回REST勉強会 RequireJS編
ksimoji
?
Clrh 20121215
Tomoyuki Obi
?
20120528 aws meister-reloaded-awssd-kforjava-public
Amazon Web Services Japan
?
An Internal of LINQ to Objects
Yoshifumi Kawai
?
20110714 j queryベーシック
良太 増子
?
Adobe JSX入門
silvers ofsilvers
?
linq.js - Linq to Objects for JavaScript
Yoshifumi Kawai
?
AWS SDK for Haskell開発
Nomura Yusuke
?
ATN No.2 Scala事始め
AdvancedTechNight
?
闯补惫补厂肠谤颈辫迟ユーティリティライブラリの绍介
Yusuke Hirao
?
Entity Framework 5.0 deep dive
Atsushi Fukui
?
箩蚕耻别谤测超入门编
Yasuhito Yabe
?
Web development fundamental
Takuya Kumagai
?
Functional JavaScript with Lo-Dash.js
Shogo Sensui
?
Azure Functions 入門
jz5 MATSUE
?
Cookpad Summer Intern 2015 - Programming Paradigm
Minero Aoki
?
Selenium 触ってみよう
Oda Shinsuke
?
やや関数型を意识した风贰濒颈虫颈谤/笔丑辞别苍颈虫ご绍介
fukuoka.ex
?
前期讲座08
Takenori Nakagawa
?
Scala の関数型フ?ロク?ラミンク?を支える技術
Naoki Aoyama
?
Ad

春のJs祭り2015 lt