LoginSignup
798

More than 3 years have passed since last update.

Awesome JavaScript : 素晴らしい JavaScript ライブラリ・リソースの数々

Last updated at Posted at 2017-02-03

元記事: Awesome JavaScript

Awesome List in Qiita

パッケージマネージャ

JavaScript ライブラリをホストし, それらを取得してパッケージ化するためのツールを提供します

  • npm - npm は JavaScript のためのパッケージマネージャです.
  • Bower - Web のためのパッケージマネージャ.
  • component - より良い Web アプリケーションを構築するためのクライアントパッケージマネージャ.
  • spm - 新しい静的パッケージマネージャ.
  • jam - RequireJS のレポジトリと互換性があり, ブラウザーに焦点を当てたパッケージマネージャ.
  • jspm - 摩擦のないブラウザパッケージマネージャ.
  • Ender - no-library ライブラリ.
  • volo - テンプレートからフロントエンドプロジェクトを作成し, 依存関係を追加し, プロジェクトの結果を自動で追加します.
  • Duo - Component の良いアイディアを混ぜ合わせた次世代のパッケージマネージャ. Browserfy と Go で構成され, 痛みを伴わずフロントエンドをコーディングできます.
  • yarn - 早く, 信頼性があり, セキュアに依存関係を管理できます.

ローダー

JavaScript 用モジュール, またはローディングシステム

  • RequireJS - JavaScript のためのファイル / モジュールローダー.
  • browserify - ブラウザ側で Node.js のように require() メソッドを使用できる.
  • SeaJS - Web のためのモジュールローダー.
  • HeadJS - HEAD だけにスクリプトを.
  • curl - AMD, CommonJS Modules/1.1, CSS, HTML/text, そしてレガシースクリプトによって操作できる, 小さく, 早くい, 拡張可能なモジュールローダー.
  • lazyload - 小さく, 依存しない, 非同期の JavaScript / CSS ローダー.
  • script.js - 非同期の JavaScript ローダーであり, 依存関係マネージャでもある.
  • systemjs - AMD, CJS & ES6 仕様準拠のモジュールローダー.
  • LodJS - AMD をベースとしたモジュールローダー.
  • ESL - lazy define と AMD をサポートする, ブラウザファーストのモジュールローダー.
  • modulejs - 軽量な JavaScript モジュールシステム.

バンドラー

  • browserify - ブラウザで, Browserify のように require('modules') で依存するモジュールを束ねることができます.
  • webpack - ブラウザに CommonJs/AMD モジュールをパックします.
  • Rollup - 次世代の ES6 モジュールバンドラー.
  • Brunch - 単純明快な設定で早い, フロントエンドウェブアプリケーションビルドツール.
  • Parcel - 高速で設定が必要ない Web アプリケーションバンドラ.
  • Microbundle - 小さいモジュールのための設定のいらないバンドラ.

タイプチェック

  • TypeScript - プレーンな JavaScript にコンパイルされる JavaScript の型スーパーセット.
  • Flow.js - Facebook 製の静的型チェッカー.
  • Hegel - 型推論にバイアスをかけた JavaScript の静的型チェッカーで, 強力な型システムです.
  • TypL - 型推論にバイアスをかけた JavaScript Type Linter
  • Hindley Milner Definitions - Haskell のような Hindley Milner 型シグネチャを使用した JavaScript 関数のランタイム型チェック.

テスティングフレームワーク

フレームワーク

  • mocha - Node.js と ブラウザのための, 単純で, 柔軟な, JavaScript テストフレームワーク.
  • jasmine - DOM-less の簡単な JavaScript テストフレームワーク.
  • qunit - 容易に使える JavaScript ユニットテストフレームワーク.
  • jest - 痛みを伴わない Javascript ユニットテスト.
  • prova - Tape と Browserify をベースとした, Node & Browser テストランナー.
  • DalekJS - JavaScript で自動クロスブラウザ機能テストができます.
  • Protractor - Protractor は AngularJS アプリケーションのための end-to-end テストフレームワークです.
  • tape - Node.js とブラウザ用の Tap-producing テストハーネス.
  • TestCafe - 最新の Web 開発スタックのための自動化されたブラウザテスト.
  • ava - 🚀未来的な JavaScript テストランナー.
  • Cypress - ブラウザ及びバックエンドで動作する E2E テストフレームワーク.

アサーション

  • chai - Node.js とブラウザの の BDD / TDD アサーションフレームワーク, および任意のテストフレームワークと組み合わせることができる.
  • Enzyme - Enzyme は React 用の JavaScript テスティングユーティリティで, React コンポーネントの出力をアサート, 操作, トラバースすることを容易にします.
  • react testing library - シンプルで完全な React DOM テストユーティリティ.
  • Sinon.JS - JavaScript のスパイ, スタブ, モックをテストします.
  • expect.js - Node.js とブラウザのための最小限の BDD スタイルのアサーション.
  • proxyquire - Node.js の require のスタブ.

カバレッジ

  • istanbul - JavaScript コードカバレッジツール.
  • blanket - JavaScript 用の簡単なコードカバレッジライブラリ. ブラウザとノードの両方に, インストールと使用が容易になるように設計されています.
  • JSCover - JSCover は, JavaScript プログラムのコードカバレッジを測定するツールです.

ランナー

  • phantomjs - スクリプト可能なヘッドレス WebKit.
  • slimerjs - Gecko を実行する PhantomJS のようなツール.
  • casperjs - PhantomJS と SlimerJS のナビゲーションスクリプティング & テストユーティリティ.
  • zombie - Node.js を使用した非常に速い, フルスタックのヘッドレスブラウザテスト.
  • totoro - 簡単で安定したクロスブラウザテストツールです.
  • karma - JavaScript 用の壮大なテストランナー.
  • nightwatch - Node.js と selenium webdriver に基づく UI 自動テストフレームワーク.
  • intern - JavaScript 用の次世代コードテストスタック.
  • yolpo - ブラウザ内の文ごとの JavaScript インタプリタ.
  • puppeteer - 公式 Google Chrome チームによるヘッドレス Chrome Node.js API.
  • webdriverio - Node.js の次世代ウェブドライバーテスト自動化フレームワーク.

QA ツール

  • JSHint - JSHint は, JavaScript コードのエラーや潜在的な問題を検出するのに役立つツールです.
  • jscs - JavaScript コードスタイルチェッカー.
  • jsfmt - JavaScript の書式設定, 検索, および書き換え用.
  • jsinspect - コピー & ペーストされたような, 構造的に似たコードを検出します.
  • buddy.js - JavaScript のマジックナンバー検出.
  • ESLint - JavaScript のパターンを識別し報告する完全にプラグ可能なツール.
  • JSLint - 言語の優れた部分だけを保つことを目指して, 高水準で厳格で有力なコード品質ツール.
  • JavaScript Standard Style - 設定不要のスタイルガイド, スタイルチェッカー, およびフォーマッタ.
  • Pre-evaluate code at buildtime - ビルド時にフロントエンドの JavaScript コードを事前評価します.
  • JS-Beautifier - JS コードをフォーマットする NPM CLI およびライブラリ.

