このページの内容

Awesome JavaScript

JavaScriptを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

Package Managers

Host the JavaScript libraries and provide tools for fetching and packaging them.

  • npm - npmはJavaScript用のパッケージマネージャーです
  • Bower - ウェブ向けのパッケージマネージャーです
  • component - より良いウェブアプリケーションを構築するためのクライアント側パッケージマネージャーです
  • spm - まったく新しい静的パッケージマネージャーです
  • jam - ブラウザに焦点を当て、RequireJSと互換性のあるリポジトリを使用するパッケージマネージャーです
  • jspm - 摩擦のないブラウザパッケージマネージャーです
  • Ender - ライブラリなしのライブラリです
  • volo - テンプレートからフロントエンドプロジェクトを作成し、依存関係を追加し、生成されたプロジェクトを自動化します
  • Duo - Component、Browserify、Goの優れたアイデアを融合した次世代パッケージマネージャーで、フロントエンドコードの整理と作成を迅速かつ簡単に行えます
  • yarn - 高速で信頼性があり、安全な依存関係管理です
  • pnpm - 高速かつディスク空間効率の高いパッ連マネージャーです
  • bun - Bunは高速なJavaScript一括ツールキットです

Component Management

  • Bit - アプリケーション間でReact、Angular、Nodeなど、コンポーネントを作成・検索・再利用できます

Loaders

Module or loading system for JavaScript.

  • RequireJS - JavaScript用のファイルとモジュールローダーです
  • browserify - Node.js方式のブラウザ側のrequire()です
  • SeaJS - ウェブ向けのモジュールローダーです
  • HeadJS - HEADに含まれる唯一のスクリプトです
  • lazyload - 極めて小さく、依存関係のない非同期JavaScriptおよびCSSローダーです
  • script.js - 非同期JavaScriptローダーおよび依存関係マネージャーです
  • systemjs - AMD、CJSおよびES6仕様に準拠したモジュールローダーです
  • LodJS - AMDに基づくモジュールローダー
  • ESL - ブラウザ向けモジュールローダーで、遅延定義とAMDをサポート
  • modulejs - 軽量なJavaScriptモジュールシステム

Transpilers

Software that converts the modern JavaScript syntax into the older JavaScript syntax.

  • SWC - 拡張可能なRustベースのコンパイルプラットフォーム

Bundlers

  • webpack - ブラウザ向けのCommonJS/AMDモジュールをパッケージ化
  • Rollup - 次世代ES6モジュールバンドラー
  • Brunch - シンプルな宣言型設定で高速なフロントエンドWebアプリケーションビルドツール
  • Parcel - 驚異的な速度で、設定不要のウェブアプリケーションバンドラー
  • Microbundle - 設定不要の小さなモジュール向けバンドラー
  • FuseBox - 正しい方法で作られたバンドラー
  • Snowpack - 現代ウェブ向けに設計された、驚異的に高速なフロントエンドビルドツール
  • bundle - オンラインnpmパッケージサイズを迅速にチェックするツール
  • Vite - 次世代フロントエンドツール

Minimizers

  • Terser - ES6+向けのパーサー、マングラー、コンプレッサーツールキット
  • Uglify - パーサー/マングラー/コンプレッサー/ビューティファイアツールキット

Type Checkers

  • TypeScript - JavaScriptのタイプを含む、プレーンJavaScriptにコンパイルされるスーパーセット
  • Flow.js - Facebookから提供されるJavaScriptの静的型チェックツール
  • Hegel - JavaScriptの静的型チェックツールで、型推論と強力な型システムに偏りをもつ
  • TypL - JavaScript関数の実行時型チェックを行う、Haskellに似たHindley-Milner型署名を使用
  • Hindley Milner Definitions - JavaScriptのタイプリントツールで、型推論に偏りをもつ
  • Zod - TypeScript-first schema validation と組み込みの静的型推論
  • Yup - JavaScript のスキーマビルダーとバリデーター

Testing Frameworks

Frameworks

  • mocha - Node.js およびブラウザ用のシンプルで柔軟で楽しい JavaScript テストフレームワーク
  • jasmine - DOMなしのシンプルな JavaScript テストフレームワーク
  • qunit - 使いやすい JavaScript ユニットテストフレームワーク
  • jest - 手軽な JavaScript ユニットテスト
  • prova - Tape と Browserify をベースとした Node.js およびブラウザ向けのテストランナー
  • DalekJS - JavaScript を使って自動化されたクロスブラウザ機能テスト
  • Protractor - Protractor は AngularJS アプリケーション向けのエンドツーエンドテストフレームワークです
  • tape - Node.js およびブラウザ向けのタップを生成するテストハーネス
  • TestCafe - 現代的なウェブ開発スタック向けの自動ブラウザテストです。
  • ava - 🚀 未来志向の JavaScript テストランナー
  • Cypress - ブラウザで実行されるものすべてを含むエンドツーエンドテストフレーム及びそれ以上の完全なテストフレームワーク
  • WebdriverI/O - Node.js 用の次世代ブラウザおよびモバイル自動化テストフレームワーク
  • Suites - 逆制御と依存性注入を扱うバックエンド向けのユニットテストフレームワーク

Assertion

  • 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 をスタブ
  • Supertest - REST APIのテストに使われる人気のHTTPアサيرテーションライブラリ。MochaやJestなどの他のテストフレームワークとよく組み合わせられる
  • Pocket Mocker - ブラウザ内での可視ネットワークモックツール。fetch/XHRのインターセプションをサポート

Coverage

  • istanbul - もう一つのJSコードカバレッジツール
  • blanket - JavaScript向けのシンプルなコードカバレッジライブラリ。ブラウザおよびnodejsでのインストールと使用が簡単なように設計されている
  • JSCover - JSCoverはJavaScriptプログラムのコードカバレッジを測定するツール

Runner

  • phantomjs - スクリプタブルなヘッドレスWebkit
  • slimerjs - PhantomJSに似たGeckoを実行するツール
  • casperjs - PhantomJSおよびSlimerJS向けのナビゲーションスクリプトとテストユーティリティ
  • zombie - node.jsを用いた、驚異的に速いフルスタックヘッドレスブラウザテスト
  • totoro - シンプルかつ安定したクロスブラウザテストツール
  • karma - JavaScript向けの素晴らしいテストランナー
  • nightwatch - node.jsおよびselenium webdriverに基づくUI自動テストフレームワーク
  • intern - JavaScript向けの次世代コードテストスタック
  • puppeteer - 公式Google Chromeチームが開発したヘッドレスChromeのNode.js API
  • webdriverio - Node.js向けの次世代WebDriverテスト自動化フレームワーク
  • taiko - Chromiumベースのブラウザを自動化するためのシンプルなAPIを持つNode.jsライブラリ
  • Playwright - Chromium、Firefox、WebKitを1つのAPIで自動化できるNode.jsライブラリ

QA Tools

  • prettier - Prettierは意見をもつコードフォーマッタ
  • JSHint - JSHintはJavaScriptコード内のエラーおよび潜在的な問題を検出するツール
  • jscs - JavaScriptコードスタイルチェックツール
  • jsfmt - JavaScriptのフォーマット、検索、再構成に使用
  • jsinspect - コピー&ペーストされたコードや構造的に類似したコードの検出
  • buddy.js - JavaScriptにおけるマジックナンバーの検出
  • ESLint - JavaScriptにおけるパターンの特定と報告を完全にプラグイン可能なツール
  • JSLint - 高基準、厳格かつ意見をもつコード品質ツール。JavaScriptの良い部分だけを残すことを目指している
  • JavaScript Standard Style - 意見をもつ、設定不要のスタイルガイド、スタイルチェック、フォーマットツール
  • Pre-evaluate code at buildtime - ビルド時にフロントエンドJavaScriptコードを事前に評価
  • JS-Beautifier - NPM CLIおよびライブラリによるJSコードのフォーマット
  • husky - 悪質なgitコミット、gitプッシュなどを防止
  • Rev-dep - インポートのトレース、循環依存関係の特定、未使用コードの検出、nodeモジュールの整理 — すべて、高速なCLIから実行
  • fallow - JavaScriptおよびTypeScriptプロジェクトにおける無駄コード、重複、循環依存、複雑性の熱点を検出

