JavaScriptユーティリティライブラリの紹介

JavaScript ユーティリティライブラリのご紹介

自己紹介 @cloud10designs 平尾優典(ひらおゆうてん) マークアップ/フロントエンドエンジニア株式会社ディーゼロ

JavaScriptは楽しい

でも JavaScriptは不便

PHPやRubyにくらべると関数・メソッドが少なすぎる

配列操作・文字列操作日付フォーマット etc...

DOM操作はjQueryを使うのに不便と思いつつもなんだかんだスクラッチで書いちゃうことありませんか？

オススメライブラリあります

配列

配列(orハッシュ)操作なら Underscore.js

配列(orハッシュ)操作なら Lo-Dash.js

繰り返し処理はもちろん

フィルタリング

任意のキーの値を抽出

最大値を取得

シャッフル

階層を平坦化

任意の範囲から数列を生成

文字列

文字列操作なら Underscore.string

3桁のカンマ区切り

キャメルケース化

文字列の省略

sprintf

0(など)埋め

日付

日付なら moment.js

日付フォーマット

多言語対応もちろん日本語も！

経過時間単位は自動的に最適化

加算

うるう年かどうか

日付・時間の丸め

これらをほぼ全部できるツワモノもいます

配列も文字列も日付も Sugar.js

ビルトインオブジェクトに直接定義しているのでリテラルから直接呼び出せます

Dateオブジェクトは自然言語で生成できる

こちらも多言語対応

文字列操作も多言語対応というか日本語対応

hiragana

katakana

zenkaku

hankaku

Sugar.js 最強？

注意 Object.definePropertyで定義しているのでオブジェクト汚染は解決していますがモンキーパッチに変わりはありません。アップデートが頻繁なブラウザでの使用は注意が必要です。逆にアップデートが任意な Node などサーバー側ならアリだと思います！

紹介したライブラリは全て Node.js に対応しています $ npm install underscore $ npm install underscore.string $ npm install moment $ npm install sugar

是非つかってみて！

それでは楽しいJS開発を

http://stocker.jp	7335
https://bozuman.cybozu.com	397
https://twitter.com	122
https://bozuman.s.cybozu.com	103
http://192.168.12.200	91
http://s.deeeki.com	35
http://memonob.tumblr.com	7
http://blog.ringo0321.com	5
http://mym.corp.yahoo.co.jp	5
http://b.hatena.ne.jp	5
http://192.168.33.10	4
http://tweetedtimes.com	2
https://www.chatwork.com	2
http://localhost	1
http://tabunmuri.hatenablog.com	1

JavaScriptユーティリティライブラリの紹介

by Yusuke Hirao, Web Engineer at 株式会社ディーゼロ

on Nov 29, 2013

Statistics

Views

Actions

15 Embeds 8,115

Accessibility

Categories

Upload Details

Usage Rights

Report content

JavaScriptユーティリティライブラリの紹介 Presentation Transcript