MVC フレームワーク及びライブラリ

  • angular.js - Web アプリケーション向けに強化された HTML.
  • aurelia - モバイル, デスクトップ, Web 用の Javascript クライアントフレームワーク.
  • backbone - モデル, ビュー, コレクション, およびイベントで JavaScript アプリケーションにバックボーンを与えます.
  • batman.js - Rails 開発者にとって最適な JavaScript フレームワークです.
  • ember.js - 野心的な Web アプリケーションを作成するための JavaScript フレームワーク.
  • meteor - 非常にシンプルで, たあらゆる場所でデータベース化され, データオンザワイヤーである, 純粋な Javascript の Web フレームワークです.
  • ractive - 次世代の DOM 操作.
  • vue - インタラクティブなインターフェイスを構築するための, 直感的で高速かつ構成可能な MVVM.
  • svelte - Svelte は, Web アプリケーションを構築する新しい方法です. 宣言型コンポーネントを取得して, DOM を外科的に更新する効率的な JavaScript に変換するコンパイラーです.
  • knockout - Knockout を使用すると, JavaScript を使用してリッチで反応性の高い UI を簡単に作成できます.
  • spine - JavaScript アプリケーションを構築するための軽量 MVC ライブラリ.
  • espresso.js - ユーザーインターフェイスを作成するための最小限の javascript ライブラリ.
  • canjs - JavaScript をより良く, より速く, より簡単に行うことができます.
  • react - ユーザーインターフェイスを構築するためのライブラリ. 宣言的で, 効率的で, 非常に柔軟です. 仮想 DOM で動作します.
  • preact - 同じ ES6 API を使用した, 早い 3kB React の代替コンポーネントと仮想 DOM.
  • hyperapp - フロントエンドアプリケーションを構築するための 1kb JavaScript ライブラリ.
  • nativescript - JavaScript を使用して, ネイティブの iOS と Android クロスプラットフォームのアプリを構築できる.
  • react-native - React でネイティブアプリを構築するためのフレームワーク.
  • riot - React のようなライブラリですが, 非常にファイルサイズは小さいです.
  • thorax - あなたの Backbone を強化します.
  • chaplin - Backbone.js ライブラリを使用した JavaScript アプリケーション用のアーキテクチャ.
  • marionette - 大規模な JavaScript アプリケーションの構築を簡素化することを目的とした Backbone.js の複合アプリケーションライブラリ.
  • ripple - リアクティブビューを構築するための小さな基盤.
  • rivets - 軽量で強力なデータバインディング + テンプレートソリューション.
  • derby - MVC フレームワークにより, Node.js とブラウザの両方で動作するリアルタイムの共同アプリケーションを簡単に作成できます.
  • Awesome derby - すばらしいダービーコンポーネントのコレクション.
  • way.js - シンプルで軽量で永続的な双方向データバインディング.
  • mithril.js - Mithril は, クライアントサイド MVC フレームワーク(軽量, 頑丈, 高速)です.
  • jsblocks - jsblocks はより良い MV-ish フレームワークです.
  • LiquidLava - ユーザーインターフェイスを構築するための透過的な MVC フレームワーク.
  • feathers - 明日のアプリ向けの最小限のリアルタイム JavaScript フレームワーク.
  • Keo - Shadow DOM をサポートする機能的なステートレス反応コンポーネント.
  • atvjs - 純粋な JavaScript を使用して, 驚くほど高速な Apple TV アプリケーションを開発できるフレームワーク.
  • makefun - 条件が満たされるまで Promise を待ちます.

Node-Powered CMS フレームワーク

  • KeystoneJS - 強力な CMS および Web アプリケーションフレームワーク.
  • Reaction Commerce - リアクティブな CMS, リアルタイムアーキテクチャと設計.
  • Ghost - シンプルでパワフルなパブリッシングプラットフォーム.
  • Apostrophe - コンテンツ編集と必須サービスを備えた CMS.
  • We.js - リアルタイムアプリ・サイト・ブログのためのフレームワーク.
  • Hatch.js - ソーシャル機能を備えた CMS プラットフォーム.
  • TaracotJS - Node.js をベースにした, 高速かつ最小限の CMS.
  • Nodizecms - CoffeeScript 愛好家のための CMS.
  • Cody - WSYWYG エディタを備えた CMS.
  • PencilBlue - CMS とブログのプラットフォーム.
  • Strapi - カスタム API をかんたんに構築できるヘッドレス CMS.
  • Factor - The JavaScript CMS.

テンプレートエンジン

テンプレートエンジンを使用すると, 文字列補間を実行できます

  • mustache.js - JavaScript の {{mustaches}} による最小限のテンプレート化.
  • handlebars.js - Mustache テンプレート言語の拡張.
  • nunjucks - Mozilla が提供する JavaScript 用の豊富で強力なテンプレート言語.
  • hogan.js - Mustache テンプレート言語のコンパイラ.
  • doT - Node.js とブラウザ用の最も高速で簡潔な JavaScript テンプレートエンジンです.
  • dustjs - ブラウザと Node.js の非同期テンプレート.
  • eco - 埋め込まれた CoffeeScript テンプレート.
  • JavaScript-Templates - 1K バイト未満の軽量で高速かつ強力な JavaScript テンプレートエンジン.
  • t.js - gzipp された 〜400 バイトの小さな JavaScript テンプレートフレームワーク.
  • Pug - 頑丈でエレガントで, ノードに適した豊富なテンプレートエンジン.(以前は「Jade」という名前で呼ばれていました)
  • EJS - 効果的な JavaScript テンプレート.
  • xtemplate - ノードとブラウザ用の拡張可能なテンプレートエンジンライブラリ.
  • marko -Node.js とブラウザ用の高速で軽量な HTML ベースのテンプレートエンジン. 非同期, ストリーミング, カスタムタグ, および CommonJS モジュールをコンパイルして出力します.
  • swig - シンプルでパワフルで拡張可能な Node.js とブラウザベースの JavaScript テンプレートエンジン.
  • EHTML - JavaScript コードを記述できない HTML フレームワーク.

記事及び投稿

データ視覚化

Web 用のデータ視覚化ツール

  • d3 - HTML と SVG 用の JavaScript ビジュアライゼーションライブラリ.
  • metrics-graphics - 簡潔で原則的なデータグラフィックスとレイアウト用に最適化されたライブラリ.
  • three.js - JavaScript 3D ライブラリ.
  • Chart.js - タグを使用する, シンプルな HTML5 チャート.
  • paper.js - Vector Graphics Scripting の Swiss Army Knife - HTML5 Canvas を使用して Scriptographer を JavaScript とブラウザに移植しました.
  • fabric.js - Javascript Canvas ライブラリ, SVG から Canvas(& Canvas から SVG)へ変換するパーサー.
  • peity - プログレスバー, ライン, およびパイチャート.
  • raphael - JavaScript ベクトルライブラリ.
  • echarts - エンタープライズチャート.
  • vis - ブラウザベースの動的な視覚化ライブラリ.
  • two.js - Web 用のレンダラーにとらわれない2次元描画 API.
  • g.raphael - Raphaël のグラフ.
  • sigma.js - グラフ描画専用の JavaScript ライブラリ.
  • arbor - Web ワーカーと jQuery を使用したグラフ可視化ライブラリ.
  • cubism - 時系列を視覚化するための d3.js プラグイン.
  • dc.js - d3.js でレンダリングされたクロスフィルタで, ネイティブに動作するように構築された多次元グラフ.
  • vega - 視覚化文法.
  • processing.js - Processing.js を使用すると, プラグインを使用せずに Web 標準を使用してデータの視覚化を行うことができます.
  • envisionjs - 動的な HTML5 の視覚化.
  • rickshaw - インタラクティブなリアルタイムグラフを作成するための JavaScript ツールキット.
  • flot - jQuery 用の魅力的な JavaScript チャート.
  • morris.js - 時系列折れ線グラフを読みやすくする.
  • nvd3 - d3.js の再利用可能なチャートとチャートコンポーネントを構築する.
  • svg.js - SVG を操作およびアニメーション化するための軽量ライブラリ.
  • heatmap.js - HTML5 キャンバスベースのヒートマップのための JavaScript ライブラリ.
  • jquery.sparkline - ブラウザに直接小さなスパークラインのグラフを生成する jQuery プラグイン.
  • trianglify - d3.js を使用したローポリスタイルの背景ジェネレータ.
  • d3-cloud - JavaScript でワードクラウドを作成します.
  • d4 - d3.js のための, フレンドリーで再利用可能な, DSL チャート.
  • dimple.js - d3.js によって強化されたビジネス分析のための簡単なチャート.
  • chartist-js - 簡単な応答グラフ.
  • epoch - 一般なリアルタイムチャート作成ライブラリ.
  • c3 - d3.js ベースの再利用可能なチャートライブラリ.
  • BabylonJS - HTML 5 と WebGL で 3D ゲームを構築するためのフレームワーク.
  • recharts - React と d3.js で構築され, 再定義されたチャートライブラリ.
  • GraphicsJS - SVG/VML 技術に基づいた, 直感的な API を備えた軽量 JavaScript グラフィックスライブラリです. より少ないコードで描画できます.
  • mxGraph - ベンダーがサポートしている主要ブラウザでネイティブに動作するインタラクティブなグラフおよびチャートアプリケーションを迅速に作成できるようにするダイアグラムライブラリ.