MVC Frameworks and Libraries

  • angular.js - ウェブアプリ向けHTMLの拡張(非推奨)
  • angular - Angularは、TypeScript/JavaScriptおよびその他の言語を使用してモバイルおよびデスクトップウェブアプリケーションを構築するための開発プラットフォーム
  • aurelia - モバイル、デスクトップ、ウェブ向けのJavaScriptクライアントフレームワーク
  • backbone - モデル、ビュー、コレクション、イベントを用いてJSアプリケーションに骨格を提供
  • ember.js - 野心的なウェブアプリケーションの開発に向けたJavaScriptフレームワーク
  • meteor - 極めてシンプルで、データベースあり、データを線路上に、純粋なJavaScriptによるウェブフレームワーク
  • ractive - 次世代DOM操作
  • vue - インタラクティブなインターフェースを構築するための直感的、高速かつ合成可能なMVVM
  • svelte - Svelteは、ウェブアプリケーションを構築する新しい方法。宣言的なコンポーネントを受取り、効率的なJavaScriptに変換し、DOMを精密に更新するコンパイラ
  • knockout - Knockoutで、JavaScriptを使って豊かな、反応性の高いUIを作成することが容易になります。
  • spine - JavaScriptアプリケーションの構築に用いる軽量なMVCライブラリ。
  • espresso.js - ユーザーインターフェースを作成するための最小限のJavaScriptライブラリ。
  • canjs - JavaScriptで、より良く、速く、簡単に行えます。
  • react - ユーザーインターフェースを作成するためのライブラリ。宣言的で、効率的で、非常に柔軟です。Virtual DOMと連携します。
  • hyperapp - 1kbのJavaScriptライブラリで、フロントエンドアプリケーションを構築できます。
  • preact - ES6 APIを同じくした、3kbのReactの高速な代替ライブラリ。コンポーネントとVirtual DOMをサポート。
  • nativescript - JavaScriptで、本格的なクロスプラットフォームiOSおよびAndroidアプリを構築できます。
  • react-native - Reactを用いたネイティブアプリの構築に使うフレームワーク。
  • riot - Reactに似たライブラリですが、非常に小さいサイズです。
  • thorax - Backboneを活用したJavaScriptアプリケーションの強化。
  • chaplin - Backbone.jsを用いた大規模JavaScriptアプリケーションの構築を簡易にするためのコンポジットアプリケーションライブラリ。
  • marionette - 反応性ビューの構築に使う、極めて小さな基礎です。
  • ripple - 軽量かつ強力なデータバインディングとテンプレート解決策。
  • rivets - リアルタイムで、協働できるアプリケーションを簡単に書けるMVCフレームワーク。Node.jsおよびブラウザで動作します。
  • derby - 素晴らしいderbyコンポーネントのコレクション
    • derby-awesome - シンプルで軽量な、永続的な両方向データバインディング。
  • way.js - MithrilはクライアントサイドMVCフレームワーク(軽量、堅牢、高速)。
  • mithril.js - jsblocksはより良いMV-ishフレームワーク。
  • jsblocks - jsblocksはより良いMV-ishフレームワークです。
  • feathers - 明日のアプリ向け、ミニマリズムを採用したリアルタイムJavaScriptフレームワーク
  • Keo - Shadow DOMをサポートする機能的な状態なしReactコンポーネント
  • atvjs - 純粋JavaScriptを使用したApple TVアプリ開発に最適な高速化
  • Alpine.js - VueやReactのような大きなフレームワークの反応性と宣言的性質を、非常に低いコストで提供
  • inferno - 🔥 モダンなUIを構築するための、非常に高速なReact風JavaScriptライブラリ
  • FoalTS - ウェブアプリ開発に最適な、洗練されたかつ包括的なNode.JSフレームワーク(TypeScript)
  • Lucia - 小さなウェブアプリ向け1kbのライブラリ
  • Adonis - 開発者の使いやすさ、安定性、信頼性を極限まで重視したNode.jsフレームドーム
  • GrapesJS - 無料かつオープンソースのウェブビルダーフレームワーク。コードを書かずにテンプレートを作成する次世代ツール
  • Rete.js - 視覚プログラミングを可能にするモジュラーフレームワーク。ブラウザ上でノードベースのエディタを作成可能
  • litegraph.js - PDやUDK Blueprintsに類似したグラフノードエンジンとエディタ。HTML5 Canvas2Dに内蔵されたエディタを備えている
  • Drawflow - データフローを簡単に、迅速に作成できるようになります
  • Blockly - Googleが提供するウェブおよびモバイルアプリに視覚コードエディタを追加するライブラリ
  • Million - <1kbのコンパイラ向け仮想DOM。非常に速い!
  • Whatsup - chillout-mode開発向けのフロントエンドフレームワーク 🥤。JSXコンポーネントをジェネレータで使用し、高速なmobx風の状態管理と独自のcssxスタイルシステム
  • Remult - フルスタックTypeScript向けのCRUDフレームワーク

Node-Powered CMS Frameworks

  • KeystoneJS - 強力なCMSおよびウェブアプリフレームワーク
  • Reaction Commerce - 反応性CMS、リアルタイムアーキテクチャとデザイン
  • Ghost - シンプルで強力な公開プラットフォーム
  • Apostrophe - コンテンツ編集と基本サービスを備えたCMS
  • We.js - リアルタイムアプリ、サイト、ブログ向けのフレームワーク。
  • Hatch.js - ソーシャル機能を備えたCMSプラットフォーム。
  • TaracotJS - Node.jsをベースとした高速かつミニマリズムのCMS。
  • Nodizecms - CoffeeScriptを愛するユーザー向けのCMS。
  • Cody - WSYWYGエディタを備えたCMS。
  • PencilBlue - CMSおよびブログプラットフォーム。
  • Strapi - オープンソースのNode.jsヘッドレスCMS。カスタマイズ可能なAPIを簡単に構築できる。
  • Factor - JavaScriptによるCMS。

Templating Engines

Templating engines allow you to perform string interpolation.

  • mustache.js - JavaScriptで{{mustaches}}によるミニマムテンプレート。
  • handlebars.js - Mustacheテンプレート言語への拡張。
  • nunjucks - Mozillaから提供されるJavaScript用の豊かなテンプレート言語。
  • hogan.js - Mustacheテンプレート言語用のコンパイラ。
  • doT - Node.jsおよびブラウザ向け、最も速く簡潔なJavaScriptテンプレートエンジン。
  • dustjs - ブラウザおよびNode.js向けの非同期テンプレート。
  • eco - CoffeeScriptテンプレートの埋め込み。
  • JavaScript-Templates - 1KB未満の軽量で高速かつ強力なJavaScriptテンプレドエンジン(依存関係なし)。
  • t.js - ~400バイト(圧縮後)の極小JavaScriptテンプレートフレームワーク。
  • Pug - Node.js向けの強固で洗練された、機能豊かなテンプレートエンジン(以前はJadeと呼ばれていた)。
  • EJS - 効果的なJavaScriptテンプレート。
  • xtemplate - Node.jsおよびブラウザ向けの拡張可能なテンプレートエンジンライブラリ。
  • marko - Node.jsおよびブラウザ向けの高速かつ軽量のHTMLベースのテンプレートエンジン。async、ストリーミング、カスタムタグおよびCommonJSモジュールをコンパイル出力として提供。
  • swig - (アーカイブ済) 簡単で強力であり、拡張可能なNode.jsおよびブラウザベースのJavaScriptテンプレートエンジン。
  • hmpl - JavaScript向けサーバーオリエンテッドのカスタマイズ可能なテンプレート

Game Engines

  • A-Frame - Make WebVR.
  • Cocos - Open Source Cross-Platform Game Development Framework.
  • Impact - Impact - HTML5 Canvas & JavaScript Game Engine.
  • GDevelop - 無料で簡単なゲーム作成アプリ。
  • Kaboom.js - ゲーム開発用のライブラリで、ゲームを作成するのを速く楽しいものにします。
  • Matter.js - 2D剛体のJavaScript物理エンジン
  • melonJS - オープンソースのHTML5ゲームエンジンで、開発者とデザイナーはコンテンツに集中できる。
  • Phaser - フェイザー - 高速で楽しいかつ無料のオープンソースHTML5ゲームフレームワーク。
  • PixiJS - The HTML5 Creation Engine.
  • PlayCanvas - PlayCanvas WebGL Game Engine.

Articles and Posts

Data Visualization

Data visualization tools for the web.

  • d3 - HTMLおよびSVG用のJavaScriptによる可視化ライブラリ。
  • metrics-graphics - 簡潔で原則に基づいたデータグラフとレイアウトに最適化されたライブラリ。
  • three.js - JavaScriptによる3Dライブラリ
  • Chart.js - HTML5のチャートを<canvas>タグを使用してシンプルに実装。
  • paper.js - ベクターグラフィックススクリプティングのスイス軍刀のようなツール – ScriptographerがJavaScriptとブラウザに移植され、HTML5 Canvasを使用しています。
  • fabric.js - JavaScript キャンバスライブラリ、SVGからキャンバスへの変換(およびキャンバスからSVGへの変換)パーサー
  • peity - プログレッシブな バー、ライン、ピエチャート
  • raphael - JavaScript ベクターライブラリ
  • echarts - 企業向けチャート
  • visjs - 動的かつブラウザベースのデータ可視化に用いる複数のライブラリ
  • two.js - ウェブ向けのレンダラーに依存しない2次元描画API
  • g.raphael - Raphaël向けのチャート
  • sigma.js - グラフ描画に特化したJavaScriptライブラリ
  • arbor - ウェブワーカーとjQueryを用いたグラフ可視化ライブラリ
  • cubism - D3向けの時系列データ可視化プラグイン
  • dc.js - crossfilterとd3.jsでレンダリングされたネイティブ対応の多次元チャート
  • vega - 可視化の文法
  • envisionjs - 動的なHTML5可視化
  • rickshaw - インタラクティブなリアルタイムグラフを作成するJavaScriptツールキット
  • flot - jQuery向けに魅力的なJavaScriptチャート
  • morris.js - 美しく簡潔な時系列ラインチャート
  • nvd3 - d3.jsで再利用可能なチャートとチャートコンポーネントを作成
  • svg.js - SVGの操作とアニメーションに特化した軽量ライブラリ
  • heatmap.js - HTML5キャンバスベースのヒートマップ用JavaScriptライブラリ
  • jquery.sparkline - jQuery JavaScriptライブラリ向けにブラウザ内に直接生成する小さなスピーキングチャートのプラグイン
  • trianglify - d3.jsで構成された低多様体スタイルの背景生成器
  • d3-cloud - JavaScriptでワードクラウドを作成
  • d4 - D3向けに親切で再利用可能なチャートDSL
  • dimple.js - d3を活用したビジネス分析用の簡単なチャート
  • chartist-js - シンプルでレスポンシブなチャート
  • epoch - 汎用的なリアルタイムチャートライブラリ
  • c3 - D3をベースにした再利用可能なチャートライブラリ
  • BabylonJS - HTML5とWebGLを用いた3Dゲーム開発フレームワーク
  • recharts - ReactとD3を用いた再定義されたチャートライブラリ
  • GraphicsJS - SVG/VML技術に基づく、直感的なAPIを持つ軽量JavaScriptグラフィックスライブラリ
  • mxGraph - ベンダーがサポートしている主要ブラウザでネイティブに動作するインタラクティブなグラフとチャートアプリケーションを迅速に作成できるダイアグラムライブラリ
  • Frappe Charts - GitHubをインスピレーションとして、ゼロ依存のシンプルで現代的なウェブSVGチャート
  • Frappe Gantt - ウェブ向けのシンプルでインタラクティブな現代的なガントチャートライブラリ
  • G2 - 統計チャート向けの高度にインタラクティブなデータ駆動型可視化文法
  • G2Plot - グラフィックの文法に基づいたインタラクティブかつレスポンシブなチャートライブラリ
  • Cytoscape.js - 完全機能のグラフ理論ライブラリ
  • cola.js - HTML5ドキュメントおよびダイアグラムの配置に制約に基づいた最適化技術を用いたライブラリ
  • jointjs - 静的ダイアグラムまたは完全にインタラクティブなダイアグラムツールを作成できるダイアグラムライブラリ
  • vizzu - アニメーションされたデータ可視化およびデータストーリーを実現するライブラリ。
  • G6 - グラフ可視化エンジン
  • Infographic - 次世代の宣言型インフォグラフィック可視化エンジン

