Movatterモバイル変換


[0]ホーム

URL:


SlideShare a Scribd company logo

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

118 likes39,273 views
Yusuke Hirao
Yusuke Hirao

JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。

1 of 48
Downloaded 108 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
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開発を
Ad

Recommended

PDF
ヤフオクで1年間 Scrumを推進した結果
Yahoo!デベロッパーネットワーク
 
PPTX
Web api
Sudhakar Sharma
 
PDF
Building Accessible Apps using NET MAUI.pdf
SivarajAmbat1
 
PDF
Cheat Sheet java
arkslideshareacc
 
PDF
AngularJS for Beginners
Edureka!
 
PPTX
ASP.NET Web API
habib_786
 
PPTX
Object Store
MuleSoft
 
PPTX
AEM MSM: Basics & More
Kanika Gera
 
PDF
JavaScript - Chapter 7 - Advanced Functions
WebStackAcademy
 
PPTX
HTL(Sightly) - All you need to know
Prabhdeep Singh
 
PPTX
Karate for Complex Web-Service API Testing by Peter Thomas
intuit_india
 
PPTX
AEM GEMs Session Oak Lucene Indexes
AdobeMarketingCloud
 
PDF
Padrões-09 - Padrões Criacionais - Factory Method
Eduardo Nicola F. Zagari
 
PPTX
Vue js for beginner
Chandrasekar G
 
PPT
TypeScript Presentation
Patrick John Pacaña
 
PDF
EKS를 통한 차량 공유 서비스 '타다' 서비스 구축기 - 김태호, VCNC :: AWS Summit Seoul 2019
Amazon Web Services Korea
 
PPTX
GraphQL Introduction
Serge Huber
 
DOCX
Aem Training Tutorials for Beginners
Shrinivas AEM Online Training
 
PPTX
Sling models by Justin Edelson
AEM HUB
 
PDF
Angular Pipes Workshop
Nir Kaufman
 
PDF
ReactJS Tutorial For Beginners | ReactJS Redux Training For Beginners | React...
Edureka!
 
PPTX
Implicit object.pptx
chakrapani tripathi
 
PPTX
TypeScript
Udaiappa Ramachandran
 
PPTX
API Test Automation Using Karate (Anil Kumar Moka)
Peter Thomas
 
PPTX
ListView, PageView, GridView in Flutter
MohammadHussain595488
 
PDF
slingmodels
Ankur Chauhan
 
PPTX
Spring transaction management
Harshit Choudhary
 
PDF
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
 
PDF
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
 

More Related Content

What's hot(20)

PDF
JavaScript - Chapter 7 - Advanced Functions
WebStackAcademy
 
PPTX
HTL(Sightly) - All you need to know
Prabhdeep Singh
 
PPTX
Karate for Complex Web-Service API Testing by Peter Thomas
intuit_india
 
PPTX
AEM GEMs Session Oak Lucene Indexes
AdobeMarketingCloud
 
PDF
Padrões-09 - Padrões Criacionais - Factory Method
Eduardo Nicola F. Zagari
 
PPTX
Vue js for beginner
Chandrasekar G
 
PPT
TypeScript Presentation
Patrick John Pacaña
 
PDF
EKS를 통한 차량 공유 서비스 '타다' 서비스 구축기 - 김태호, VCNC :: AWS Summit Seoul 2019
Amazon Web Services Korea
 
PPTX
GraphQL Introduction
Serge Huber
 
DOCX
Aem Training Tutorials for Beginners
Shrinivas AEM Online Training
 
PPTX
Sling models by Justin Edelson
AEM HUB
 
PDF
Angular Pipes Workshop
Nir Kaufman
 
PDF
ReactJS Tutorial For Beginners | ReactJS Redux Training For Beginners | React...
Edureka!
 
PPTX
Implicit object.pptx
chakrapani tripathi
 
PPTX
TypeScript
Udaiappa Ramachandran
 
PPTX
API Test Automation Using Karate (Anil Kumar Moka)
Peter Thomas
 
PPTX
ListView, PageView, GridView in Flutter
MohammadHussain595488
 
PDF
slingmodels
Ankur Chauhan
 
PPTX
Spring transaction management
Harshit Choudhary
 
JavaScript - Chapter 7 - Advanced Functions
WebStackAcademy
 
HTL(Sightly) - All you need to know
Prabhdeep Singh
 
Karate for Complex Web-Service API Testing by Peter Thomas
intuit_india
 
AEM GEMs Session Oak Lucene Indexes
AdobeMarketingCloud
 
Padrões-09 - Padrões Criacionais - Factory Method
Eduardo Nicola F. Zagari
 
Vue js for beginner
Chandrasekar G
 
TypeScript Presentation
Patrick John Pacaña
 
EKS를 통한 차량 공유 서비스 '타다' 서비스 구축기 - 김태호, VCNC :: AWS Summit Seoul 2019
Amazon Web Services Korea
 
GraphQL Introduction
Serge Huber
 
Aem Training Tutorials for Beginners
Shrinivas AEM Online Training
 
Sling models by Justin Edelson
AEM HUB
 