また, amchart, anychart, plotly, highchart などの商用ライブラリもあります.

タイムライン

  • TimelineJS v3 - JavaScript で構築されたストーリーテリングタイムライン.
  • timesheet.js - 簡単な HTML 5 & CSS 3 タイムシート用の JavaScript ライブラリ.

スプレッドシート

  • HANDSONTABLE - Handsontable は, 開発者向けの JavaScript / HTML 5 スプレッドシートライブラリです.

エディタ

  • ace - Ace (Ajax.org Cloud9 のエディタ).
  • CodeMirror - ブラウザ内のコードエディタ.
  • esprima - 多目的解析のための ECMAScript 解析インフラストラクチャ.
  • quill - 豊富な API を備えたクロスブラウザのテキストエディタ.
  • medium-editor - Medium.com WYSIWYG エディタのクローン.
  • pen - ライブ編集を楽しむ (+ Markdown).
  • jquery-notebook - シンプルで清潔でエレガントなテキストエディタ. Medium の魅力に触発された.
  • bootstrap-wysiwyg - 小さなブートストラップ互換の WYSIWYG リッチテキストエディタ.
  • ckeditor-releases - すべての人に最適な Web​​ テキストエディタ.
  • editor - Markdown エディタ. まだ開発中です.
  • EpicEditor - 組み込み可能な JavaScript Markdown エディタで, 分割・フルスクリーン編集, ライブプレビュー, 自動ドラフト保存, オフラインサポートなどがあります.
  • jsoneditor - JSON の表示, 編集, 書式設定を行う Web ベースのツール.
  • vim.js - 永続的な ~/.vimrc を持つ Vim の JavaScript ポート.
  • Squire - HTML 5 リッチテキストエディタ.
  • TinyMCE - JavaScript リッチテキストエディタ.
  • trix - 日常的な文章のためのリッチテキストエディタ. By Basecamp.
  • Trumbowyg - 軽量で素晴らしい WYSIWYG JavaScript エディタです.
  • Draft.js - テキストエディタを構築するための React フレームワーク.
  • bootstrap-wysihtml5 - シンプルで美しい WYSIWYG エディタ.
  • wysihtml5 - HTML 5 とプログレッシブエンハンスアプローチに基づくオープンソースのリッチテキストエディタ. 洗練されたセキュリティコンセプトを使用し, メンテナンスが不可能なタグスープや, インラインスタイルを防止し, 完全に有効な HTML 5 マークアップを生成することを目指しています.
  • raptor-editor - Raptor は HTML5 WYSIWYG コンテンツエディタです.
  • popline - Popline は HTML 5 リッチテキストエディタのツールバーです.
  • Summernote - とてもシンプルな WYSIWYG エディタ.

ドキュメンテーション

  • DevDocs - DevDocs は, 迅速で, 統一的な一貫したインターフェイスを備えた, オールインワンの API ドキュメントリーダーです.
  • dexy - dexy は, コードを組み込んだあらゆる種類の技術文書を書くための, 自由形式の文章的な文書作成ツールです.
  • docco - 100 行長のリテラシープログラミングスタイルのドキュメントジェネレータです.
  • styledocco - スタイルシートからドキュメントとスタイルガイドドキュメントを生成します.
  • Ronn - Ronn はマニュアルを作成します. 人間が読めるシンプルなテキストファイルを, 端末の表示用の roff に, Web 用の HTML に変換します.
  • dox - Doxは, ノードで書かれた JavaScript 文書ジェネレータです. Dox はマークアップと JSDoc スタイルのタグを使用できる, JSON 表現を提供します.
  • jsdox - JSDoc3 から Markdown ドキュメントを生成します.
  • ESDoc - JavaScript のためのより優れたドキュメントジェネレータです/
  • YUIDoc - Javadoc や Doxygen などのツールに似た構文を使用して, ソースのコメントから API ドキュメントを生成する Node.js アプリケーションです.
  • coddoc - Coddoc は jsdoc 解析ライブラリです. Coddoc は, ユーザーが coddoc.addTagHandler と coddoc.addCodeHandler を使用して, タグパーサーとコードパーサーを追加できるようにすることで, 容易に拡張できます. Coddoc は, API で使用されるソースコードも解析します. .
  • sphinx - インテリジェントで美しい文書を簡単に作成できるツール.
  • Using JSDoc
  • Beautiful docs - マークダウンファイルに基づくドキュメンテーションビューアです.
  • documentation.js - ES2015 + およびフロー注釈をサポートする API ドキュメントジェネレータ.
  • jsduck - Sencha JavaScript フレームワーク向けに作成された API ドキュメントジェネレータですが, 他のフレームワークにも使用できます.
  • codecrumbs - ソースコードにブレッドクラムを配置することにより, コードベースを学習および文書化するための視覚的なツール.

ファイル

ファイルを扱うためのライブラリ

  • Papa Parse - CSV ファイル/文字列の解析と, CSV へのエクスポートをサポートする, 強力な CSV ライブラリです.
  • jBinary - ファイルタイプとデータ構造を記述するための宣言的な構文を持つ, バイナリファイルの高水準 I / O (読み込み, 解析, 操作, シリアライズ, 保存).
  • diff2html - Git diff 出力パーサと, きれいな HTML ジェネレータ.
  • jsPDF - JavaScript PDF 生成.
  • PDF.js - PDF リーダー.

関数プログラミング

JavaScript の機能を拡張するための関数プログラミングライブラリ

  • underscore - "_"(アンダースコア) で呼び出す, JavaScript の ユーティリティ.
  • lodash - 一貫性, カスタマイズ, パフォーマンス, およびその他の機能を提供するユーティリティライブラリ.
  • Sugar - ネイティブオブジェクトを操作するための JavaScript ライブラリ.
  • lazy.js - Underscore に似ていますが, レイジーです.
  • ramda - Javascript プログラマー向けの実用的な関数ライブラリ.
  • mout - モジュラー JavaScript ユーティリティ.
  • mesh - ストリーム可能なデータ同期ユーティリティ.
  • preludejs - JavaScript のためのハードコア関数プログラミング.

リアクティブプログラミング

JavaScript の機能を拡張するためのリアクティブプログラミングライブラリ

  • RxJs - JavaScript のリアクティブプログラミングライブラリ.
  • Bacon - Javascript 用の FRP(Functional Reaction Programming)ライブラリ.
  • Kefir - Bacon.js と RxJS に触発された JavaScript 用の FRP ライブラリで, 高性能と低メモリ消費を重視しています.
  • Highland - JavaScript ユーティリティーベルト. Highlandは, 標準の JavaScript や Node.js ライクなストリームだけを使って, 同期と非同期のコードを簡単に管理します.
  • Most.js - 高性能 FRP ライブラリ.
  • MobX - シンプルでスケーラブルな状態管理のための TFRP ライブラリ.
  • Cycle.js - より洗練されたコードのための, 機能的でれアクティブな JavaScript ライブラリ.

データ構造

より洗練されたアプリケーションを構築するためのデータ構造ライブラリ

  • immutable-js - シーケンス, 範囲, 繰り返し, マップ, OrderedMap, Set, および疎ベクトルを含む不変データコレクション.
  • mori - ClojureScript の永続的なデータ構造を使用し, JavaScript の快適な API をサポートするためのライブラリ.
  • buckets - JavaScript で書かれた, 完全にテストされ, 文書化されたデータ構造ライブラリ.
  • hashmap - 任意の種類のキーをサポートする単純なハッシュマップの実装.

