Submit Search
Upload
JavaScriptユーティリティライブラリの紹介
•
118 likes
•
39,198 views
Yusuke Hirao
Follow
JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 48
Download now
Download to read offline
Recommended
Introduction to node.js
Introduction to node.js
Dinesh U
ERAS Gynecologic Oncology (2019).pptx
ERAS Gynecologic Oncology (2019).pptx
Jibran Mohsin
Modern Java web applications with Spring Boot and Thymeleaf
Modern Java web applications with Spring Boot and Thymeleaf
LAY Leangsros
NodeJS
NodeJS
Alok Guha
Bloodless surgery
Bloodless surgery
DEPARTMENT OF ANESTHESIOLOGY
Nodejs Explained with Examples
Nodejs Explained with Examples
Gabriele Lana
Introduction to Node.js
Introduction to Node.js
Rob O'Doherty
Node.js Express Tutorial | Node.js Tutorial For Beginners | Node.js + Expres...
Node.js Express Tutorial | Node.js Tutorial For Beginners | Node.js + Expres...
Edureka!
Recommended
Introduction to node.js
Introduction to node.js
Dinesh U
ERAS Gynecologic Oncology (2019).pptx
ERAS Gynecologic Oncology (2019).pptx
Jibran Mohsin
Modern Java web applications with Spring Boot and Thymeleaf
Modern Java web applications with Spring Boot and Thymeleaf
LAY Leangsros
NodeJS
NodeJS
Alok Guha
Bloodless surgery
Bloodless surgery
DEPARTMENT OF ANESTHESIOLOGY
Nodejs Explained with Examples
Nodejs Explained with Examples
Gabriele Lana
Introduction to Node.js
Introduction to Node.js
Rob O'Doherty
Node.js Express Tutorial | Node.js Tutorial For Beginners | Node.js + Expres...
Node.js Express Tutorial | Node.js Tutorial For Beginners | Node.js + Expres...
Edureka!
De Forms a Oracle Fusion Middleware
De Forms a Oracle Fusion Middleware
JC_Diaz_Belmonte
Object Oriented Programming with Laravel - Session 3
Object Oriented Programming with Laravel - Session 3
Shahrzad Peyman
NodeJS for Beginner
NodeJS for Beginner
Apaichon Punopas
Rest api with node js and express
Rest api with node js and express
GirlsInTechnology Nepal
Springboot introduction
Springboot introduction
Sagar Verma
hidrosalfing.pptx
hidrosalfing.pptx
RikaEffendy2
Hibernate
Hibernate
Ajay K
ectopic pregnancy Ultrasound Daignosis.pdf
ectopic pregnancy Ultrasound Daignosis.pdf
MuhamedAlBellehy1
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
kamiyam .
JavaScriptによる記号プログラミング
JavaScriptによる記号プログラミング
sters
伝わるプレゼン
伝わるプレゼン
Hideaki Miyake
イカしたJavascriptライブラリたちを紹介するぜ!!
イカしたJavascriptライブラリたちを紹介するぜ!!
Ryokei Nakazono
15分でわかる zsh
15分でわかる zsh
Hideaki Miyake
JavaScriptと関数型言語
JavaScriptと関数型言語
Hideaki Miyake
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
はじめてのVue.js
はじめてのVue.js
kamiyam .
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Ryo Suzuki
JavaScript再入門
JavaScript再入門
Masakazu Matsushita
至極のJavaクイズ 総集編
至極のJavaクイズ 総集編
Yuichi Sakuraba
初心者エンジニアの システム構築 失敗談
初心者エンジニアの システム構築 失敗談
Makoto Haruyama
More Related Content
What's hot
De Forms a Oracle Fusion Middleware
De Forms a Oracle Fusion Middleware
JC_Diaz_Belmonte
Object Oriented Programming with Laravel - Session 3
Object Oriented Programming with Laravel - Session 3
Shahrzad Peyman
NodeJS for Beginner
NodeJS for Beginner
Apaichon Punopas
Rest api with node js and express
Rest api with node js and express
GirlsInTechnology Nepal
Springboot introduction
Springboot introduction
Sagar Verma
hidrosalfing.pptx
hidrosalfing.pptx
RikaEffendy2
Hibernate
Hibernate
Ajay K
ectopic pregnancy Ultrasound Daignosis.pdf
ectopic pregnancy Ultrasound Daignosis.pdf
MuhamedAlBellehy1
What's hot
(8)
De Forms a Oracle Fusion Middleware
De Forms a Oracle Fusion Middleware
Object Oriented Programming with Laravel - Session 3
Object Oriented Programming with Laravel - Session 3
NodeJS for Beginner
NodeJS for Beginner
Rest api with node js and express
Rest api with node js and express
Springboot introduction
Springboot introduction
hidrosalfing.pptx
hidrosalfing.pptx
Hibernate
Hibernate
ectopic pregnancy Ultrasound Daignosis.pdf
ectopic pregnancy Ultrasound Daignosis.pdf
Viewers also liked
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
kamiyam .
JavaScriptによる記号プログラミング
JavaScriptによる記号プログラミング
sters
伝わるプレゼン
伝わるプレゼン
Hideaki Miyake
イカしたJavascriptライブラリたちを紹介するぜ!!
イカしたJavascriptライブラリたちを紹介するぜ!!
Ryokei Nakazono
15分でわかる zsh
15分でわかる zsh
Hideaki Miyake
JavaScriptと関数型言語
JavaScriptと関数型言語
Hideaki Miyake
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
Muyuu Fujita
はじめてのVue.js
はじめてのVue.js
kamiyam .
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Ryo Suzuki
JavaScript再入門
JavaScript再入門
Masakazu Matsushita
至極のJavaクイズ 総集編
至極のJavaクイズ 総集編
Yuichi Sakuraba
初心者エンジニアの システム構築 失敗談
初心者エンジニアの システム構築 失敗談
Makoto Haruyama
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバー
Hideo Kimura
Start Sketch.app
Start Sketch.app
Shinichi Kogiso
My sqlのha構成について
My sqlのha構成について
Yu Komiya
CSS Regionsを使った新しい CSSレイアウトを作る方法
CSS Regionsを使った新しい CSSレイアウトを作る方法
Keisuke Todoroki
設計から実装まで、今すぐ始める高速化
設計から実装まで、今すぐ始める高速化
masaaki komori
MySQLの冗長化 2013-01-24
MySQLの冗長化 2013-01-24
Yoshihiko Matsuzaki
Viewers also liked
(20)
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
JavaScriptによる記号プログラミング
JavaScriptによる記号プログラミング
伝わるプレゼン
伝わるプレゼン
イカしたJavascriptライブラリたちを紹介するぜ!!
イカしたJavascriptライブラリたちを紹介するぜ!!
15分でわかる zsh
15分でわかる zsh
JavaScriptと関数型言語
JavaScriptと関数型言語
JavaScriptと共に歩いて行く決意をした君へ
JavaScriptと共に歩いて行く決意をした君へ
はじめてのVue.js
はじめてのVue.js
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
Cumiki - エンジニアのための、ちょっといい感じのドキュメント作成ツール
JavaScript再入門
JavaScript再入門
至極のJavaクイズ 総集編
至極のJavaクイズ 総集編
初心者エンジニアの システム構築 失敗談
初心者エンジニアの システム構築 失敗談
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバー
Start Sketch.app
Start Sketch.app
My sqlのha構成について
My sqlのha構成について
CSS Regionsを使った新しい CSSレイアウトを作る方法
CSS Regionsを使った新しい CSSレイアウトを作る方法
設計から実装まで、今すぐ始める高速化
設計から実装まで、今すぐ始める高速化
MySQLの冗長化 2013-01-24
MySQLの冗長化 2013-01-24
Similar to JavaScriptユーティリティライブラリの紹介
ATN No.2 Scala事始め
ATN No.2 Scala事始め
AdvancedTechNight
Clojure
Clojure
Uehara Junji
JavaScript 講習会 #1
JavaScript 講習会 #1
Susisu
JDK 10 へようこそ
JDK 10 へようこそ
David Buck
BOF1-Scala02.pdf
BOF1-Scala02.pdf
Hiroshi Ono
BOF1-Scala02.pdf
BOF1-Scala02.pdf
Hiroshi Ono
BOF1-Scala02.pdf
BOF1-Scala02.pdf
Hiroshi Ono
JavaScript超入門 基礎
JavaScript超入門 基礎
tetsu6
Object-Funcational Analysis and design
Object-Funcational Analysis and design
Tomoharu ASAMI
From Java To Clojure
From Java To Clojure
Kent Ohashi
Ruby on Rails 入門
Ruby on Rails 入門
Yasuko Ohba
Scalaで萌える関数型プログラミング[1.1.RC1]
Scalaで萌える関数型プログラミング[1.1.RC1]
Ra Zon
Racc でおてがる構文解析
Racc でおてがる構文解析
morphine57
Java8から17へ
Java8から17へ
onozaty
Object-Functional Analysis and Design : 次世代モデリングパラダイムへの道標
Object-Functional Analysis and Design : 次世代モデリングパラダイムへの道標
Tomoharu ASAMI
An Internal of LINQ to Objects
An Internal of LINQ to Objects
Yoshifumi Kawai
JavaScriptことはじめ
JavaScriptことはじめ
Yuki Ishikawa
演習:プログラミング言語処理をやってみよう (ver.1.01)
演習:プログラミング言語処理をやってみよう (ver.1.01)
Takashi Ishio
ゲットーの斜め上をゆくWebアプリケーションフレームワークの開発
ゲットーの斜め上をゆくWebアプリケーションフレームワークの開発
emasaka
関数型言語&形式的手法セミナー(3)
関数型言語&形式的手法セミナー(3)
啓 小笠原
Similar to JavaScriptユーティリティライブラリの紹介
(20)
ATN No.2 Scala事始め
ATN No.2 Scala事始め
Clojure
Clojure
JavaScript 講習会 #1
JavaScript 講習会 #1
JDK 10 へようこそ
JDK 10 へようこそ
BOF1-Scala02.pdf
BOF1-Scala02.pdf
BOF1-Scala02.pdf
BOF1-Scala02.pdf
BOF1-Scala02.pdf
BOF1-Scala02.pdf
JavaScript超入門 基礎
JavaScript超入門 基礎
Object-Funcational Analysis and design
Object-Funcational Analysis and design
From Java To Clojure
From Java To Clojure
Ruby on Rails 入門
Ruby on Rails 入門
Scalaで萌える関数型プログラミング[1.1.RC1]
Scalaで萌える関数型プログラミング[1.1.RC1]
Racc でおてがる構文解析
Racc でおてがる構文解析
Java8から17へ
Java8から17へ
Object-Functional Analysis and Design : 次世代モデリングパラダイムへの道標
Object-Functional Analysis and Design : 次世代モデリングパラダイムへの道標
An Internal of LINQ to Objects
An Internal of LINQ to Objects
JavaScriptことはじめ
JavaScriptことはじめ
演習:プログラミング言語処理をやってみよう (ver.1.01)
演習:プログラミング言語処理をやってみよう (ver.1.01)
ゲットーの斜め上をゆくWebアプリケーションフレームワークの開発
ゲットーの斜め上をゆくWebアプリケーションフレームワークの開発
関数型言語&形式的手法セミナー(3)
関数型言語&形式的手法セミナー(3)
Recently uploaded
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
Recently uploaded
(12)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
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開発を
Download now