また、いくつかの優れた商用ライブラリもあります。たとえば、amchartanychartplotly、およびlightning chartです

Timeline

  • TimelineJS v3 - JavaScriptで構成されたストーリーテリングタイムライン
  • timesheet.js - JavaScriptでシンプルなHTML5およびCSS3時間記録用のライブラリ

Spreadsheet

  • HANDSONTABLE - Handsontableは開発者向けのJavaScript/HTML5スプレッドシートライブラリ
  • Frappe Datatable - Frappe DataTableは、テーブルデータを表示するためのシンプルで現代的かつインタラクティブなデータテーブルライブラリ
  • Luckysheet - Luckysheetは、強力で設定が簡単で完全にオープンソースのオンラインスプレッドシート(Excelに似たもの)
  • Jspreadsheet CE - Jspreadsheetは、軽量なvanilla JavaScriptプラグインで、他のスプレッドシートソフトウェアと互換性のあるウェブベースのインタラクティブなテーブルおよびスプレッドシートを作成できる
  • RevoGrid - RevoGridは、現代的なウェブアプリケーション向けの高速かつレスポンシブなExcelのようなデータグリッドライブラリ

Editors

  • ace - Ace (Ajax.org Cloud9 Editor)
  • CodeMirror - ブラウザ内コードエディタ
  • esprima - マルチ用途分析用のECMAScriptパーサーインフラストラクチャ
  • quill - クロスブラウザ対応の豊かなテキストエディタAPI
  • medium-editor - Medium.comのWYSIWYGエディタのクローン
  • pen - リアルタイム編集(+マークダウン)を楽しむ
  • jquery-notebook - シンプルでクリーンでエレガントなテキストエディタ。Mediumの素晴らしさをインスピレーションとして作られた
  • bootstrap-wysiwyg - Tiny bootstrap対応のWYSIWYG豊かなテキストエ連
  • ckeditor-releases - 誰にとっても最適なウェブテキストエディタ
  • editor - マークダウンエディタ。開発中です
  • EpicEditor - スプリットフルスクリーン編集、リアルタイムプレビュー、自動ドラフト保存、オフライン対応などを備えた埋め込み型JavaScriptマークダウンエディタ
  • jsoneditor - JSONを表示・編集・フォーマットするウェブベースツール
  • vim.js - VimのJavaScript版で、persistent ~/.vimrcを備えた
  • Squire - HTML5豊かなテキストエディタ
  • TinyMCE - JavaScriptの豊富なテキストエディタ。
  • trix - 日常的な執筆向けの豊かなテキストエディタ。Basecampによって開発。
  • Trumbowyg - 軽量で素晴らしいWYSIWYG JavaScriptエディタ。
  • Draft.js - テキストエディタを構築するためのReactフレームワーク。
  • bootstrap-wysihtml5 - シンプルで美しいWYSIWYGエディタ
  • wysihtml5 - HTML5とプログレッシブ強化アプローチをベースにしたオープンソースの豊富なテキストエディタ。高度なセキュリティ概念を採用し、維持不能なタグの混合やインラインスタイルを防止することで、完全に有効なHTML5マークアップを生成することを目的としている。
  • raptor-editor - ラプター、HTML5のWYSIWYGコンテンツエディタ!
  • popline - ポプリーンはHTML5の富テキストエディタのツールバーです。
  • Summernote - 超シンプルなWYSIWYGエディタ。
  • Everright-formEditor - 視覚的なドラッグ&ドロップによる低コードフォームエディタ

Documentation

  • DevDocs すべてのAPIドキュメントを1つにまとめた読み取りツールで、速く、整理され、一貫したインターフェースを提供します。
  • docco は、簡易かつ粗末な、百行程度の、リテラートプログラミングスタイルのドキュメント生成ツールです。
  • styledocco スタイルシートからドキュメントとスタイルガイドを生成します。
  • Ronn マニュアルを生成します。シンプルで人間が読みやすいテキストファイルをターミナル表示用のroffに、およびウェブ表示用のHTMLに変換します。
  • dox Node.jsで書かれたJavaScriptドキュメント生成ツールです。Doxはこれまでの見解をもとにした構造やスタイルを生成しなくなり、単にJSON形式の表現を提供するようになります。これにより、MarkdownやJSDocスタイルのタグを使用できます。
  • jsdox JSDoc3からマークダウンへのドキュメント生成ツールです。
  • ESDoc JavaScript向けの優れたドキュメンテーション生成ツールです。
  • YUIDoc ソースコード内のコメントからAPIドキュメントを生成するNode.jsアプリケーションで、JavadocやDoxygenのようなツールに類似する構文を使用しています。
  • coddoc JSドキュメントを解析するライブラリです。Coddocは、ユーザーがcoddoc.addTagHandlerとcoddoc.addCodeHandlerを使用してタグやコードのパーサーを追加できるため、簡単に拡張可能です。また、CoddocはAPIに使用できるようにソースコードを解析します。
  • sphinx スマートで美しいドキュメンテーションを作成しやすいツール
  • Beautiful docs マークダウンファイルに基づいたドキュメント閲覧ツールです。
  • documentation.js - ES2015+およびflow注釈をサポートするAPIドキュメント生成ツール
  • jsduck - Sencha JavaScriptフレームワーク向けに開発されたAPIドキュメント生成ツールだが、他のフレームワークにも適用可能
  • codecrumbs ソースコードにbreadcrumbを配置することで、コードベースを学習・記録するための視覚ツール

Files

Libraries for working with files.

  • Papa Parse - CSVファイルや文字列のパースおよびCSVへのエクスポートをサポートする強力なCSVライブラリ
  • jBinary - バイナリファイルに対する高レベルI/O(読み込み、パース、操作、シリアライズ、保存)を、ファイルタイプおよびデータ構造を宣言的に記述するsyntaxで提供
  • diff2html - Git diff出力のパーサーおよび美しく整形されたHTML生成器
  • jsPDF - JavaScriptによるPDF生成
  • PDF.js - JavaScriptで実装されたPDFリーダー
  • File Viewer - サーバー側変換なしでファイルをプレビューできるブラウザ本体のコンポーネント

Functional Programming

Functional programming libraries to extend JavaScript’s capabilities.

  • underscore - JavaScriptのユーティリティ_ベルト
  • lodash - 一貫性、カスタマイズ、パフォーマンス、および追加機能を提供するユーティリティライブラリ
  • Sugar - ネイティブオブジェクトを扱うためのJavaScriptライブラリ
  • lazy.js - アンダースコアと同様だが、ラッジな実装
  • ramda - JavaScript開発者向けの実用的な関数型ライブラリ
  • mout - モジュラリティを持つJavaScriptユーティリティ
  • preludejs - JavaScript向けのハードコア関数型プログラミング
  • rambda - Ramdaの高速かつ小型な代替品
  • fxts - 遅延評価と並列処理
  • wild-wild-path - オブジェクトプロパティパスにワイルドカードと正規表現をサポート
  • sweet-monads - 人気のモナドと遅延イテレータを含むユーティリティライブラリ

Reactive Programming

Reactive programming libraries to extend JavaScript’s capabilities.

  • RxJS - JavaScript用の反応型プログラミングライブラリ。
  • Bacon - JavaScript用のFRP(関数型反応型プログラミング)ライブラリ。
  • Kefir - Bacon.jsおよびRxJSをインスピレーションとして、高性能かつ低メモリ消費を重視したJavaScript用FRPライブラリ。
  • Highland - JavaScriptのユーティリティセットを再考。Highlandは、標準JavaScriptおよびノード風ストリームを用いて、同期および非同期コードを簡単に管理できる。
  • Most.js - 高性能なFRPライブラリ。
  • MobX - シンプルでスケーラブルな状態管理用のTFRPライブラリ。
  • Cycle.js - よりクリーンなコードを実現する、機能的かつ反応型のJavaScriptライブラリ。
  • concent - React用の❤️シンプルで⚡️強力な状態管理。予測可能、進行的かつ効率的。
  • stunk フレームワークに依存しない状態管理ライブラリ。アプリの状態をシンプルかつクリーンに保ちます。細分化された状態モデルを採用し、状態を独立かつ管理しやすいブロックに分割します。

Data Structure

Data structure libraries to build a more sophisticated application.

  • immutable-js - 不変データコレクション(Sequence、Range、Repeat、Map、OrderedMap、Set、稀疏なVector)を提供。
  • mori - ClojureScriptの持続的データ構造とサポートAPIを、シンプルなJavaScriptで利用できるライブラリ。
  • buckets - 完全にテスト済みでドキュメント化されたJavaScriptによるデータ構造ライブラリ。
  • hashmap - 任意のキーをサポートするシンプルなハッシュマップ実装。
  • ngraph.graph - JavaScriptにおけるグラフデータ構造。
  • js-sdsl - C++ STLで実装されたJavaScript標準データ構造ライブランを参照。C++の両方向イテレータモードをサポート。

Date