Date

日付ライブラリ

  • moment - JavaScript を使って日付を解析し, 検証し, 操作し, 表示します.
  • moment-timezone - moment.js のタイムゾーンサポート.
  • jquery-timeago - ファジータイムスタンプの自動更新をサポートする jQuery プラグイン(「4分前」など).
  • timezone-js - タイムゾーン対応 JavaScript Date オブジェクト. タイムゾーンデータ用の Olson zoneinfo ファイルを使用します.
  • date - 人間のための Date().
  • ms.js - 小さなミリ秒の変換ユーティリティ.
  • countdown.js - 超簡単なカウントダウン.
  • timeago.js - *** time ago 文で日付を書式設定するために使用される単純なライブラリ (2kB 未満).
  • fecha - 軽量の日付フォーマットと解析 (~2kB) moment.js の構文解析と書式設定機能を置き換えることを意味します.
  • date-fns - モダンな JavaScript 日付ユーティリティライブラリ.
  • map-countdown - Google マップの上に構築されたブラウザのカウントダウン.
  • dayjs - Moment.js に代わる 2KB の日付ライブラリ.

String

String ライブラリ

  • selecting - ユーザーが選択したテキストにアクセスするためのライブラリ.
  • underscore.string - Underscore.js JavaScript ライブラリの文字列操作拡張.
  • string.js - JavaScript 文字列メソッドの拡張.
  • he - JavaScript で書かれた堅牢な HTML エンティティエンコーダ / デコーダ.
  • multiline - JavaScript の複数行の文字列.
  • query-string - URL クエリ文字列を解析し, 文字列化します.
  • URI.js - Javascript URL 変換ライブラリ.
  • jsurl - JavaScript を使用した軽量な URL 操作.
  • sprintf.js - sprintf の実装です.
  • url-pattern - より簡単に URL や, その他の文字列の正規表現を扱えます. 文字列をデータに, またはデータを文字列に変換します.
  • plexis - 強力な, コミュニティ主導の文字列操作ライブラリ.

Number

  • Numeral-js - 数値の書式設定と操作のための JavaScript ライブラリ.
  • chance.js - JavaScript のランダムジェネレータヘルパー. 数字, 文字列などを生成することができます.
  • odometer - 数字をスムーズに移行します.
  • accounting.js - 番号, 金額, 通貨の書式設定用の軽量な JavaScript ライブラリ. 完全にローカライズ可能な, ゼロの依存関係.
  • money.js - web & Node.js 用の小さな(1kB)JavaScript 通貨変換ライブラリ.
  • Fraction.js - JavaScript の有理数ライブラリ.
  • Complex.js - JavaScript 用の複素数ライブラリ.
  • Polynomial.js - JavaScript の多項式ライブラリ.

ストレージ

  • store.js - Cookie またはフラッシュを使用せずに, 全ブラウザ用の LocalStorage ラッパー. 内部の localStorage, globalStorage. および userData の動作を使用します.
  • localForage - 改善されたオフラインストレージ. シンプルで強力な API を使用して, IndexedDB, WebSQL, または localStorage をラップします.
  • jStorage - jStorage は, ブラウザ側にデータを格納するための単純なキー / バリューデータベースです.
  • cross-storage - クロスドメインローカルストレージで, パーミッションを持ちます.
  • basket.js - localStorage を使用してスクリプトをキャッシング, およびロードするためのスクリプトとリソースローダー.
  • bag.js - basket.js に似ていますが, キー / バリューインターフェイスが追加され, localStorage / websql / indexedDB をサポートするキャッシングスクリプトとリソースローダーです.
  • basil.js - JavaScript に欠けているスマート永続層.
  • jquery-cookie - クッキーを読み書きし, 削除するためのシンプルで軽量な jQuery プラグインです.
  • js-cookie - ブラウザのクッキーを処理するためのシンプルで軽量な JavaScript API.
  • Cookies - JavaScript クライアント側クッキー操作ライブラリ.
  • DB.js - Promise ベースの IndexDB ラッパーライブラリ.
  • lawnchair.js - シンプルなクライアントサイドの JSON ストレージ.
  • sql.js - Emscripten を介して JavaScript にコンパイルされた SQLite.
  • crumbsjs - 軽量のバニラ ES6 Cookie とローカルストレージ JavaScript ライブラリ.

  • randomColor - JavaScript 用のカラージェネレータです.
  • chroma.js - あらゆる種類の色を操作できる JavaScript ライブラリ.
  • color - JavaScript の色変換および操作ライブラリ.
  • colors - Web 上で色を扱うためのスマートなデフォルト.
  • PleaseJS - ランダムで気に入った色と配色を作成する JavaScript ライブラリ.
  • TinyColor - JavaScript のための, 高速で小さな, 色操作と変換.
  • Vibrant.js - 画像から目立つ色を抽出します.

ローカリゼーションと国際化

ローカリゼーション(110n)と, 国際化(i18n)JavaScript ライブラリ

  • i18next - JavaScript を使った簡単な国際化 (i18n).
  • polyglot - 小さな i18n ヘルパーライブラリ.
  • babelfish - i18n にヒューマンフレンドリーな API と複数のサポートを組み込みました.
  • ttag - ES6 タグ付きテンプレートと, 古き良き GNU gettext に基づく最新の JavaScript i18n ローカリゼーションライブラリ.

コントロールフロー

  • async - ノードとブラウザ用の非同期ユーティリティ.
  • q - JavaScript で非同期を約束し, 作成するためのツール.
  • step - ロジックを簡単に進める非同期制御フローライブラリ.
  • contra - 機能的風味を持つ, 非同期フロー制御.
  • Bluebird - 革新的な機能とパフォーマンスに焦点を当てた, 完全機能の Promise ライブラリ.
  • when - 手堅く, 早く, Promise / A+ と when() の実装, その他の非同期的な機能.
  • ObjectEventTarget - イベントリスナーにサポートを追加するプロトタイプを提供します(ブラウザで使用可能な DOMElements の EventTarget の動作と同じです).
  • sporadic - Node およびブラウザエンジン向けの, 構成可能な同時実行の抽象化(ストリーム, コルーチン, Goのようなチャネルなど)を Promise に追加する.

ルーティング

  • director - JavaScript 用の小型で同形の URL ルーター.
  • page.js - Express ルータに触発されたマイクロクライアント側ルータ (~1200 bytes).
  • pathjs - Web ブラウザ用のシンプルで軽量なルーティング.
  • crossroads - JavaScript ルート.
  • davis.js - pushState を使用した, RESTful で分解可能な JavaScript ルーティング.
  • navaid - 850バイトのブラウザー用のナビゲーション補助.

セキュリティ

  • DOMPurify - HTML, MathML および SVG のための, DOM オンリーで, 超高速で耐久性の高い XSS サニタイザです.
  • js-xss - 設定で, ホワイトリストで指定された信頼できないHTMLをサニタイズします(XSSを防止するため).
  • xss-filters - Yahoo の Secure XSS フィルター.

ログ

  • log - スタイルを伴う Console.log.
  • Conzole - JavaScript のネイティブコンソールオブジェクトのメソッドと, 機能をページ内に表示されるパネルにラップする, JavaScript でビルドされたデバッグパネル.
  • console.log-wrapper - 任意のブラウザで, コンソールに明瞭なログを出力します.
  • loglevel - JavaScript の軽量なロギングを最小限に抑え, console.log メソッドをラップするための使用可能な信頼できるログレベルメソッドを追加しました.
  • minilog – Stream-API バックエンドを使用した軽量クライアントおよびサーバー側のログ.
  • storyboard - ユニバーサルロギングライブラリ + Chrome 拡張機能. ある場所でユーザー操作によってトリガーされた, すべてのクライアントおよびサーバーのタスクを表示することができます.