Angular Pipes Workshop
Nir Kaufman
 
ReactJS Tutorial For Beginners | ReactJS Redux Training For Beginners | React...
Edureka!
 
Implicit object.pptx
chakrapani tripathi
 
API Test Automation Using Karate (Anil Kumar Moka)
Peter Thomas
 
ListView, PageView, GridView in Flutter
MohammadHussain595488
 
slingmodels
Ankur Chauhan
 
Spring transaction management
Harshit Choudhary
 

Viewers also liked(20)

PDF
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
 
PDF
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
 
PDF
JavaScriptが魅せる新たな世界
kamiyam .
 
PDF
伝わるプレゼン
Hideaki Miyake
 
PPTX
イカしたJavascriptライブラリたちを紹介するぜ!!
Ryokei Nakazono
 
PDF
15分でわかる zsh
Hideaki Miyake
 
PDF
JavaScriptと関数型言語
Hideaki Miyake
 
PDF
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
 
PDF
はじめてのVue.js
kamiyam .
 
PDF
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Ryo Suzuki
 
PDF
JavaScript再入門
Masakazu Matsushita
 
PDF
至極のJavaクイズ 総集編
Yuichi Sakuraba
 
KEY
初心者エンジニアの システム構築 失敗談
Makoto Haruyama
 
PPTX
Perl で作るメディアストリーミングサーバー
Hideo Kimura
 
PDF
Start Sketch.app
Shinichi Kogiso
 
PPTX
My sqlのha構成について
Yu Komiya
 
PDF
CSS Regionsを使った新しい CSSレイアウトを作る方法
Keisuke Todoroki
 
PDF
設計から実装まで、今すぐ始める高速化
masaaki komori
 
PDF
MySQLの冗長化 2013-01-24
Yoshihiko Matsuzaki
 
PDF
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
 
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
 
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
 
JavaScriptが魅せる新たな世界
kamiyam .
 
伝わるプレゼン
Hideaki Miyake
 
イカしたJavascriptライブラリたちを紹介するぜ!!
Ryokei Nakazono
 
15分でわかる zsh
Hideaki Miyake
 
JavaScriptと関数型言語
Hideaki Miyake
 
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
 
はじめてのVue.js
kamiyam .
 
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Ryo Suzuki
 
JavaScript再入門
Masakazu Matsushita
 
至極のJavaクイズ 総集編
Yuichi Sakuraba
 
初心者エンジニアの システム構築 失敗談
Makoto Haruyama
 
Perl で作るメディアストリーミングサーバー
Hideo Kimura
 
Start Sketch.app
Shinichi Kogiso
 
My sqlのha構成について
Yu Komiya
 
CSS Regionsを使った新しい CSSレイアウトを作る方法
Keisuke Todoroki
 
設計から実装まで、今すぐ始める高速化
masaaki komori
 
MySQLの冗長化 2013-01-24
Yoshihiko Matsuzaki
 
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
 
Ad

Recently uploaded(8)

PDF
人気ブロックチェーン基盤「Hyperledger Fabric」最新版を動かしてみた!
LFDT Tokyo Meetup
 
PDF
Hyperledger Fabric公式サンプル fabric-samples徹底解説
LFDT Tokyo Meetup
 
PDF
プライバシ保護のためのインターネットアーキテクチャの進化 (2025-07-11)
Jun Kurihara
 
PDF
Hyperledger Fabric最新v3.x系での機能強化、変更点にキャッチアップ!
LFDT Tokyo Meetup
 
PDF
20250711_日本IBM ミドルウエア・ユーザー研究会(JIMUC)総会_中村会長資料.pdf
ChikakoInami1
 
PDF
[Hardening Designers Confernece 2025]ランサムウェアでの見えざるログ・見えるログ
kataware
 
PDF
20250710_Devinで切り拓くDB革命_〜価値創出に集中せよ〜.pdf
Masaki Yamakawa
 
PDF
PostgreSQL18新機能紹介(db tech showcase 2025 発表資料)
NTT DATA Technology & Innovation
 
人気ブロックチェーン基盤「Hyperledger Fabric」最新版を動かしてみた!
LFDT Tokyo Meetup
 
Hyperledger Fabric公式サンプル fabric-samples徹底解説
LFDT Tokyo Meetup
 
プライバシ保護のためのインターネットアーキテクチャの進化 (2025-07-11)
Jun Kurihara
 
Hyperledger Fabric最新v3.x系での機能強化、変更点にキャッチアップ!
LFDT Tokyo Meetup
 
20250711_日本IBM ミドルウエア・ユーザー研究会(JIMUC)総会_中村会長資料.pdf
ChikakoInami1
 
[Hardening Designers Confernece 2025]ランサムウェアでの見えざるログ・見えるログ
kataware
 
20250710_Devinで切り拓くDB革命_〜価値創出に集中せよ〜.pdf
Masaki Yamakawa
 
PostgreSQL18新機能紹介(db tech showcase 2025 発表資料)
NTT DATA Technology & Innovation
 
Ad

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


[8]ページ先頭

©2009-2025 Movatter.jp