Date Libraries.

  • moment - JavaScriptで日付をパース、検証、操作、表示する。
  • moment-timezone - moment.jsにおけるタイムゾーンサポート。
  • jquery-timeago - jQueryプラグインで、自動的にフェーズタイムスタンプ(例:“4分前”)を更新しやすくする。
  • timezone-js - タイムゾーンをサポートしたJavaScriptのDateオブジェクト。オールソンゾーンインフォファイルを使用。
  • date - 人間向けのDate()
  • ms.js - ミリ秒単位の変換ツール
  • countdown.js - シンプルなカウントダウン
  • timeago.js - 日付を *** time ago 文字列でフォーマットするためのシンプルなライブラリ(2KB未満)
  • fecha - 軽量な日付フォーマットとパース(約2KB)。moment.jsのパースとフォーマット機能を置き換えるために設計されたもの。
  • date-fns - 現代的なJavaScript日付ユーティリティライブラリ
  • map-countdown - Google Mapsをベースにしたブラウザ用カウントダウン
  • dayjs - Moment.jsと同等の現代的なAPIを持つ、2KBのインミュータブル日付ライブラリ(Day.js)
  • luxon - JavaScriptで日付と時刻を扱うためのライブラリ
  • tempo - パース、フォーマット、タイムゾーン — TempoはネイティブDateオブジェクトに適用される小さなTree-shakableライブラリ

String

String Libraries.

  • voca - JavaScriptの最終的な文字列ライブラリ
  • 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 - ローアイフ、強力で、コミュニティが中心の文字列操作ライブラリ。
  • url-state-machine - Node.js用の高速かつ仕様に準拠したURLパーサーの状態機械。

Number

  • Numeral-js - 数値のフォーマットと操作を行うJavaScriptライブラリ。
  • chance.js - JavaScriptにおける乱数生成ヘルパー。数値、文字列などを作成可能。
  • odometer - 数値のスムーズな変化を容易に実現。
  • accounting.js - 数値、お金、通貨フォーマット用の軽量JavaScriptライブラリ。完全にローカライズ可能で、依存関係ゼロ。
  • money.js - 1kbの小さなJavaScript通貨変換ライブラリ。ウェブおよびNode.js用。
  • Fraction.js - JavaScript用の有理数ライブラリ。
  • Complex.js - JavaScript用の複素数ライブラリ。
  • Polynomial.js - JavaScript用の多項式ライブラリ。
  • Quaternion.js - JavaScript用の四元数ライブラリ。

Storage

  • store.js - すべてのブラウザで動作するLocalStorageのラッパー。クッキーまたはフラッシュを使わず、内部でlocalStorage、globalStorage、userDataを活用。
  • localForage - オフラインストレージ、改善版。IndexedDB、WebSQL、またはlocalStorageをシンプルかつ強力なAPIでラップ。
  • jStorage - jStorageは、ブラウザ側にデータを保存するシンプルなキー/バリューデータベース。
  • cross-storage - クロスドメインローカルストレージ、権限付き。
  • basket.js - localStorageを使用したスクリプトとリソースローダー。キャッシュとロードを可能にする。
  • bag.js - basket.jsに類似したキャッシュスクリプトとリソースローダー。追加のk/vインターフェースとlocalStorage / websql / indexedDBサポートを備える。
  • basil.js - JavaScriptのスマートかつ持続的な層の欠落。
  • jquery-cookie - シンプルで軽量なjQueryプラグイン。クッキーの読み取り、書き込み、削除を行う。
  • js-cookie - シンプルで軽量なJavaScriptAPI。ブラウザのクッキーを扱うためのもの。
  • Cookies - JavaScript クライアントサイドのクッキー操作ライブラリ
  • DB.js - PromiseベースのIndexDBラッパーライブラリ
  • lawnchair.js - シンプルなクライアントサイドJSONストレージ
  • sql.js - Emscriptenを用いてJavaScriptにコンパイルされたSQLite
  • pouchdb - Apache CouchDBをインスピレーションに受けてブラウザ内で効率的に動作するJavaScript DB
  • crumbsjs - 軽量なvanilla ES6クッキーとローカルストレージJavaScriptライブラリ
  • awesome-web-storage - クライアントサイドストレージに関するすべての知識
  • datavore - JavaScriptで書かれた小さな高速なブラウザ内データベースエンジン
  • Hoodie - インターネット接続なしでブラウザ内で動作するオフラインファーストバックエンド
  • NeDB - ブラウザ、nw.js、electron向けの埋め込み型永続データベース
  • Lovefield - Googleが開発したウェブアプリ向けのリレーショナルデータベース「Lovefield」
  • Dexie.js - IndexedDB用のラッパーライブラリ「Dexie.js」
  • proxy-web-storage - ストレージの値の種類を変更せず、配列やオブジェクトを直接変更可能。変更を監視し、有効期限を設定可能
  • PostgreSQL Browser - ブラウザ用PostgreSQLプレイグランド、サーバーなし、クライアントとpglite(PostgreSQL WASM)のみ

Color

  • randomColor - JavaScript用の色生成ツール
  • chroma.js - さまざまな色操作に使えるJavaScriptライブラリ
  • color - JavaScriptによる色変換と操作ライブラリ
  • colors - ウェブ上の色のデフォルト設定をスマートに最適化
  • PleaseJS - JavaScriptによるランダムで魅力的な色と色のテーマの生成ライブラリ
  • TinyColor - JavaScriptによる高速かつ小型の色操作と変換ライブラリ
  • Vibrant.js - 画像から顕著な色を抽出する
  • color-space - 162の色空間間の変換(OKLCH、CAM16、Munsell、カメラログ)に引用文献を含む

I18n And L10n

Localization (l10n) and internationalization (i18n) JavaScript libraries.

  • i18next - JavaScriptで国際化(i18n)する簡単な方法
  • polyglot - 小さなi18n補助ライブラリ
  • babelfish - 人間が使いやすいAPIと組み込みの複数形対応を備えたi1及
  • ttag - ES6タグテンプレートと古くからのGNU gettextをベースにした現代的なJavaScript国際化ライブラリ
  • attranslate - JavaScriptによる翻訳ファイルの同期ツール(JSON/YAML/XMLなど、他のフォーマットも含む)

Control Flow

  • async - Node.jsおよびブラウザ向けの非同期ユーティリティ
  • q - JavaScriptで非同期のプロミスを作成・組み合わせるツール
  • step - 非同期の制御フローを簡単に扱えるライブラリ
  • contra - 非同期フロー制御に機能的な要素を加えたライブラリ
  • Bluebird - 完全なプロミスライブラリで、革新的な機能とパフォーマンスに焦点を当てる
  • when - 堅牢で高速なPromises/A+およびwhen()の実装、その他非同期の便利な機能を備えたライブラリ
  • ObjectEventTarget - イベントリスナーにサポートを追加するプロトタイプを提供(ブラウザ上のDOM要素に存在するEventTargetの動作を再現)
  • sporadic - プロミスに基づくコンカレンシー抽象化(ストリーム、コルーチン、Go風チャンネルなど)をNodeおよびブラウザエンジンに適用

Routing

  • director - JavaScript用の小さな同士対応URLルーター
  • page.js - Expressルーターにインスパイアされたマイクロクライアントサイドルーター(約1200バイト)
  • pathjs - ウェブブラウザ向けのシンプルで軽量なルーティング
  • crossroads - JavaScript Routes
  • davis.js - pushStateを使用したRESTフルかつ降格可能なJavaScriptルーティング
  • navaid - ブラウザ用のナビゲーション補助ツール(別名、ルーター)で850バイト!
  • speedy-router - TanStack Router APIが、より速いナビゲーションとSSRのために再構築されました

Security

  • DOMPurify - HTML、MathML、SVGに対応するDOMのみの、非常に高速かつ非常に耐性のあるXSSセイフティ処理ツール
  • js-xss - 白リストで指定された設定により、信頼できないHTMLをセイフティ処理(XSS防止)します
  • xss-filters - Yahooが提供するセーフなXSSフィルタ
  • sanitize-html - sanitize-htmlは、シンプルなHTMLセイフティ処理ツールを提供し、明確なAPIを持ちます
  • pompelmi - Node.js用の高速ファイルアップロード時のマルウェアスキャン

Log

  • log - スタイル付きのConsole.log
  • Conzole - JavaScriptで構築されたデバッグパネル。ページ内に表示されるパネルで、JavaScriptのネイティブconsoleオブジェクトのメソッドと機能をラップしています
  • console.log-wrapper - どのブラウザでも明確にログを出力できます
  • loglevel - JavaScript用の最小限の軽量ログ、既存のconsole.logメソッドに信頼性のあるログレベルメソッドを追加
  • minilog – 軽量なクライアントおよびサーバー側ログ、Stream-APIバックエンドを採用
  • storyboard - ユニバーサルなログライブラリ+Chrome拡張機能。ユーザーの操作によってトリガーされたすべてのクライアントおよびサーバーのタスクを1か所で確認できます
  • LogTape - Deno、Node.js、Bun、ブラウザ、エッジ関数に適合するゼロ依存のシンプルなログライブラリ

RegExp

  • RegEx101 - JavaScript用のオンライン正規表現テストツールおよびデバッガ。Python、PHP、PCREもサポート
  • RegExr - HTML/JSベースのツールで、正規表現の作成、テスト、学習ができます
  • Regulex - JavaScriptの正規表現パーサーおよび可視化ツール
  • Regex-Vis - 正規表現の可視化ツールおよびエディタ

Voice Command

  • annyang - あなたのサイトに声命令を追加するためのJavaScriptライブラリ。話す認識を用います
  • voix.js - あなたのサイト、アプリ、ゲームに声命令を追加するためのJavaScriptライブラリ