正規表現

  • RegEx101 - オンライン正規表現テスターと JavaScript 用デバッガー. Python, PHP, PCREもサポートしています.
  • RegExr - 正規表現の作成, テスト, 学習のための HTML / JS ベースのツール.
  • RegExpBuilder - チェーンされたメソッドを使用して正規表現を作成します.

音声コマンド

  • annyang - 音声認識を使用して, サイトに音声コマンドを追加するための JavaScript ライブラリ.
  • voix.js - サイト, アプリ, またはゲームに音声コマンドを追加するための JavaScript ライブラリ.

API

  • axios - ブラウザと Node.js で使用できる, Promise ベースの HTTP クライアント.
  • bottleneck - スロットルを簡単にする強力なレートリミッタです.
  • oauth-signature-js - Node.js とブラウザ用の JavaScript OAuth 1.0a 署名ジェネレータ.
  • amygdala - JavaScript による Web アプリケーション用の RESTful HTTP クライアント.
  • jquery.rest - RESTful な API を使いやすくするための jQuery プラグイン.
  • Rails Ranger - Ruby on Rails API 向けの REST クライアント.
  • wretch - 直感的な構文の fetch のラッパー.
  • Bearer.sh - OAuth / API Key / Basic などをサポートした, ユニバーサル API クライアント.
  • FarFetch - 簡潔なファイルアップロードを備えた最新の Fetch API ラッパー.

ストリーミング

  • Tailor - Facebook の BigPipe からインスパイアされた, フロントエンドマイクロサービスのストリーミングレイアウトサービス.

映像検出

  • tracking.js - ウェブ上のコンピュータビジョンに対する現代的なアプローチ.
  • ocrad.js - Emscripten 経由の Javascript の OCR.

機械学習

  • ConvNetJS - Javascript によるディープラーニング. あなたのブラウザで, 畳み込みニューラルネットワーク(または普通のもの)を訓練してください.
  • DN2A - デジタルニューラルネットワークアーキテクチャ.
  • Brain.js - JavaScript のニューラルネットワーク.
  • Mind.js - 柔軟なニューラルネットワークライブラリ.
  • Synaptic.js - Node.js とブラウザ用のアーキテクチャフリーのニューラルネットワークライブラリ.
  • TensorFlow.js - Node.js で ML モデルを訓練して, ブラウザに配備するための JavaScript ライブラリ.
  • ml5.js - WEB 上でマシンラーニングができる.
  • Synapses - 軽量なクロスプラットフォームニューラルネットワークライブラリ.

ブラウザ検出

  • bowser - ブラウザ検出.

ベンチマーク

  • benchmark.js - ベンチマークライブラリ. jsPerf.com で使用されています.
  • matcha - caffeine 駆動の, ベンチマークへのシンプルなアプローチ.

コードハイライティング

  • Highlight.js - JavaScript, その多言語のシンタックスハイライト.
  • PrismJS - 軽量で堅牢で洗練されたシンタックスハイライト.

ローディングステータス

ロード状況を示すライブラリ

  • Mprogress.js - Google マテリアルデザインのプログレスバーを作成します.
  • NProgress - Ajax アプリケーションのためのスリムプログレスバー.
  • Spin.js - スピンアクティビティインジケータ.
  • progress.js - ページ上すべてのオブジェクトのプログレスバーを, 作成および管理します.
  • progressbar.js - アニメーション化された SVG パスを備えた, 美しくレスポンシブなプログレスバー.
  • pace - 自動的にあなたのサイトにプログレスバーを追加します.
  • topbar - 小さく, 美しい, サイト全体にわたる進捗インジケータ.
  • nanobar - 非常に軽量のプログレスバー. jQuery は必要ありません.
  • PageLoadingEffects - SVG アニメーションを使用して新しいコンテンツを公開する現代的な方法.
  • SpinKit - CSS でアニメーション化された, ローディングインジケータのコレクション.
  • Ladda - ローディングインジケータが内蔵されたボタン.
  • css-loaders - CSS でアニメーション化されたローディングスピナーのコレクション.

ライブラリのほかに, Collection on Codepen, Ajaxload, Preloaders and CSSLoad のようなジェネレータがあります.

バリデーション

  • Parsley.js - JavaScript に1行も記述することなく, フォーム, フロントエンドを検証します.
  • jquery-validation - jQuery 検証プラグイン.
  • validator.js - 文字列の検証とサニタイズ.
  • validate.js - CodeIgniter に触発された軽量な JavaScript フォーム検証ライブラリ.
  • validatr - クロスブラウザ HTML 5 フォーム検証.
  • FormValidation - フォームフィールドを検証するための最高の jQuery プラグインです.
  • is.js - タイプ, 正規表現, 存在, 時間などをチェックします.
  • FieldVal - 多目的検証ライブラリ. 同期と非同期の両方の検証をサポートします.
  • Funval - 関数インターフェイスを使用したデータ検証(TypeScriptをサポート).

キーバードラッパー

  • mousetrap - JavaScript のキーボードショートカットを扱うためのシンプルなライブラリ.
  • keymaster - キーボードショートカットを定義およびディスパッチするためのシンプルなマイクロライブラリ.
  • Keypress - 任意のキーを修飾キーとするキーボード入力キャプチャユーティリティ.
  • KeyboardJS - キーコードとキーコンボの競合を無くし, キーボードコンボをバインドするための JavaScript ライブラリ.
  • jquery.hotkeys - jQuery Hotkeys を使用すると, ほぼすべてのキーの組み合わせをサポートでき, コード内の任意の場所でキーボードイベントを監視できます.
  • jwerty - キーボードイベントの素晴らしい処理.

ツアー及びガイド

  • intro.js - 新しい機能の紹介やウェブサイトや, プロジェクトの段階的なユーザーガイドのためのより良い方法です.
  • shepherd - あなたのアプリのツアーを通じてユーザーをガイドします.
  • bootstrap-tour - Twitter Bootstrap Popovers を使った迅速で簡単な製品ツアー.
  • tourist - あなたのアプリのシンプルでフレキシブルなツアー.
  • chardin.js - アプリのシンプルなオーバーレイの手順.
  • pageguide - jQuery と CSS3 を使用する Web ページ要素の対話型ガイドです.
  • hopscotch - 開発者が製品ツアーをページに簡単に追加できるようにするフレームワーク.
  • joyride - 機能ツアーの jQuery プラグイン.
  • focusable - ページの残りの部分にオーバーレイレイヤーを追加し, DOM 要素にスポットライトフォーカスを設定します.
  • driver.js - パワフルでありながら軽量なバニラ JavaScript エンジン.

通知

  • messenger - あなたのアプリのための, Growl スタイルのアラートとメッセージ.
  • noty - jQuery 通知機能プラグイン.
  • pnotify - Bootstrap, jQuery UI, Web Notifications Draft のための JavaScript 通知.
  • toastr - 簡単な JavaScript のトースト通知.
  • humane-js - シンプルでモダンなブラウザ通知システム.
  • smoke.js - JavaScript 用の, フレームワークに依存しないスタイル付き警告システム.
  • notie - 依存関係のない, シンプルな通知と入力.

