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

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

• 1.
  JavaScript ユーティリティライブラリ のご紹介
• 2.
  自己紹介 @cloud10designs 平尾 優典(ひらお ゆうてん) マークアップ/フロントエンドエンジニア 株式会社ディーゼロ
• 3.
  JavaScriptは 楽しい
• 4.
  でも JavaScriptは 不便
• 5.
  PHPやRubyにくらべると 関数・メソッドが少なすぎる
• 6.
  配列操作・文字列操作 日付フォーマット etc...
• 7.
  DOM操作はjQueryを使うのに 不便と思いつつも なんだかんだスクラッチで書いちゃうこと ありませんか？
• 8.
  オススメライブラリ あります
• 9.
  配列
• 10.
  配列(orハッシュ)操作なら Underscore.js
• 11.
  配列(orハッシュ)操作なら Lo-Dash.js
• 12.
  繰り返し処理はもちろん
• 13.
  フィルタリング
• 14.
  任意のキーの値を抽出
• 15.
  最大値を取得
• 16.
  シャッフル
• 17.
  階層を平坦化
• 18.
  任意の範囲から数列を生成
• 19.
  文字列
• 20.
  文字列操作なら Underscore.string
• 21.
  3桁のカンマ区切り
• 22.
  キャメルケース化
• 23.
  文字列の省略
• 24.
  sprintf
• 25.
  0(など)埋め
• 26.
  日付
• 27.
  日付なら moment.js
• 28.
  日付フォーマット
• 29.
  多言語対応 もちろん日本語も！
• 30.
  経過時間 単位は自動的に最適化
• 31.
  加算
• 32.
  うるう年かどうか
• 33.
  日付・時間の丸め
• 34.
  これらをほぼ全部できる ツワモノもいます
• 35.
  配列も文字列も日付も Sugar.js
• 36.
  ビルトインオブジェクトに 直接定義しているので リテラルから直接呼び出せます
• 37.
  Dateオブジェクトは 自然言語で生成できる
• 38.
  こちらも 多言語対応
• 39.
  文字列操作も 多言語対応 というか 日本語対応
• 40.
  hiragana
• 41.
  katakana
• 42.
  zenkaku
• 43.
  hankaku
• 44.
  Sugar.js 最強？
• 45.
  注意 Object.definePropertyで定義しているので オブジェクト汚染は解決していますが モンキーパッチに変わりはありません。 アップデートが頻繁なブラウザでの使用は注意が必要です。 逆にアップデートが任意な Node などサーバー側ならアリだと思います！
• 46.
  紹介したライブラリは 全て Node.js に対応しています $npm install underscore $ npm install underscore.string $ npm install moment $ npm install sugar
• 47.
  是非 つかってみて！
• 48.
  それでは 楽しいJS開発を