API

  • axios - ブラウザおよびnode.js向けのPromiseベースのHTTPクライアント
  • bottleneck - 強力なレート制御機能で、制限を簡単に実装可能
  • oauth-signature-js - node.jsおよびブラウザ向けのJavaScript OAuth 1.0a署名生成器
  • amygdala - JavaScriptを用いたウェブアプリケーション向けのRESTフルHTTPクライアント
  • jquery.rest - jQuery向けのRESTフルAPIを簡単に利用できるプラグイン
  • Rails Ranger - Ruby on Rails API向けの意見を反映したRESTクライアント
  • wretch - fetchを囲んだ極めて小さなラッパーで、直感的な構文を提供
  • FarFetch - シンプルさを重視したModern Fetch APIラッパー、簡潔なファイルアップロードをサポート
  • Optic - Optic は、API を自動的にドキュメント化し、テストするツール。
  • SWR - React向けのリモートデータ取得用のHooksライブラリ
  • React Query - Reactで非同期データの取得・キャッシュ・更新に使えるHooks
  • SWRV - Vue向けのStale-while-revalidateデータ取得
  • Vue Query - Vueで非同期データの取得・キャッシュ・更新に使えるHooks

Streaming

  • Tailor - FacebookのBigPipeをインスピレーションに受けて開発されたフロントエンドマイクロサービス向けのストリーミングレイアウトサービス
  • Markstream - Vue、React、Svelte、Angularを対象としたAIチャットインターフェース向けのストリーミングMarkdownレンダラー

Vision Detection

  • tracking.js - ウェブ上でコンピュータビジョンを実現するための現代的なアプローチ
  • ocrad.js - Emscriptenを用いたJavaScriptによるOCR

Machine Learning

  • ConvNetJS - JavaScriptによるディープラーニング。ブラウザ内でコネクショナルニューラルネットワーク(または普通のネットワーク)を訓練可能
  • DN2A - デジタルニューラルネットワークアーキテクチャ
  • Brain.js - JavaScriptによるニューラルネットワーク
  • Mind.js - 柔軟なニューラルネットワークライブラリ
  • Synaptic.js - node.jsおよびブラウザ向けのアーキテクチャフリーのニューラルネットワークライブラリ
  • TensorFlow.js - ブラウザおよびNode.js上で機械学習モデルを訓練・デプロイするためのJavaScriptライブラリ
  • ml5.js - ウェブ向けの親しみやすい機械学習
  • Synapses - 軽量かつプラットフォームを越えたニューラルネットワークライブラリ
  • m2cgen - 訓練済み古典機械学習モデルをゼロ依存のネイティブJavaScriptコードに変換するCLIツール
  • JS-PyTorch - JavaScriptでGPU加速されたPyTorch

Browser Detection

  • bowser - ブラウザの検出ツール

Operating System

  • os.js - ウィンドウマネージャー、アプリケーションAPI、GUIツールキット、ファイルシステム抽象化など、多くの機能を備えたオープンソースウェブデスクトッププラットフォーム

Benchmark

  • benchmark.js - jsPerf.comで使用されているベンチマークライブラリ
  • matcha - カフェインを基にしたシンプルなベンチマークアプローチ
  • bencher - CI でパフォーマンスの劣化を検出するための継続的なベンチマークツールセット。

Web Worker

  • partytown - リソース消費の多い第三者スクリプトをメインスレッドからWeb Workerに移動
  • comlink - Comlinkは小さなライブラリ(1.1kB)で、postMessageの思考を心理的に障壁として取り除き、ワーカーとの作業を隠蔽する
  • greenlet - 非同期関数を独自のスレッドに移動
  • workerize - モジュールをWebワーカーに移動し、エクスポートされた関数を自動的に非同期プロキシとして反映
  • worker-dom - Webワーカー内で実行されるDOM APIの進行中の実装
  • threads.js - node.js、ウェブブラウザ、electronでCPU負荷の高いタスクをワーカースレッドにオフロードするための統一API
  • workly - 関数やクラスをWebワーカーに移動する非常にシンプルな方法
  • stockroom - ストア管理をワーカーに簡単にオフロード
  • workerpool - node.jsおよびブラウザ上でワーカーのプールにタスクをオフロード
  • clooney - Clooneyはウェブ向けのアクターライブラリ。ワーカーを使う際、ワーカーについて考えずに使える

Code highlighting

  • Highlight.js - JavaScriptのシンタックスハイライト
  • PrismJS - 軽量かつ堅牢で美しく、シンタックスハイライト
  • shiki - VS Code TextMate文法で駆動されたコードハイライト。正確でテーマ可変。Nodeまたはブラウザで動作。JavaScriptやTypeScriptに最適。

Loading Status

Libraries for indicate load status.

  • Mprogress.js - Google Material Designの進行状況線形バーを作成。
  • NProgress - Ajaxアプリケーション向けにスリムな進行状況バー。
  • Spin.js - 回転するアクティビティインジケータ。
  • progress.js - ページ上のすべてのオブジェクトに対して進行状況バーを作成・管理。
  • progressbar.js - アニメーション付きSVGパスによる美しいかつレスポンシブな進行状況バー。
  • pace - サイトに進行状況バーを自動的に追加。
  • topbar - 極めて軽量で美しいサイト全体の進行状況インジケータ。
  • nanobar - 非常に軽量な進行状況バー。jQueryなし。
  • PageLoadingEffects - SVGアニメーションを使って新しいコンテンツを表示する現代的な方法。
  • SpinKit - CSSでアニメーションされたロードインジケータのコレクション。
  • Ladda - ロードインジケータを内蔵したボタン。
  • css-loaders - CSSでアニメーションされたロードスピナーのコレクション。

Validation

  • Parsley.js - JavaScriptを1行も書かずにフォーム、フロントエンドをバリデーション。
  • jquery-validation - jQueryバリデーションプラグイン。
  • validator.js - 文字列のバリデーションとセイフティ処理。
  • validate.js - CodeIgniterをインスピレーションとして作った軽量JavaScriptフォームバリデーションライブラリ。
  • validatr - クロスブラウザHTML5フォームバリデーション。
  • FormValidation - フォームフィールドをバリデーションするための最高のjQueryプラグイン。以前はBootstrapValidatorと呼ばれていた。
  • is.js - 型、正規表現、存在、時間など、さまざまな項目をチェック。
  • FieldVal - マルチ用途のバリデーションライブラリ。同期および非同期バリデーションをサポート。
  • Funval - 関数インターフェースを用いたデータバリデーション(TypeScript対応)。
  • vest - 🦺 ユニットテストにインスパイアされた、宣言型フォームバリデーションフレームワーク。

Keyboard Wrappers

  • mousetrap - JavaScriptでキーボードショートカットを扱うためのシンプルなライブラリ。
  • keymaster - キーボードショートカットの定義と発行を行うためのシンプルなマイクロライブラリ。
  • Keypress - 任意のキーをマウス操作キーとして扱うキーボード入力キャプチャユーティリティ。
  • KeyboardJS - キーボードコマボのバインディングを行うJavaScriptライブラリ。キーコードやコマボ衝突の煩雑さを回避。
  • jquery.hotkeys - jQuery Hotkeysは、コードのどこにでもキーボードイベントを監視できるようにし、ほぼすべてのキーコンビネーションをサポート。
  • jwerty - キーボードイベントの処理を素晴らしい仕方で行う。

Tours And Guides

  • intro.js - 新しい機能の導入方法と、ユーザー向けのステップバイステップガイドのためのより良いアプローチ。
  • shepherd - ユーザーにアプリケーションのツアーを導く。
  • bootstrap-tour - Twitter Bootstrap Popoversを用いた、簡単で迅速な製品ツアー。
  • tourist - アプリケーション向けのシンプルで柔軟なツアー。
  • hopscotch - 開発者がページに製品ツアーを追加しやすいフレームワーク。
  • joyride - jQuery フィーチャー・ツアー プラグイン。
  • focusable - DOM要素にスポットフォーカスを設定し、ページの他の部分にオーバーレイ層を追加。
  • driver.js - 強力でありながら軽量な、純粋なJavaScriptエンジン。ユーザーのフォーカスをページ全体にわたって制御。

Notifications

  • iziToast - シンプルでレスポンシブ、柔軟かつ軽量な通知プラグイン(依存関係なし)。
  • messenger - アプリケーション向けのGrowlスタイルのアラートとメッセージ。
  • noty - jQuery通知プラグイン。
  • pnotify - Bootstrap、jQuery UI、およびWeb Notifications Draft向けのJavaScript通知。
  • toastr - シンプルなJavaScriptによるトースト通知
  • humane-js - シンプルで現代的なブラウザ通知システム
  • smoke.js - フレームワークに依存しないJavaScriptによるスタイル付きアラートシステム
  • notie - 依存関係のないシンプルな通知と入力機能
  • notifire - 製品向けオープンソース通知インフラ
  • toastify-js - より良い通知メッセージを実現する純粋JavaScriptライブラリ

Sliders

  • Swiper - モバイルタッチスライダーと、ハードウェア加速されたトランジションを備えたフレームワーク
  • slick - 最後のカーソルが必要になること
  • slidesJs - JQuery(1.7.1+)で動作するレスポンシブスライドプラグイン。タッチやCSS3トランジションなどの機能を備えている
  • FlexSlider - 素晴らしい、完全にレスポンシブなjQueryスライダープラグイン
  • sly - アイテムベースのナビゲーションをサポートする、一方向スクロール用JavaScriptライブラリ
  • vegas - ウェブページに美しいフルスクリーン背景を追加するjQueryプラグイン。スライドショーも可能。
  • Sequence - レスポンシブスライダー、プレゼンテーション、バナー、その他ステップベースアプリケーションを作成するためのCSSアニメーションフレームワーク
  • reveal.js - HTMLを使って美しいプレゼンテーションを簡単に作成できるフレームワーク
  • impress.js - CSS3トランスフォームとトランジションを活用し、prezi.comのコンセプトをインスピレーションとして、現代ブラウザで使えるプレゼンテーションフレームワーク
  • bespoke.js - DIYプレゼンテーションマイクロフレームワーク
  • Strut - Strut - Impress.jsおよびBespoke.jsのプレゼンテーションエディタ
  • PhotoSwipe - モバイルおよびデスクトップ向けのJavaScript画像ギャラリー。モジュラリティとフレームワーク独立性を備えている
  • jcSlider - CSSアニメーションを備えたレスポンシブスライダーjQueryプラグイン
  • basic-jquery-slider - 使いやすく、テーマ設定も簡単で、カスタマイズも簡単。
  • jQuery.adaptive-slider - タッチに対応したカラーフィギュートとナビゲーションをサポートするスライダー用jQueryプラグド
  • slidr - スライド効果を追加する。
  • Flickity - タッチに対応し、反応性のあるギャラリー。
  • Glide.js - レスポンシブかつタッチ対応のjQueryスライダー。シンプルで軽量で高速。
  • Embla Carousel - TypeScriptで書かれた拡張性の高い低レベルカーソル。