スライド

  • Swiper - ハードウェア加速度トランジションを備えた, モバイルタッチスライダーとフレームワーク.
  • slick - あなたが必要とするであろう, 最新のカルーセル.
  • slidesJs - touch や CSS 3 のような機能を持つ jQuery(1.7.1+)用のレスポンススライドショープラグインです.
  • FlexSlider - すばらしい, 完全に反応する jQuery スライダプラグインです.
  • unslider - 最もシンプルな jQuery スライダ.
  • sly - 項目ベースのナビゲーションをサポートする, 一方向スクロールのための JavaScript ライブラリ.
  • vegas - あなたのウェブページに美しいフルスクリーン背景を追加する jQuery プラグイン. スライドショーが可能です.
  • Sequence - 応答性の高いスライダ, プレゼンテーション, バナー, およびその他のステップベースのアプリケーションを作成するための CSS アニメーションフレームワーク.
  • reveal.js - HTML を使って簡単に美しいプレゼンテーションを作成するフレームワークです.
  • impress.js - プレゼンテーションフレームワークは, 最新ブラウザの CSS 3 変換とトランジション機能に基づいており, prezi.com の背後にあるアイデアからインスピレーションを受けています.
  • bespoke.js - DIY プレゼンテーションマイクロフレームワーク.
  • Strut - Impress.js と Bespoke.js プレゼンテーションエディタ.
  • PhotoSwipe - モバイルとデスクトップに対応し, モジュール式の, フレームワークに依存しない JavaScript 画像ギャラリー.
  • jcSlider - CSS アニメーションによる, レスポンシブスライダー jQuery プラグイン.
  • basic-jquery-slider - シンプルで使い, シンプルなテーマ, シンプルなカスタマイズ.
  • slidr - いくつかのスライドエフェクトを追加します.
  • Flickity - タッチ, レスポンシブ, フリック可能なギャラリー.
  • Glide.js - レスポンシブでタッチフレンドリーな jQuery スライダー. シンプルで軽量で高速です.
  • jQuery.adaptive-slider - 適応的な色分けされたキャプションと, ナビゲーションを備えた, jQuery スライダプラグインです.
  • Embla Carousel - TypeScript で書かれた, Web 用の拡張可能な低レベルのカルーセル.

レンジスライダ

  • Ion.RangeSlider - 多くのオプションとスキンをサポートする, 強力で簡単にカスタマイズ可能な範囲スライダ.
  • jQRangeSlider - 日付をサポートする, JavaScript スライダーセレクター.
  • noUiSlider - 軽量でカスタマイズ可能な範囲スライダ.
  • rangeslider.js - HTML 5 の入力範囲スライダ要素 polyfill.

フォームウィジェット

インプット

  • typeahead.js - 高速で完全な機能を備えたオートコンプリートライブラリです.
  • tag-it - マルチタグフィールドとタグ提案 / オートコンプリートを処理する jQuery UI プラグイン.
  • At.js - あなたのアプリケーションに, Github ライクなオートコンプリートを追加します.
  • Placeholders.js - HTML 5 プレースホルダ属性の JavaScript ポリフィル.
  • fancyInput - 入力フィールドを CSS 3 エフェクトで楽しく入力できます.
  • jQuery-Tags-Input - jQuery プラグインを使用すると, シンプルなテキスト入力を, 驚くほどクールなタグリストに変換します.
  • vanilla-masker - 純粋な JavaScript によるマスク入力です.
  • Ion.CheckRadio - スタイリングチェックボックスとラジオボタン用の jQuery プラグイン. スキンサポート付き.
  • awesomplete - 依存性のない, 超軽量で, 使いやすく美しいオートコンプリート. - http://leaverou.github.io/awesomplete

カレンダー

  • pickadate.js - モバイルフレンドリーで, 応答性が高く, 軽量な jQuery の日付と時刻入力ピッカーです.
  • bootstrap-datepicker - Stefan Petre's(eyecon.ro)からフォークされた, @eternicode によって改良された @twitter ブートストラップの datepicker.
  • Pikaday - 爽やかな JavaScript Datepicker - 軽量で, 依存性がなく, モジュラー CSS です.
  • fullcalendar - フルサイズのドラッグ & ドロップイベントカレンダー (jQuery プラグイン).
  • rome - スタマイズ可能な日付(および時間)ピッカー. 依存関係のない, opt-in UI.
  • datedropper - datedropper は, 入力フィールドの日付を管理するための, すばやく簡単な方法を提供する jQuery プラグインです.

セレクト

  • selectize.js - Selectize は, テキストボックスと選択ボックスのハイブリッドです. これは jQuery ベースであり, オートコンプリートとネイティブ感覚のキーボードナビゲーションを備えています. タグ付け, 連絡先リストなどに役立ちます.
  • select2 - 選択ボックスの jQuery ベースの置き換え. これは, 検索, リモートデータセット, および結果の無限スクロールをサポートします.
  • chosen - 長く, 扱いにくい選択ボックスをより使いやすくするためのライブラリ.

ファイルアップローダ

  • jQuery-File-Upload - ドラッグ & ドロップサポート, プログレスバー, 検証, プレビュー画像, オーディオ, ビデオを含む, ファイルアップロードウィジェットです.
  • dropzone - Dropzone は, 使いやすいドラッグ & ドロップライブラリです. 画像のプレビューをサポートし, 素敵なプログレスバーを表示します.
  • flow.js - HTML5 File API を介して複数の同時, 安定, フォールトトレラント, 再開 / 再開可能なファイルアップロードを提供する JavaScript ライブラリ.
  • fine-uploader - 複数のファイルアップロードプラグインで, プログレスバー, ドラッグ & ドロップ, 直接 S3 へのアップロードをサポートします.
  • FileAPI - ファイルを操作するための, 一連の JavaScript ツール. マルチアップロード, ドラッグ & ドロップとチャンクファイルのアップロード. 画像:EXIFによるクロップ, サイズ変更, 自動方向付け.
  • plupload - 複数のファイル選択, ファイルタイプフィルタリング, リクエストチャンク, クライアントサイドの画像スケーリングなどの機能をサポートする JavaScript API で, HTML 5, Silverlight, Flash などのさまざまなランタイムを使用します.

その他

  • form - jQuery フォームプラグイン.
  • Garlic.js - フォームがサブミットされるまで, 自動的にフォームのテキストを保持し, フィールド値をローカルで選択します.
  • Countable - HTML 要素にライブ段落, 単語, および文字カウントを追加する JavaScript 関数.
  • card - 1 行のコードで, クレジットカードのフォームをよりよく作成できます.
  • stretchy - フォーム要素の自動サイズ設定.
  • analytics - サードパーティの分析プロバイダーと連携してページビュー, カスタムイベントを追跡し, ユーザーを識別するように設計された, 軽量で拡張可能な分析ライブラリ.

Tips

  • tipsy - jQuery 用 Facebook スタイルのツールチップ・プラグイン.
  • opentip - プロトタイプフレームワークに基づく, オープンソースの JavaScript ツールチップ.
  • qTip2 - かなり強力なツールチップ.
  • tooltipster - jQuery のツールチップ・プラグイン.
  • simptip - Sass で作られたシンプルな CSS のツールチップ.
  • jquery-popup-overlay - 応答可能でアクセス可能なモーダルウィンドウとツールチップのための jQuery プラグイン.
  • toolbar - ツールチップスタイルのツールバーの jQuery プラグイン.
  • hint.css - あなたの素敵なウェブサイト用の CSS のツールチップライブラリ.

モーダル及びポップアップ

  • Magnific-Popup - パフォーマンスに重点を置いた軽快で反応のよいライトボックススクリプト.
  • jquery-popbox - jQuery PopBox UI エレメント.
  • jquery.avgrund.js - 新しいモーダルコンセプトの, ポップアップ jQuery プラグイン.
  • vex - 高度に構成可能で, 簡単に作成できる最新のダイアログライブラリ.
  • bootstrap-modal - デフォルトの Bootstrap Modal クラスを拡張します. レスポンシブ, スタック可能, Ajax など.
  • css-modal - 純粋な CSS から構築されたモーダル.
  • jquery-popup-overlay - レスポンシブでアクセス可能な, モーダルウィンドウとツールチップのための jQuery プラグイン.
  • SweetAlert - 素晴らしい JavaScript のアラートの代替品.
  • baguetteBox.js - シンプルで使いやすいライトボックス. スクリプトは, 純粋な JavaScript で書かれています.
  • colorbox - 軽量でカスタマイズ可能な jQuery 用ライトボックスプラグインです.
  • fancyBox - 画像, HTML コンテンツ, マルチメディアのズーム機能をウェブページに追加するためのすてきでエレガントな方法を提供するツールです.
  • swipebox - タッチ可能な jQuery ライトボックス.
  • jBox - jBox は強力で柔軟な jQuery プラグインで, すべてのポップアップウィンドウ, ツールチップ, 通知などを処理します.

