[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
SlideShare a Scribd company logo
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開発を

More Related Content

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