Range Sliders

  • Ion.RangeSlider - 多くのオプションとスキン対応を備えた強力でカスタマイズしやすいレンジスライダー。
  • jQRangeSlider - 日付をサポートするJavaScriptスライダー選択器。
  • noUiSlider - 膨らみのない、軽量かつ高度にカスタマイズ可能なレンジスライダー。
  • rangeslider.js - HTML5 input range スライダー要素のポリフィル。

Form Widgets

Input

  • typeahead.js - 高速かつ機能豊富な自動補完ライブラリ。
  • tag-it - jQuery UIプラグインで、マルチタグフィールドおよびタグの補完/自動補完を処理。
  • At.js - アプリケーションにGitHub風のメンション自動補完を追加。
  • Placeholders.js - HTML5 placeholder属性のJavaScriptポリフィル。
  • fancyInput - 入力フィールドの入力操作にCSS3効果を加えて、楽しさを提供。
  • jQuery-Tags-Input - このjQueryプラグインで、シンプルなテキスト入力フィールドをカッコイイタグリストに変換。
  • vanilla-masker - 純粋なJavaScriptによるマスク入力。
  • Ion.CheckRadio - チェックボックスおよびラジオボタンのスタイルを設定するjQueryプラグイン。スキン対応あり。
  • awesomplete - 極めて軽量で、使用しやすく、美しい自動補完。依存関係なし。 - https://projects.verou.me/awesomplete/

Calendar

  • pickadate.js - モバイル対応、レスポンシブ、軽量のjQuery日時入力選択器。
  • bootstrap-datepicker - @twitter bootstrapの日付選択器。Stefan Petre(eyecon.ro)のforkから派生し、@eternicodeによる改善。
  • Pikaday - リフレッシュされたJavaScript日付選択器 — 軽量、依存関係なし、モジュラリーファイルCSS。
  • fullcalendar - フルサイズのドラッグ&ドロップイベントカレンダー(jQueryプラグイン)
  • rome - カスタマイズ可能な日付(および時刻)選択ボックス。依存関係なし、オプトインUI
  • Date Range Picker - ユーザーが日付範囲を選択できるドロップダウンメニューを作成
  • Duet Date Picker - Duet Design Systemのアクセシブル日付選択ボックスのオープンソース版、WCAG 2.1アクセシビリティ適合
  • tui.calendar - 高度な機能を備えたJavaScriptスケジュールカレンダー。今、あなたのサービスにカスタマイズ可能なカレンダーが追加されました
  • Schedule-X - マテリアルデザインイベントカレンダー。ドラッグ&ドロップ、ダークモード、複数のビューなど、さまざまな機能を備えています

Select

  • selectize.js - Selectizeはテキストボックスとボックスのハイブリッドです。jQueryベースであり、自動補完とナチュラルなキーボードナビゲーションを備え、タグ付けや連絡先リストなどに便利です <select>
  • select2 - jQueryベースのセレクトボックスの代替品。検索、リモートデータセット、結果の無限スクロールをサポートしています
  • chosen - 長くて使いにくいセレクトボックスをより使いやすいものに変えるためのライブラリ

File Uploader

  • jQuery-File-Upload - jQueryで使用できるファイルアップロードウィジェット。複数ファイル選択、ドラッグ&ドロップ、進行状況バー、バリデーション、画像・音声・動画のプレビューを提供
  • dropzone - Dropzoneは使いやすいドラッグ&ドロップライブラリです。画像プレビューをサポートし、良好な進行状況バーを表示します
  • flow.js - HTML5 File APIを用いて、複数同時、安定性、障害耐性、中断・再開可能なファイルアップロードを提供するJavaScriptライブラリ
  • fine-uploader - 複数ファイルアップロードプラグイン。進行バー、ドラッグ&ドロップ、S3への直接アップロードをサポート
  • FileAPI - ファイル操作に必要なJavaScriptツールのセット。マルチアップロード、ドラッグ&ドロップ、チャンクアップロード。画像:切り取り、サイズ調整、EXIFによる自動方向設定
  • plupload - ファイルアップロードに必要なJavaScript API。複数ファイル選択、ファイルタイプフィルタ、リクエストチャンク化、クライアントサイド画像スケーリングをサポートし、HTML5、Silverlight、Flashなどの異なる実行環境を活用しています
  • filepond - 何でもアップロードできるJavaScriptライブラリ。画像を最適化してアップロードを速くし、非常に使いやすく、アクセシブルなスムーズなユーザー体験を提供します

Other

  • form - jQueryフォームプラグイン
  • Garlic.js - フォームのテキストおよびセレクトフィールドの値を、提出されるまでローカルに自動保存します
  • Countable - HTML要素にリアルタイムの段落、単語、文字数カウントを追加するJavaScript関数
  • card - 1行のコードでクレジットカードフォームをより良くします
  • stretchy - フォーム要素の自動サイズ調整、これが正しい方法です。
  • analytics - 軽量で拡張可能な分析ライブラリ。任意の第三者分析サービスと連携し、ページビュー、カスタムイベント、ユーザー識別を追跡できます。
  • dat.GUI - JavaScriptで変数を変更するための軽量GUIコントローラー。

Tips

  • tipsy - jQuery用のフェイスブック風のツールチッププラグイン。
  • opentip - プロトタイプフレームワークに基づくオープンソースJavaScriptツールチップ。
  • qTip2 - 非常に強力なツールチップ。
  • tooltipster - jQuery用のツールチッププラグイン。
  • simptip - Sassで作成されたシンプルなCSSツールチップ。
  • toolbar - ツールチップスタイルのツールバーjQueryプラグイン。
  • hint.css - あなたの素晴らしいウェブサイト向けのCSSベースのツールチップライブラリ。

Modals and Popups

  • Magnific-Popup - パフォーマンスに重点を置いた軽量でレスポンシブなlightboxスクリプト。
  • jquery-popbox - jQuery PopBox UI要素。
  • jquery.avgrund.js - 新しいモーダルコンセプトを備えたjQuery用のモーダルプラグイン。
  • vex - 高度にカスタマイズ可能でスタイルを簡単に設定できる現代的なダイアログライブラリ
  • bootstrap-modal - デフォルトのBootstrapモーダルクラスを拡張。レスポンシブ、スタック可能、Ajax対応など。
  • css-modal - 純粋なCSSで構成されたモーダ及。
  • jquery-popup-overlay - レスポンシブかつアクセシブルなモーダルウィンドウとツールチップ用のjQueryプラグイン。
  • SweetAlert - JavaScriptのalertを置き換える素晴らしい代替案。
  • SweetAlert2 - JavaScriptのalertを置き換える素晴らしい代替案。
  • baguetteBox.js - 純粋なJavaScriptで書かれたシンプルで使いやすいlightboxスクリプト。
  • colorbox - jQuery用の軽量かつカスタマイズ可能なlightboxプラグイン。
  • fancyBox - 画像、HTMLコンテンツおよびマルチメディアにズーム機能を追加するための、美しく洗練されたツール
  • swipebox - タッチ可能なjQueryのlightbox
  • jBox - jBoxは、ポップアップウィンドウ、ツールチップ、通知などすべての機能を扱う強力で柔軟なjQueryプラグインです
  • lightGallery - jQuery用のカスタマイズ可能でモジュール化されたレスポンシブなlightboxギャラリープラグイン
  • keukenhof - モーダルウィンドウを作成するための軽量で依存関係なし、アクセシビリティを有するTypeScriptライブラリ
  • screenfull.js - JavaScriptのフルスクリーンAPIで、ページまたは任意の要素をフルスクリーンに表示できます。ブラウザの実装差をスムーズに補完し、手動で対応しなくてもよいです