スクロール

  • scrollMonitor - スクロールしながら要素を監視する簡単で高速なAP​​Iです.
  • headroom - あなたのページにいくつかのヘッドルームを与えます. あなたがそれを必要とするまで, ヘッダーは隠されます.
  • onepage-scroll - ワンページスクロールプラグインを使用して, アップルのような 1 ページのスクロールウェブサイト(iPhone 5S ウェブサイト)を作成します.
  • iscroll - Scrollは, 高性能, フットプリントが小さく, 依存性のない, マルチプラットフォームの JavaScript scroller です.
  • skrollr - モバイル(Android + iOS)とデスクトップ用の, スタンドアローンの Parallax スクロールライブラリ. jQuery は必要ありません.
  • parallax - スマートデバイスの向きに反応する Parallax エンジン.
  • stellar.js - Parallax スクロールが簡単にできます.
  • plax - jQuery で動く Parallax.
  • jparallax - 対話的視差効果を作成するための jQuery プラグイン.
  • fullPage - フルスクリーンスクロールウェブサイト(シングルページのウェブサイトとも呼ばれます)を作成するための, シンプルで使いやすいプラグインです.
  • ScrollMenu - 古い退屈なスクロールバーを置き換えるための新しいインターフェイスです.
  • Clusterize.js - 大きなデータセットを簡単に表示するための小さな Vanilla.js プラグイン.
  • simpleParallax - ウェブサイトにどんな画像でも視差アニメーションを与える非常に単純なJavaScriptライブラリ.

メニュー

  • jQuery-menu-aim - ユーザーのカーソルが特定のドロップダウンメニュー項目を目指すときにイベントを発生させる jQuery プラグイン. Amazon のような反応的なメガドロップダウンを作成できる.
  • jQuery contextMenu - ContextMenu マネージャ.
  • Slideout - モバイル Web アプリケーション用の, レスポンシブなタッチスライドアウトナビゲーションメニュー.
  • Slide and swipe - touchSwipeライブラリで動作するスライドスワイプメニューです.

テーブル/グリッド

  • jTable - AJAX ベースの CRUD テーブルを作成するための jQuery プラグイン.
  • DataTables - プログレッシブエンハンスメントの基盤に基づく非常に柔軟なツールであり, 高度なインタラクションコントロールを任意の HTML テーブルに追加します(jQueryプラグイン).
  • Tabulator - あらゆる JSON データソースまたは既存の HTML テーブルからの一連のインタラクティブ機能を備えたテーブルを作成する, 非常に柔軟なライブラリです(jQueryプラグイン).
  • Bootstrap Table - 追加のマークアップを必要とせずに, サイトのスタイルに合ったテーブルを作成するための Bootstrap フレームワークの拡張機能.
  • floatThead - (jQueryプラグイン)本文内をスクロールしながらテーブルのヘッダをロックします. どのテーブルでも動作し, カスタム HTML や CSS は必要ありません.
  • Masonry - カスケードグリッドレイアウトライブラリ.
  • Packery - ビンパッキングアルゴリズムを使用するグリッドレイアウトライブラリ. ドラッグ可能なレイアウトに使用できます.
  • Isotope - フィルタリング可能でソート可能なグリッドレイアウトライブラリ. Masonry, Packery などのレイアウトを実装できます.
  • flexboxgrid - CSS3 flexbox に基づくグリッド.

フレームワーク

  • Semantic UI - 多くのテーマと要素を持つ UI キット
  • w2ui - データ駆動型 Web アプリケーションのフロントエンド開発用の jQuery プラグインのセット.
  • fluidity - 世界最小の完全応答型 CSS フレームワーク.
  • Ink - 迅速かつ効率的なウェブサイトの設計と, プロトタイプ作成のために SAPO で使用される HTML 5 / CSS 3 フレームワーク.
  • DataFormsJS - SPA のサイトを迅速に開発するための最小限の JavaScript フレームワークとスタンドアロンコンポーネント.

ボイラープレート

  • html5-boilerplate - 高速で堅牢で適応性のある Web アプリケーションや, サイトを構築するためのプロフェッショナルなフロントエンドテンプレート.
  • mobile-boilerplate - 最新のモバイル Web アプリケーションを作成するのに役立つフロントエンドテンプレート.
  • webplate - あなたのサイトやアプリの構築に専念できる, 素晴らしいフロントエンドフレームワーク. 本当に使いやすいです.
  • Cerberus - 応答性の高い HTML 電子メールのための, シンプルであるが, しっかりしたパターン. Outlook でさえ...
  • full-page-intro-and-navigation - 全幅の背景画像, 太字のアニメーションメニュー, ナビゲーションの背後にある iOS 風のぼかし効果を備えたイントロページ.
  • Fluid-Squares - 四角形単位の流体グリッド.
  • Mobile-First-RWD - モバイル向けのレスポンシブウェブデザインの一例.
  • this-is-responsive - これがレスポンシブだ.
  • npm run-scripts - npm 実行スクリプトによるタスク自動化.

ジェスチャ

  • hammer.js - マルチタッチジェスチャーのための JavaScript ライブラリ.
  • touchemulator - デスクトップ上のタッチ入力をエミュレートします.
  • Dragula - 憎いぐらいシンプルな, ドラッグ & ドロップ.

マップ

  • Leaflet - モバイル対応のインタラクティブマップ用の JavaScript ライブラリ.
  • Cesium - オープンソース WebGL 仮想地球と地図エンジン.
  • gmaps - Google マップを使用する最も簡単な方法.
  • polymaps - 最新のウェブブラウザで動的でインタラクティブな地図を作成するための, 無料の JavaScript ライブラリです.
  • kartograph.js - Kartograph SVG マップ用のオープンソース JavaScript レンダラ.
  • mapbox.js - Mapbox JavaScript API, リーフレットプラグイン.
  • jqvmap - jQuery ベクトルマップライブラリ.
  • OpenLayers3 - すべてのマッピングニーズに対応する高性能で機能豊富なライブラリ.

ビデオ/オーディオ

  • prettyembed.js - 高解像度のプレビュー画像, 埋め込みオプションの高度なカスタマイズ, オプションの FitVids サポートなどの素晴らしいオプションを使用して, YouTubes を埋め込みます.
  • html5media - すべての主要なブラウザで <video> と <audio> タグを有効にします. https://html5media.info/
  • Play-em JS - Play'em は, 音楽/ビデオのトラックキューを管理し, Youtube, Soundcloud, Vimeo などの複数のプレーヤーを, HTML DIV に埋め込んで一連の曲を再生する JavaScript コンポーネントです.
  • polyplayer - 1つのAPIを持つ YouTube, Soundcloud, Vimeo プレーヤーのルール.
  • flowplayer - ウェブ用のHTML5動画プレーヤー https://flowplayer.org/
  • mediaelement - すべてのブラウザで一貫した UI を使用できるように. Flash および Silverlight シムを持つ HTML 5 の <audio> または <video> プレーヤを模倣する MediaElement API. http://mediaelementjs.com/
  • SoundJS - Web 上のオーディオを簡単に操作できるライブラリ. さまざまなブラウザでオーディオを再生するための一貫した API を提供します.
  • video.js - オープンソース HTML 5 & Flash ビデオプレーヤー.
  • FitVids.js - ビデオ埋め込みのための, 流体幅かつ軽量で使いやすい jQuery プラグインです.
  • Ion.Sound - どの Web ページでも 簡単にサウンドが鳴らせる.
  • photobooth-js - ユーザーがあなたのサイトで自分のアバター写真を撮ることを可能にするウィジェット.
  • clappr - Web 用拡張メディアプレーヤー http://clappr.io
  • exifr - 最速で最も用途の広いEXIF読み取りライブラリ. https://mutiny.cz/exifr/
  • ts-audio - 不可知論的で使いやすいライブラリで, AudioContext APIと連携します.

