Submit Search
Upload
JavaScriptユーティリティライブラリの紹介
•
118 likes
•
39,196 views
Yusuke Hirao
Follow
JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 48
Download now
Download to read offline
Recommended
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
IT系プロボノのすすめ~エンジニアの遊び方
IT系プロボノのすすめ~エンジニアの遊び方
Yurie Saitoh
.NET Core 3.0 + Windows 10 で WPF 開発
.NET Core 3.0 + Windows 10 で WPF 開発
一希 大田
Scala警察のすすめ
Scala警察のすすめ
takezoe
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
ドメイン駆動設計 ( DDD ) をやってみよう
ドメイン駆動設計 ( DDD ) をやってみよう
増田 亨
セキュリティの都市伝説を暴く
セキュリティの都市伝説を暴く
Hiroshi Tokumaru
見よう見まねでやってみる2D流体シミュレーション
見よう見まねでやってみる2D流体シミュレーション
KLab Inc. / Tech
Recommended
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
IT系プロボノのすすめ~エンジニアの遊び方
IT系プロボノのすすめ~エンジニアの遊び方
Yurie Saitoh
.NET Core 3.0 + Windows 10 で WPF 開発
.NET Core 3.0 + Windows 10 で WPF 開発
一希 大田
Scala警察のすすめ
Scala警察のすすめ
takezoe
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
【BS4】時は来たれり。今こそ .NET 6 へ移行する時。
日本マイクロソフト株式会社
ドメイン駆動設計 ( DDD ) をやってみよう
ドメイン駆動設計 ( DDD ) をやってみよう
増田 亨
セキュリティの都市伝説を暴く
セキュリティの都市伝説を暴く
Hiroshi Tokumaru
見よう見まねでやってみる2D流体シミュレーション
見よう見まねでやってみる2D流体シミュレーション
KLab Inc. / Tech
ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善
増田 亨
大容量ファイルもGitで管理。 Git LFSの使い方
大容量ファイルもGitで管理。 Git LFSの使い方
hibiki443
[BurpSuiteJapan]Burp Suite回答編
[BurpSuiteJapan]Burp Suite回答編
Burp Suite Japan User Group
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
増田 亨
例外設計における大罪
例外設計における大罪
Takuto Wada
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
TomomitsuKusaba
.NET 6 時代のデスクトップ アプリケーション開発
.NET 6 時代のデスクトップ アプリケーション開発
Fujio Kojima
Unityで始めるバージョン管理 Git LFS 入門編
Unityで始めるバージョン管理 Git LFS 入門編
NAKAOKU Takahiro
なぜデータモデリングが重要なのか?
なぜデータモデリングが重要なのか?
Yoshitaka Kawashima
Prism + ReactiveProperty入門
Prism + ReactiveProperty入門
一希 大田
ドメインオブジェクトの設計ガイドライン
ドメインオブジェクトの設計ガイドライン
増田 亨
点群を使いこなせ! 可視化なんて当たり前、xRと点群を組み合わせたUnityの世界 【Interact , Stipple】
点群を使いこなせ! 可視化なんて当たり前、xRと点群を組み合わせたUnityの世界 【Interact , Stipple】
Unity Technologies Japan K.K.
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
[db analytics showcase Sapporo 2017] A15: Pythonでの分散処理再入門 by 株式会社HPCソリューションズ ...
[db analytics showcase Sapporo 2017] A15: Pythonでの分散処理再入門 by 株式会社HPCソリューションズ ...
Insight Technology, Inc.
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
テストとリファクタリングに関する深い方法論 #wewlc_jp
テストとリファクタリングに関する深い方法論 #wewlc_jp
kyon mm
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
増田 亨
失敗事例で学ぶ負荷試験
失敗事例で学ぶ負荷試験
樽八 仲川
クロージャデザインパターン
クロージャデザインパターン
Moriharu Ohzu
イミュータブルデータモデル(世代編)
イミュータブルデータモデル(世代編)
Yoshitaka Kawashima
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
JavaScriptが魅せる新たな世界
JavaScriptが魅せる新たな世界
kamiyam .
More Related Content
What's hot
ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善
増田 亨
大容量ファイルもGitで管理。 Git LFSの使い方
大容量ファイルもGitで管理。 Git LFSの使い方
hibiki443
[BurpSuiteJapan]Burp Suite回答編
[BurpSuiteJapan]Burp Suite回答編
Burp Suite Japan User Group
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
増田 亨
例外設計における大罪
例外設計における大罪
Takuto Wada
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
TomomitsuKusaba
.NET 6 時代のデスクトップ アプリケーション開発
.NET 6 時代のデスクトップ アプリケーション開発
Fujio Kojima
Unityで始めるバージョン管理 Git LFS 入門編
Unityで始めるバージョン管理 Git LFS 入門編
NAKAOKU Takahiro
なぜデータモデリングが重要なのか?
なぜデータモデリングが重要なのか?
Yoshitaka Kawashima
Prism + ReactiveProperty入門
Prism + ReactiveProperty入門
一希 大田
ドメインオブジェクトの設計ガイドライン
ドメインオブジェクトの設計ガイドライン
増田 亨
点群を使いこなせ! 可視化なんて当たり前、xRと点群を組み合わせたUnityの世界 【Interact , Stipple】
点群を使いこなせ! 可視化なんて当たり前、xRと点群を組み合わせたUnityの世界 【Interact , Stipple】
Unity Technologies Japan K.K.
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
Akira Inoue
[db analytics showcase Sapporo 2017] A15: Pythonでの分散処理再入門 by 株式会社HPCソリューションズ ...
[db analytics showcase Sapporo 2017] A15: Pythonでの分散処理再入門 by 株式会社HPCソリューションズ ...
Insight Technology, Inc.
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
Yuji Nojima
テストとリファクタリングに関する深い方法論 #wewlc_jp
テストとリファクタリングに関する深い方法論 #wewlc_jp
kyon mm
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
増田 亨
失敗事例で学ぶ負荷試験
失敗事例で学ぶ負荷試験
樽八 仲川
クロージャデザインパターン
クロージャデザインパターン
Moriharu Ohzu
イミュータブルデータモデル(世代編)
イミュータブルデータモデル(世代編)
Yoshitaka Kawashima
What's hot
(20)
ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善
大容量ファイルもGitで管理。 Git LFSの使い方
大容量ファイルもGitで管理。 Git LFSの使い方
[BurpSuiteJapan]Burp Suite回答編
[BurpSuiteJapan]Burp Suite回答編
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
例外設計における大罪
例外設計における大罪
Web開発者にお勧め .NET MAUI Blazor App
Web開発者にお勧め .NET MAUI Blazor App
.NET 6 時代のデスクトップ アプリケーション開発
.NET 6 時代のデスクトップ アプリケーション開発
Unityで始めるバージョン管理 Git LFS 入門編
Unityで始めるバージョン管理 Git LFS 入門編
なぜデータモデリングが重要なのか?
なぜデータモデリングが重要なのか?
Prism + ReactiveProperty入門
Prism + ReactiveProperty入門
ドメインオブジェクトの設計ガイドライン
ドメインオブジェクトの設計ガイドライン
点群を使いこなせ! 可視化なんて当たり前、xRと点群を組み合わせたUnityの世界 【Interact , Stipple】
点群を使いこなせ! 可視化なんて当たり前、xRと点群を組み合わせたUnityの世界 【Interact , Stipple】
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
ASP.NET MVC と jQuery で実践する標準志向 Web 開発
[db analytics showcase Sapporo 2017] A15: Pythonでの分散処理再入門 by 株式会社HPCソリューションズ ...
[db analytics showcase Sapporo 2017] A15: Pythonでの分散処理再入門 by 株式会社HPCソリューションズ ...
最強オブジェクト指向言語 JavaScript 再入門!
最強オブジェクト指向言語 JavaScript 再入門!
テストとリファクタリングに関する深い方法論 #wewlc_jp
テストとリファクタリングに関する深い方法論 #wewlc_jp
ドメイン駆動設計のためのオブジェクト指向入門
ドメイン駆動設計のためのオブジェクト指向入門
失敗事例で学ぶ負荷試験
失敗事例で学ぶ負荷試験
クロージャデザインパターン
クロージャデザインパターン
イミュータブルデータモデル(世代編)
イミュータブルデータモデル(世代編)
Viewers also liked
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
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
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
Viewers also liked
(20)
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
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
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
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
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
UPWARD_share_company_information_20240415.pdf
UPWARD_share_company_information_20240415.pdf
furutsuka
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
Recently uploaded
(9)
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
UPWARD_share_company_information_20240415.pdf
UPWARD_share_company_information_20240415.pdf
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
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