Scroll

  • scrollMonitor - スクロール中に要素を監視するためのシンプルで高速なAPI
  • headroom - ページに余白を確保し、必要ないときはヘッダーを非表示にします
  • onepage-scroll - One Page Scrollプラグインを使って、iPhone 5SサイトのようなApple風の1ページスクロールウェブサイトを作成します
  • iscroll - iScrollは、高性能でサイズが小さく、依存関係がなく、マルチプラットフォーム対応のJavaScriptスクロールライブラリです
  • skrollr - モバイル(Android + iOS)およびデスクトップ用のスタンドアローンパラレルスクロールライブラリ。jQueryは不要です
  • parallax - スマートデバイスの向きに反応するパラレルエンジン
  • stellar.js - パラレルスクロールを簡単に行う
  • plax - jQueryによるパラレル効果
  • jparallax - インタラクティブなパラレリック効果を生成するjQueryプラグイン
  • fullPage - シンプルで使いやすいプラグインで、フルスクリーンスクロールウェブサイト(もしくは1ページウェブサイト)を作成します
  • ScrollMenu - 古いつまらないスクロールバーを置き換えるための新しいインターフェース
  • Clusterize.js - 大きなデータセットを簡単に表示できる、ミニマムなvanilla JSプラグイン
  • simpleParallax - 任意の画像にパラレルアニメーションを追加するためのシンプルで小さなJavaScriptライブラリ
  • rellax - 柔らかくスムーズで、超軽量なvanilla JavaScriptパラレルライブラリ
  • asscroll - ハイブリッドなスムーズスクロールセットアップで、バーチャルスクロールのパフォーマンスとネイティブスクロールの信頼性を組み合わせたもの
  • stroll - JavaScriptを介してDOMにバインドされたCSSリストスクロール効果のコレクション
  • locomotive-scroll - ビュー領域内の要素を検出し、パラレル効果付きでスムーズスクロンする
  • elevator.js - ついに「トップに戻る」ボタンが現れた。これは実際のエレベーターのように動作する。
  • jQuery-menu-aim - ユーザーのカーソルが特定のドロップダウンメニュー項目に向けられたときにイベントを発火するjQueryプラグイン。アマゾンのようないくつものドロップダウンをレスポンシブに実現するため。
  • jQuery contextMenu - コンテキストメニュー管理器
  • Slideout - モバイルウェブアプリ向けのレスポンシブなタッチスライドアウトナビゲーションメニュー
  • Slide and swipe - タッチスワイプライブラリと連携するスライドスワイプメニュー
  • mmenu - あなたのウェブサイトやウェブアプリに、スライドサブメニューを備えたアプリ風のオン・オフキャンバスメニューのための最も優れたjQueryプラグイン

Table/Grid

  • jTable - AJAXベースのCRUDテーブルを作成するjQueryプラグイン
  • DataTables - (jQueryプラグイン) プログレッシブエニアンスの基礎に立ち、任意のHTMLテーブルに高度なインタラクションコントロールを追加する非常に柔軟なツール
  • Tabulator - (jQueryプラグイン) 任意のJSONデータソースまたは既存のHTMLテーブルから、さまざまなインタラクティブ機能を持つテーブルを作成する極めて柔軟なライブラリ
  • Bootstrap Table - 人気のあるBootstrapフレームワークへの拡張で、追加のマークアップなしで、サイトのスタイルに合うテーブルを作成可能
  • floatThead - (jQueryプラグイン) 任意のテーブルのヘッダーをスクロール中にロックする。すべてのテーブルに適用可能で、カスタムHTMLやCSSは不要
  • Masonry - カスケード型グリッドレイアウトライブラリ
  • Packery - ビンパッキングアルゴリズムを使用するグリッドレイアウトライブラリ。ドラッグ可能なレイアウトに使える
  • Isotope - フィルタ可能かつソート可能なグリッドレイアウトライブラリ。マソンリ、パッケリ、その他レイアウトを実装可能
  • flexboxgrid - CSS3 flexboxに基づくグリッド

Frameworks

  • Semantic UI - テーマや要素が豊富なUIキット
  • w2ui - データ駆動型ウェブアプリケーションのフロントエンド開発に必要なjQueryプラグインのセット
  • fluidity - 世界で最も小さな完全に反応するCSSフレームワーク
  • Ink - SAPOで使用されているHTML5/CSS3フレームワーク。高速かつ効率的なウェブサイト設計とプロトタイピングに使用
  • DataFormsJS - 最小限のJavaScriptフレームワークとスタンドアローンコンポーネント。サイトやSPAの迅速開発に適したものです
  • EHTML - JavaScriptコードを書かずに使えるHTMLフレームワーク

Boilerplates

  • html5-boilerplate - 高速で堅牢かつ柔軟なウェブアプリやサイトを構築するためのプロフェッショナルなフロントエンドテンプレート
  • mobile-boilerplate - 高速で現代的なモバイルウェブアプリを構築するためのフロントエンドテンプレート
  • webplate - サイトやアプリの開発に集中できる、使いやすい素晴らしいフロントエンドフレームワーク
  • Cerberus - レスポンシブなHTMLメールに使えるシンプルでしっかりとしたパターン。Outlookでも動作します
  • full-page-intro-and-navigation - フル幅の背景画像、強調されたアニメーションメニュー、ナビゲーションの後ろにiOS風のブレeding効果を備えた紹介ページ
  • Fluid-Squares - 正方形単位からなる流動的なグリッド
  • Mobile-First-RWD - モバイルファーストのレスポンシブウェブデザインの例
  • this-is-responsive - これはレスポンシブです
  • npm run-scripts NPMのrun-scriptsでタスク自動化
  • Wasp Waspは、現代的なJavaScriptフルスタックウェブアプリの開発・ビルド・デプロイにおいて、コードを少なくして行うための宣言型ドメイン特定言語

Images

  • Drift - サイトの画像に「マウスオーバー時のズーム」機能を簡単に追加できます。軽量で、依存関係なしのJavaScript
  • Magnificent.js - jQueryを使用した、レスポンシブなズーム、画像など
  • Panolens.js - Panolens.jsはイベント駆動型およびWebGLベースのパノラマ閲覧ツール。軽量で柔軟

Gesture

  • hammer.js - マルチタッチジェスチャーに使えるJavaScriptライブラリ
  • touchemulator - デスクトップ上でタッチ入力をエミュレート
  • Dragula - ドラッグ&ドロップは、簡単すぎて痛い

Maps

  • Leaflet - モバイル対応のインタラクティブマップを実現するJavaScriptライブラリ。
  • Cesium - オープンソースのWebGL仮想地球と地図エンジン
  • gmaps - Googleマップを使う最も簡単な方法
  • polymaps - 現代のウェブブラウザで動的な、インタラクティブな地図を作成するための無料JavaScriptライブラリ
  • kartograph.js - Kartograph SVG地図用のオープンソースJavaScriptレンダラー
  • mapbox.js - Mapbox JavaScript API、Leafletプラグイン
  • jqvmap - jQuery ベクターマップライブラリ
  • OpenLayers3 - すべての地図ニーズに最適な、高性能かつ機能豊富なライブラリ
  • H3js - Uberが開発した、空間視覚化用の六角形階層空間インデックスシステム(JavaScript版)

Video/Audio

  • prettyembed.js - YouTube向けのPrettier埋め込み機能 - 高解像度プレビュー画像、埋め込みオプションの高度なカスタマイズ、およびオプションのFitVidsサポートを提供
  • Play-em JS - Play’emは、音楽・動画トラックのキューを管理し、YouTube、SoundCloud、Vimeoを含む複数のプレイヤーをHTML DIVに埋め込みで、音楽のシーケンスを再生するJavaScriptコンポーネント
  • polyplayer - YouTube、SoundCloud、Vimeoプレイヤーを1つのAPIで制御
  • flowplayer - Web向けHTML5動画プレイヤー https://flowplayer.com/
  • mediaelement - HTML5
  • SoundJS - ウェブ上の音声操作を簡単に行えるライブラリ。異なるブラウザで音声を再生するための一貫したAPIを提供。
  • video.js - Video.js - 開発者向けのHTML5およびFlash動画プレイヤー
  • FitVids.js - 軽量で使いやすいjQueryプラグイン。動的幅の動画埋め込みを可能にする。
  • Ion.Sound - ウェブページに簡単な音を追加。
  • photobooth-js - ユーザーがサイト上で自分のアバター画像を撮影できるウィジェット。
  • clappr - ウェブ向けの拡張可能なメディアプレイヤー http://clappr.io
  • ts-audio - AudioContext APIを扱う、中立的かつ使いやすいライブラリ。
  • AmplitudeJS - オープンソースHTML5ウェブオーディオライブラリ。あなたの希望の通りにウェブオーディオプレイヤーを設計できます。依存関係は不要です。
  • ractive-player - React.jsで作成するインタラクティブな動画用のライブラリ。
  • ffmpeg.js - FFmpegをブラウザ内で使用に最適化:サイズを最小限に抑え、高速読み込み、asm.js、パフォーマンスチューニングなど。
  • flv.js - 純粋なJavaScriptで書かれたHTML5 Flash Video(FLV)プレイヤー。Flashなしで動作します。
  • hls.js - HTTPライブストリーミングクライアントを実装するJavaScriptライブラリ。再生にはHTML5動画とMediaSource Extensionsを用います。

Typography

  • FlowType.JS - ウェブタイプグラフィックスの最高峰:要素の幅に基づくfont-sizeとline-height。
  • BigText - jQueryプラグイン。テキストの行を特定の幅に合わせるためのfont-sizeとword-spacingを計算します。
  • circletype - ウェブ上でタイプを曲げられるjQueryプラグイン。
  • slabText - 大きな、強調された、レスポンシブなヘッダーを生成するjQueryプラグイン。
  • simple-text-rotator - サイトにシンプルな回転テキストを追加できます。マークアップはほとんど必要ありません。
  • novacancy.js - テキストネオンゴールデン効果jQueryプラグイン。
  • jquery-responsive-text - テキストサイズをレスポンシブにできるようにします。
  • FitText.js - ウェブタイプを膨らませるjQueryプラグーン。
  • Lettering.js - 軽量で使いやすいJavaScript <span>インジェクタ。極端なウェブタイプグラフィックスを実現。