タイポグラフィ

  • FlowType.JS - 最高の Web タイポグラフィ:要素の幅に基づいたフォントサイズと線の高さ.
  • BigText - テキスト行を特定の幅に一致させるのに必要な, フォントサイズと単語の間隔を計算する jQuery プラグイン.
  • circletype - ウェブ上の曲線型を可能にする jQuery プラグイン.
  • slabText - 大きくて大胆で反応の良い見出しを作成するための jQuery プラグイン.
  • simple-text-rotator - マークアップをほとんど, または全くしないで, あなたのウェブサイトに超簡単な回転テキストを追加する.
  • novacancy.js - テキストネオンゴールデンエフェクト jQuery プラグイン.
  • jquery-responsive-text - テキストのサイズ変更をレスポンシブにする.
  • FitText.js - Web タイプを拡張するための jQuery プラグイン.
  • Lettering.js - 急進的な Web Typography 用の, 軽量で使いやすい JavaScriptの <span> インジェクタ.

アニメーション

  • velocity - JavaScript アニメーションを高速化しました.
  • jquery.transit - jQuery のための超滑らかな CSS 3 変換とトランジション.
  • imrpress.js - MHTML ドキュメント内の CSS 3 変換 / トランジションを使用して, Prezi ライクなプレゼンテーションを作成します.
  • bounce.js - 素早く美味しい CSS 3 パワフルアニメーションを作成します.
  • GreenSock-JS - すべての主要ブラウザで動作する, 高性能 HTML 5 アニメーション.
  • TransitionEnd - TransitionEnd は, 移行イベントを処理するための, 依存関係のないクロスブラウザライブラリです.
  • Dynamic.js - 物理ベースの CSS アニメーションを作成するための JavaScript ライブラリ.
  • the-cube - The Cube は CSS 3 の遷移を使った実験です.
  • Effeckt.css - トランジションとアニメーションライブラリ.
  • animate.css - CSS アニメーションのクロスブラウザライブラリ. 簡単で使いやすい.
  • textillate - CSS 3 テキストアニメーション用のシンプルなプラグイン.
  • move.js - CSS 3 による JavaScript アニメーションフレームワークのサポート.
  • animatable - 1 つのプロパティ, 2 つの値, 無限の可能性.
  • shuffle-images - クリエイティブな方法で画像をシャッフルする最も簡単な方法. http://www.thepetedesign.com/demos/shuffle-images_demo.html
  • smoothState.js - jQueryによるページ遷移. http://smoothstate.com/
  • Anime.js - JavaScript アニメーションエンジン.
  • Mo.js - ウェブ用モーショングラフィックスツールベルト.
  • particles.js - パーティクルを作成するための軽量な JavaScript ライブラリ.
  • tsParticles - パーティクルを作成するための軽量 TypeScript ライブラリ. particles.js のバグが修正され, 多くの新機能が追加されたバージョン.  https://particles.matteobruni.it

画像処理

  • lena.js - フィルタと util 関数を使用した画像処理用ライブラリ.
  • pica - (高速 Lanczos フィルタ, 純粋な JavaScript で実装された)高品質のイメージのサイズ変更.
  • cropper - 単純な jQuery 画像クロッピングプラグイン.

ES6

  • es6features - ECMAScript 6 の機能の概要です.
  • es6-features - ECMAScript 6:機能の概要と比較.
  • es6-cheatsheet - ES 2015 [ES 6] のヒント, トリック, ベストプラクティス, およびコードスニペットを含むチートシート.
  • ECMAScript 6 compatibility table - さまざまな環境におけるすべての ECMAScript 6 機能の互換性テーブル.
  • Babel (Formerly 6to5) - ランタイムなしで ES 6 + コードを ES 5 に変換します.
  • Traceur compiler - ES6の機能 > ES5.クラス, ジェネレータ, 約束事, 破壊パターン, デフォルトパラメータなどを含みます.

ジェネレータ

  • Gatsby.js - React を使用したスタティックサイトジェネレータ.
  • Gridsome - Vue を用いた静的サイトジェネレーター.
  • Docusaurus - Facebook による React ベースの静的サイトジェネレーター. コンテンツ中心の Web サイトに最適です.

SDK

  • javascript-sdk-design - 仕事や個人的な経験から抽出されたJavascript SDKデザインガイド.
  • Spotify SDK - Spotify Web API で動作するエンティティ指向の SDK.
  • Square Node.js SDK - 支払いおよびその他の Square API 用の JavaScript クライアントライブラリ.

Misc

  • echo - data-* 属性を持つイメージを遅延読み込みします.
  • picturefill - <picture>, srcset, sizes のレスポンシブ画像ポリフィル.
  • platform.js - ほぼすべての JavaScript プラットフォームで動作する, プラットフォーム検出ライブラリ.
  • json3 - ほぼすべての JavaScript プラットフォームと互換性のある, 最新の JSON 実装.
  • Logical Or Not - JavaScript の特異性に関するゲーム.
  • BitSet.js - JavaScript によるビットベクトルの実装.
  • spoiler-alert - スポイラーアラート!あなたのサイトのスポイラーを隠すための, 幸せな, 小さな, jQuery プラグイン.
  • jquery.vibrate.js - バイブレーション API ラッパー.
  • list.js - テーブル, リスト, およびさまざまな HTML 要素に検索, 並べ替え, フィルタおよび柔軟性を追加します. 見えないように作られ, 既存のHTMLで動作します. http://www.listjs.com
  • mixitup - フィルタと並べ替えのプラグイン.
  • grid -ライブラリをドラッグ&ドロップし, 2次元のサイズ変更可能なレスポンスリストを作成します.
  • jquery-match-height - jQuery 用の, レスポンシブな高さを同じにするプラグイン.
  • survey.js - JavaScript 調査エンジン. 調査のメタデータと結果に JSON を使用します.
  • Array Explorer and Object Explorer - ネイティブ JavaScript メソッドを使用するのに最適なリソースを把握するためのリソース.
  • Clipboard.js - Flash やフレームを使うことなく「クリップボードにコピーする」.
  • ky - ブラウザ fetch API を基礎とした, 小さく, エレガントな HTTP クライアント.
  • Fcal - 数学式評価.
  • emoji-button - バニラ JavaScript Emoji ピッカーコンポーネント.
  • iooxa - インタラクティブな科学執筆, リアクティブな文書, 探索可能な説明のためのコンポーネント.
  • Idyll - 探索可能な説明とインタラクティブなストーリーテリングエッセイを作成します. [HTMLに埋め込む](https://github.com/idyll-lang/idyll-embed)事が可能です.

Podcasts

  • JavaScript Air - ライブビデオブロードキャストポッドキャストは, JavaScript と Webプ ラットフォームに関するものです.
  • Web of Tomorrow - 初心者のための JavaScript に関するポッドキャスト.
  • Javascript Jabber - Node.js , フロントエンド技術, キャリア, チームなどを含む, JavaScript に関する週刊ポッドキャスト.

読む価値のあるもの

  • You Don't Know JS - JavaScript について書かれた, おそらく世界最高の本. 無料で完全にオンラインで読むことができます. また著者を支援するために買うこともできます.
  • braziljs/js-the-right-way
  • JSbooks
  • Superhero.js - 大きな JavaScript コードベースの作成, テスト, および維持に関するリソースのコレクション.
  • SJSJ - 簡略化された JavaScript 用語集は, 現在の JavaScript エコシステムをいくつかの簡単な言葉で表している, コミュニティ主導の試みです.
  • How to Write an Open Source JavaScript Library - JavaScript のオープンソースライブラリを公開するための一連の手順を網羅した包括的なガイドです.
  • Javascript tutorial - オンラインで JavaScript を学べる様々なチュートリアル.
  • Functional-Light JavaScript - JavaScriptでの実用的でバランスのとれたFP.
  • Clean Code JavaScript - JavaScript に適したクリーンコードの書き方.

その他 Awesome Lists

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
798