Animations

  • velocity - JavaScriptによる高速アニメーション
  • jquery.transit - jQuery での超スムーズな CSS3 トランスフォームとトランジション
  • bounce.js - 短時間でCSS3を活用した魅力的なアニメーションを作成できます。
  • GreenSock-JS - すべての主要ブラウザで動作する高性能HTML5アニメーション。
  • TransitionEnd - TransitionEndは、トランジションイベントに対応する、クロスブラウザかつ中立的なライブラリ。
  • Dynamic.js - 物理ベースのCSSアニメーションを実現するJavaScriptライブラリ。
  • the-cube - The CubeはCSS3トランジションを使った実験。
  • Effeckt.css - パフォーマンスの高いトランジションとアニメーションライブラリ。
  • animate.css - CSSアニメーションのクロスブラウザライブラリ。使いやすさの極致。
  • textillate - CSS3テキストアニメーションに必要なシンプルなプラグイン。
  • move.js - CSS3をバックアップしたJavaScriptアニメーションフレームワーク。
  • animatable - 1つのプロパティ、2つの値、無限の可能性。
  • shuffle-images - 画像を創造的にシャッフルするための最もシンプルな方法。
  • smoothState.js - jQueryで非侵襲的にページ間の遷移を実現。
  • Anime.js - JavaScriptアニメーションエンジン。
  • Mo.js - ウェブ向けのモーショングラフィックスツールセット
  • particles.js - パティクルを生成するための軽量JavaScriptライブラリ。
  • tsParticles - particles.jsのバージョンアップ(バグ修正と多くの新機能を含む)。
  • particles-bg - React用の軽量パティクルアニメーション背景コンポーネント。
  • barbajs - ウェブサイトのページ間の遷移を滑らかで自然に実現するためのツール。
  • typicaljs - ~40及てのJavaScriptで実現するアニメーションタイピング。
  • AutoAnimate - アプリケーションに動きを加えるための1行のコード。

Image Processing

  • lena.js - フィルタとユーティリティ関数を備えた画像処理ライブラリ。
  • pica - 高品質な画像リサイズ(高速Lanczosフィルタ、純粋JavaScriptで実装)。
  • cropper - シンプルなjQueryによる画像切り取りプラグイン。

ES6

  • es6features - ECMAScript 6の機能概要。
  • es6-features - ECMAScript 6:機能概要と比較。
  • es6-cheatsheet - ES2015 [ES6] cheatsheet(ヒント、トリック、ベストプラクティス、コードサンプルを含む)。
  • ECMAScript 6 compatibility table - ECMAScript 6の機能がさまざまな環境でサポートされているかの比較表。
  • Babel (Formerly 6to5) - ES6+のコードを実行環境なしのvanilla ES5に変換
  • Traceur compiler - ES6機能 > ES5。クラス、ジェネレーター、プロミス、解構パターン、デフォルトパラメータなどすべてを含む

Generators

  • Gatsby.js - Reactベースの静的サイトジェネレーター
  • Gridsome - Vueを駆使した静的サイトジェネレーター
  • Docusaurus - Facebookが開発したReactベースの静的サイトジェネレーター。コンテンツ中心のウェブサイトに最適。
  • Next.js - Reactを採用した静的サイトジェネレーター。彼らは「Webをより速くするためのすべてのツールを提供します」と述べています。
  • Lume - Deno用の静的サイトジェネレーター
  • Astro - コンテンツ中心のウェブサイト向けのウェブフレームワーク
  • Nuxt - 直感的なVueフレームワーク

SDK

  • javascript-sdk-design - 実際の業務経験と個人経験から抽出されたJavaScript SDK設計ガイド
  • Spotify SDK - Spotify Web APIとの対話に用いるためのエンティティ中心のSDK
  • Square Node.js SDK - 支払いおよびその他のSquare API向けのJavaScriptクライアントライブラリ
  • OpenAI SDK - OpenAI API向けの公式JavaScript/TypeScriptライブラリ
  • Stripe Node.js SDK - StripeのNode.js SDKは、JavaScript/TypeScriptアプリに支払い、サブスクリプション、請求機能を統合します
  • lunr - ブラウザで使用できるライブラリ。JSONドキュメントをインデックス化し、テキストクエリに最も適合するドキュメントを検索するためのシンプルなインターフェースを提供
  • flexsearch - ブラウザおよびNode.js向けの次世代フルテキスト検索ライブラリ
  • Elasticlunr - lunr.jsに基づいているが、より柔軟でカスタマイズ可能。

ORM

  • Prisma Node.jsおよびTypeScript向けの次世代ORM | PostgreSQL、MySQL、MariaDB、SQL Server、SQLite、MongoDBおよびCockroachDB
  • Sequelize 現代のNode.jsおよびTypeScript向けの機能豊かなORM | PostgreSQL、MySQL、MariaDB、SQLite、MS SQL Server、Snowflake、Oracle DB…
  • Mongoose 非同期環境で動作するMongoDBオブジェクトモデリング
  • TypeORM TypeScript および JavaScript 用の ORM。Node.js、ブラウザ、Ionic、Cordova および Electron プラットフォームで動作。
  • Drizzle ORM ヘッドレス TypeScript ORM。ヘッドを備えた実行環境。Node.js、Bun および Deno で動作。
  • Kysely 型安全な TypeScript SQL クエリビルダー。
  • Knex PostgreSQL、MySQL、CockroachDB、SQL Server、SQLite3 および Oracle 用のクエリビルダー。柔軟性・移植性・使いやすさを重視した設計。
  • MikroORM Data Mapper、Unit of Work、Identity Map パターンに基づく Node.js 用 TypeScript ORM。
  • Objection.js Knex.js をベースに構築された Node.js 用 SQL フレンドリー ORM。強力な関係データサポートを備える。

WebSockets

  • Socket.io リアルタイムアプリケーション向け最も広く使われている WebSocket ライブラリ。自動再接続、ルーム、フォールバック(例:ポーリング)をサポート。
  • ws Node.js 用のシンプルで高速かつ徹底的にテストされた WebSocket クライアントおよびサーバー。

Generative AI

  • KaibanJS - KaibanJS は、Kanban パターンを採用したマルチエージェントAIシステムのブラウザ互換性を実現するオープンソースフレームワーク。

Misc

  • echo - data-* 属性を使って遅延読み込みを行う画像処理。
  • picturefill - 、srcset、sizes 用のレスポンシブ画像のポリフィル。
  • platform.js - ほぼすべての JavaScript プラットフォームで動作するプラットフォーム検出ライブラリ。
  • json3 - ほぼすべての JavaScript プラットオーラで動作する現代的な JSON 実装。
  • Logical Or Not - JavaScript の特徴をテーマにしたゲーム。
  • BitSet.js - JavaScript 用のビットベクトル実装。
  • spoiler-alert - SPOILER ALERT! サイト上でスポイラーを隠すための、小さな jQuery プラグイン。
  • jquery.vibrate.js - Vibration API のラッパー
  • list.js - テーブル、リスト、各種HTML要素へ検索、並べ替え、絞り込みを追加。既存HTMLを変えずに動作するよう設計されている。 https://listjs.com
  • mixitup - MixItUp - フィルタとソートプラグイン。
  • grid - 2次元、サイズ変更可能、レスポンシブなリストにドラッグ&ドロップを実現するライブラリ。
  • jquery-match-height - jQuery用のレスポンス性のある等高高さプラグイン
  • SurveyJS - SurveyJSはJavaScriptの調査およびフォームライブラリです。 https://surveyjs.io/
  • Array Explorer そして Object Explorer - いつでもどのネイティブJavaScriptメソッドが最も適しているかを判断するためのリソース
  • Clipboard.js - フラッシュなし、フレームワークなしで「クリップボードにコピー」
  • ky - ブラウザのFetch APIに基づく、小さく洗練されたHTTPクライアント
  • Fcal - 数学式評価器
  • emoji-button - Vanilla JavaScriptによるエモジーピッカーコンポーネント
  • iooxa - インタラクティブな科学的執筆、反応型ドキュメントおよび探索可能な説明に必要なコンポーネント
  • Idyll - 探索可能な説明やインタラクティブなストーリーテリングエッセイを作成可能。 embedded in HTML です
  • javascript-algorithms - JavaScriptで実装されたアルゴリズムとデータ構造、それぞれの説明とさらに読むためのリンクを含む
  • FingerprintJS - ブラウザのフィンガープリントから訪問者識別子を作成し、インコグノモードやブラウザデータの削除時にも同じままになる
  • Peg.js - JavaScriptで使用可能なシンプルなパーサー生成器。高速なパーサーを生成し、エラーレポートも優れた品質。ブラウザ、コマンドライン、またはJavaScript APIから使用可能
  • lune - 月の相位を正確に計算するためのライブラリ
  • jsemu - JavaScriptで書かれたエミュレーターの一覧
  • rrweb - DOMおよびユーザーインタラクションをタイプ付きJSONイベントストリームとして記録し、1ピクセルずつ再現する
  • enum-plus - ネイティブTypeScriptのenumに即座に追加できる拡張機能。表示テキスト、国際化、完全な型セーフティを提供

Worth Reading

  • You Don’t Know JS - 現代JavaScriptに関する最も優れた書籍。完全に無料でオンラインで読むことができる、または著者を支援するために購入可能
  • braziljs/js-the-right-way - JSのベストプラクティス、受け入れられたコーディング規則、そしてウェブ上のリンクを含む、読みやすい一覧
  • JSbooks - 無料JavaScript電子書籍のディレクトリ
  • Superhero.js - 大規模JavaScriptコードベースの作成、テスト、維持に関するリソースのコレクション
  • SJSJ - JavaScriptの専門用語をシンプルに解説する、コミュニティが中心に推進する試み。現在のJavaScriptエコシステムにおける多くの buzzwords を、簡単な言葉で説明しようとするもの。
  • How to Write an Open Source JavaScript Library - JavaScriptのオープンソースライブラリを公開するための、ステップごとの包括的なガイド。
  • JavaScript Tutorials - 多様なユーザーが評価したオンラインチュートリアルからJavaScriptをオンラインで学べる。
  • Functional-Light JavaScript - JavaScriptにおける実用的でバランスの取れた関数型プログラミング。
  • Clean Code JavaScript - Clean Codeの概念をJavaScriptに適用した内容。
  • Roadmap.sh JavaScript Roadmap - コミュニティが提供する学習ルートからJavaScriptを学べる。
  • JavaScript Info - シンプルな説明を用いた現代的なJavaScriptチュートリアル。

Other Awesome Lists

Contributing

ご貢献を心よりお待ちしています!まず contribution guidelines をお読みください

License

CC0

法的に可能である範囲内で、chenchengはこの作品に関するすべての著作権および関連又は隣接する権利を放棄しました。