検索
ホームページウェブフロントエンドjsチュートリアルJavaScript 関数プラグインのリスト (超包括的)

JavaScript 関数プラグインのリスト (超包括的)

Oct 23, 2018 pm 04:29 PM
htmljavascriptjquery

この記事では、JavaScript 関数プラグインの概要 (超包括的) を紹介します。必要な方は参考にしていただければ幸いです。

パッケージ マネージャー
JavaScript ライブラリを管理し、それらを読み取り、パッケージ化するためのツールを提供します。
•npm – npm は JavaScript のパッケージ マネージャーです。
•Bower – Web アプリケーション用のパッケージ マネージャー。
•component – より優れた Web アプリケーションを構築するためのクライアント側のパッケージ マネージャー。
•spm – 新しい静的パッケージ マネージャー。
•jam – ブラウザーに重点を置いた RequireJS 互換のパッケージ マネージャー。
•jspm – スムーズなブラウザー パッケージ マネージャー。
•Ender – ライブラリ ファイルのないライブラリ。
•volo – プロジェクト テンプレートを使用してフロントエンド プロジェクトを作成し、依存関係と自動生成を追加します。
•Duo – Component、Browserify、Go の最良のアイデアを統合し、開発者がフロントエンド コードを迅速かつ簡単に整理して作成できるようにする次世代のパッケージ マネージャーです。

Loader
JavaScript のモジュールまたはローディング システム。
•RequireJS – JavaScript ファイルおよびモジュール用のローダー。
•browserify – ブラウザ側でnode.jsの方法でrequire()します。
•SeaJS – Web 用のモジュールローダー。
•HeadJS – HEAD の唯一のスクリプト。
•curl – AMD、CommonJS Modules/1.1、CSS、HTML/テキスト、および履歴スクリプトを処理する、小​​型、高速、拡張可能なモジュール ローダー。
•lazyload – 依存関係のない小型の非同期 JavaScript および CSS ローダー。
•script.js – 非同期 JavaScript ローダーおよび依存関係マネージャー。
•systemjs – AMD、CJS (commonJS)、および ES6 準拠のモジュール ローダー。
•LodJS – AMD ベースのモジュール ローダー。
•ESL – 遅延定義と AMD をサポートするブラウザ側のモジュール ローダー。
•modulejs – 軽量の JavaScript モジュール システム。

パッケージ化ツール
•browserify – Browserify を使用すると、ブラウザ側で require('modules') を使用してすべての依存関係をパッケージ化できます。
•webpack – ブラウザー用の CommonJs/AMD モジュールをバンドルします。

テスト フレームワーク
•mocha – シンプルで柔軟で楽しい、node.js およびブラウザー用の JavaScript テスト フレームワーク。
•jasmine – シンプルな DOM フリーの JavaScript テスト フレームワーク。
•qunit – 使いやすい JavaScript 単体テスト フレームワーク。
•jest – シンプルな JavaScript 単体テスト フレームワーク。
•prova – ノードとブラウザー用のテープとブラウザーに基づくテスト ランナー。
•DalekJS – 自動化されたクロスブラウザーの JavaScript 機能テスト フレームワーク。

Assertion
•chai – Node.js およびブラウザー用の BDD / TDD アサーション フレームワークで、他のテスト フレームワークと併用できます。
•Sinon.JS – JavaScript のスパイ、スタブ、モックをテストします。
•expect.js – Node.js とブラウザー用の最小限の BDD スタイルのアサーション ツール。

Coverage
•istanbul – もう 1 つの JS コード カバレッジ検出ツール。
•ブランケット – シンプルなコード カバレッジ検出ライブラリ。インストールと使用が簡単になるように設計されており、ブラウザとnode.jsの両方で利用できます。
•JSCover – JSCover は、JavaScript プログラムのコード カバレッジを検出するツールです。

Runner
•phantomjs – スクリプト可能なヘッドレス WebKit。
•slimerjs – Gecko を利用した PhantomJS のようなツール。
•casperjs – PhantomJS および Slimer JS に基づくナビゲーション スクリプトおよびテスト ツール。
•zombie – Node.js をベースにした高速、フルスタック、GUI を使用しないブラウザー テスト ツール。
•totoro – シンプルで信頼性の高い、クロスブラウザーのテスト ツールです。
•karma – 優れた JavaScript テストランナー。
•nightwatch – Node.js と Selenium Webdriver に基づくグラフィカル インターフェイス自動テスト フレームワーク。
•intern – 次世代の JavaScript コード テスト スタック。
•yolpo – ブラウザーで文ごとに実行する JavaScript インタープリター。

QA ツール
•JSHint – JSHint は、JavaScript コード内のエラーや潜在的な問題を見つけるのに役立つツールです。
•jscs – JavaScript コード スタイル検出ツール。
•jsfmt – JavaScript をフォーマット、検索、書き換えます。
•jsinspect – コピーアンドペーストされた構造的に類似したコードを検出します。
•buddy.js – JavaScript コード内のマジックナンバーを発見します。
•ESLint – JavaScript のパターンを識別して記録するための完全にプラグイン可能なツール。
•JSLint – 言語の良い部分だけを残すように設計された、高水準で厳密かつ頑固なコード品質ツールです。

MVC フレームワークとライブラリ
•angular.js – Web アプリケーションの HTML を強化します。
•aurelia – モバイル、デスクトップ、Web 用のクライアント側 JavaScript フレームワーク。
•backbone – モデル、ビュー、コレクション、イベントを含むバックボーンを JS アプリケーションに追加します。
•batman.js – Rails 開発者にとって最高の JavaScript フレームワーク。
•ember.js – 優れた Web アプリケーションを作成するために設計された JavaScript フレームワーク。
•meteor – 非常にシンプルで、データベースに遍在する、データのみの純粋な JavaScript Web フレームワーク。
•ractive – 新世代の DOM 操作。
•vue – インタラクティブなインターフェイスを構築するための、直観的で高速かつ構成可能な MVVM フレームワーク。
•knockout – Knockout を使用すると、JavaScript を使用して応答性の高いリッチな UI を簡単に作成できます。
•spine – JavaScript アプリケーションを構築するための軽量 MVC ライブラリ。
•espresso.js – ユーザー インターフェイスを作成するための最小限の JavaScript ライブラリ。
•canjs – JS をより良く、より速く、よりシンプルにします。
•react – ユーザーインターフェイスを構築するためのライブラリ。これは宣言型で効率的かつ非常に柔軟であり、さまざまな実装として仮想 DOM を使用します。
•react-native – React を使用してネイティブ アプリを構築するためのフレームワーク。
•riot – React に似たライブラリですが、軽量です。
•胸部 – バックボーンを強化します。
•chaplin – Backbone.js ライブラリを使用した JavaScript アプリケーション アーキテクチャ。
•marionette – 大規模な JavaScript アプリケーションの構造を簡素化するように設計された Backbone.js の複合アプリケーション ライブラリです。
•ripple – 応答性の高いインターフェイスを構築するための小さな基本フレームワーク。
•rivets – 軽量かつ強力なデータ バインディングおよびテンプレート ソリューション
•derby – Node.js とブラウザーで同時に実行できるリアルタイムの共同アプリケーションを簡単に作成できる MVC フレームワーク。 ◦ derby-awesome – 素晴らしい derby コンポーネントのコレクション。

•way.js – シンプル、軽量、永続的な双方向データ バインディング。
•mithril.js – Mithril はクライアント側の MVC フレームワーク (軽量、強力、高速)
•jsblocks – jsblocks はより優れた MV っぽいフレームワークです。
•LiquidLava – ユーザー インターフェイスを構築するためのわかりやすい MVC フレームワーク。

Node CMS フレームワーク
•KeystoneJS – 強力な CMS および Web アプリケーション フレームワーク。
•Reaction Commerce – リアルタイムのアーキテクチャとデザインを備えたリアクティブ CMS。
•Ghost – シンプルで強力な出版プラットフォーム。
•アポストロフィ – コンテンツ編集と基本サービスを提供する CMS。
•We.js – リアルタイム アプリケーション、Web サイト、ブログ用のフレームワーク。
•Hatch.js – ソーシャル機能を備えた CMS プラットフォーム。
•TaracotJS – Node.js をベースにした高速でミニマリストの CMS。
•Nodizecms – CoffeeScript 愛好家のための CMS。
•Cody – WYSIWYG エディターを備えた CMS。
•PencilBlue – CMS およびブログ プラットフォーム。

テンプレート エンジン
テンプレート エンジンを使用すると、文字列補間を実行できます。
•mustache.js – {{mustache}} を備えた JavaScript の最も単純なテンプレートです。
•handlebars.js – Mustache テンプレート言語の拡張機能です。
•hogan.js – Mustache テンプレート言語のコンパイラです。
•doT – Nodejs およびブラウザー用の最速かつ最も簡潔な JavaScript テンプレート エンジン。
•dustjs – ブラウザーとnode.js用の非同期テンプレート。
•eco – 埋め込まれた CoffeeScript テンプレート。
•JavaScript-Templates – 軽量 (1KB 未満)、高速、依存関係のない強力な JavaScript テンプレート エンジン。
•t.js – 約 400 バイトに縮小された小さな JavaScript テンプレート フレームワーク。
•Jade – 堅牢かつエレガントで機能が豊富な、nodejs 用のテンプレート エンジンです。
•EJS – 効率的な JavaScript テンプレート。
•xtemplate – ノードとブラウザ用の拡張可能なテンプレート エンジン。
•marko – 非同期、ストリーミング、カスタム タグ、CommonJS モジュールのコンパイル済み出力をサポートする、高速かつ軽量の HTML ベースのテンプレート エンジンです。 Node.js とブラウザで動作します。

記事と投稿
•知っておくべき JavaScript – JavaScript の関数化の概念に関する記事。

データ視覚化
Web データ視覚化ツール
•d3 – HTML および SVG を視覚化するための JavaScript ライブラリ。
•metrics-graphics – より簡潔で、より標準化されたデータ チャート レイアウト最適化アルゴリズムを備えたライブラリ。
•pykcharts.js – d3.js の複雑さを取り除くように考え抜かれて設計された d3.js グラフ作成ライブラリ。
•three.js – JavaScript 3D ライブラリ。
•Chart.js – Canvas タグに基づくシンプルな HTML5 グラフ作成ライブラリ。
•paper.js – ベクター グラフィックス スクリプトのスイス アーミー ナイフ – Scriptographer を JavaScript および HTML5 Canvas を使用するブラウザに移植します。
•fabric.js – JavaScript Canvas ライブラリ、SVG および Canvas は相互に解析できます。
•peity – 進行状況バー、折れ線グラフ、円グラフ。
•raphael – JavaScript ベクター ライブラリ。
•echarts – ビジネス製品チャート。
•vis – ブラウザベースの動的な視覚化ライブラリ。
•two.js – レンダラーに依存しない Web 用 2D 描画 API。
•g.raphael – Rapha?l チャート ライブラリに基づいています。
•sigma.js – グラフィック描画専用の JavaScript ライブラリ。
•arbor – Web ワーカーと jQuery を使用したグラフ視覚化ライブラリ。
•cubism – 時系列を視覚化するための D3 プラグイン。
•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 プラグイン。
•xCharts – カスタム チャートとグラフを作成するための D3 ベースのライブラリ。
•trianglify – d3.js に基づいたローポリスタイルの背景画像ジェネレーター。
•d3-cloud – ワードクラウド効果を作成するための JavaScript ライブラリ。
•d4 – D3 をベースにした使いやすく再利用可能な DSL チャート ライブラリ。
•dimple.js – d3 に基づくシンプルなビジネス分析グラフ作成ライブラリ。
•chartist-js – シンプルな応答性の高いグラフ。
•epoch – 汎用のリアルタイム チャート作成ライブラリ。
•c3 – D3 に基づく再利用可能なグラフ作成ライブラリ。
•BabylonJS – HTML5 と WebGL を使用して 3D ゲームを構築するためのフレームワーク。

amchart、plotly、highchart などの優れた有料ライブラリもいくつかあります。

Timeline
•TimelineJS – JavaScript で書かれた物語タイムライン ライブラリ。
•timesheet.js – 単純な HTML5 および CSS3 タイムシートを作成するための JavaScript ライブラリ。

エディター
•ace – Ace (Ajax.org Cloud9 エディター)。
•CodeMirror – ブラウザ側のコード エディター。
•esprima – 包括的な分析のための ECMAScript パーサー。
•quill – API を備えたクロスブラウザーのリッチ テキスト エディター。
•medium-editor – Medium.com WYSIWYG エディターのクローン。
•pen – オンライン編集をお楽しみください (マークダウンをサポート)。
•jquery-notebook – 使いやすく、シンプルでエレガントなテキスト エディター。 Medium の魔法からインスピレーションを得たものです。
•bootstrap-wysiwyg – ブートストラップと互換性のある小型の WYSIWYG リッチ テキスト エディター。
•ckeditor-releases – 誰でも使える Web テキスト エディター。
•editor – マークダウン エディターですが、まだ開発中です。
•EpicEditor – 全画面編集、インスタント プレビュー、下書きの自動保存、オフライン サポートを備えた埋め込み可能な JavaScript Markdown エディターです。
•jsoneditor – JSON を表示、編集、フォーマットするための Web ツール。
•vim.js – 永続的な ~/.vimrc を備えた Vim エディターの JavaScript ポート。
•Squire – HTML5 リッチ テキスト エディター。
•TinyMCE – JavaScript リッチ テキスト エディター。
•trix – Basecamp による日常の執筆用のリッチ テキスト エディター。

File
ファイルを処理するためのライブラリ。
•Papa Parse – CSV ファイル/文字列の解析をサポートし、CSV をエクスポートすることもできる強力な CSV ライブラリです。
•jBinary – ファイルの種類とデータ構造を記述する宣言構文を使用するバイナリ ファイルに対して高レベルの I/O (読み込み、解析、操作、シリアル化、保存) 操作を実行します。

関数型プログラミング
関数型プログラミング ライブラリは、JavaScript の機能を拡張します。
•underscore – JavaScript 用のユーティリティ。
•lodash – 一貫性、カスタマイズ性、パフォーマンス、追加機能を提供する実用的なライブラリです。
•Sugar – ネイティブ オブジェクトの機能を拡張する JavaScript ライブラリ。
•lazy.js – Underscore に似ていますが、より優れたパフォーマンスを備えています
•ramda – JavaScript プログラマー向けのユーティリティ ライブラリ。
•mout – モジュラー JavaScript ツール ライブラリ。
•mesh – ストリーミング データ同期ツール。

リアクティブ プログラミング
リアクティブ プログラミング ライブラリは、JavaScript の機能を拡張します。
•RxJs – JavaScript のリアクティブ拡張機能。
•Bacon – JavaScript 用の FPR (Functional Reactive Programming) ライブラリ。
•Kefir – Bacon.js と RxJS からインスピレーションを得た FRP ライブラリで、高性能と低メモリ消費に重点を置いています。
•Highland – JavaScript ユーティリティを再考した Highland では、標準の JavaScript とノードのようなストリームのみを使用して、同期および非同期メッセージを簡単に管理できます。
•Most.js – 高性能 FRP ライブラリ。

データ構造
データ構造ライブラリは、より複雑なアプリケーションを構築するために使用されます。
•immutable-js – Sequence、Range、Repeat、Map、OrderedMap、Set、sparse Vector を含む不変のデータ コレクション。
•mori – ClojureScript を使用してデータ構造を永続化し、ネイティブ JavaScript API をサポートするライブラリです。
•buckets – 完全で完全にテストされ文書化されたデータ構造 JavaScript ライブラリ。
•hashmap – シンプルなハッシュマップ実装で、あらゆるタイプのキー値をサポートします。

Date
日付ライブラリ。
•moment – 日付を解析、検証、操作、表示します。
•moment-timezone – moment.js に基づくタイムゾーン ライブラリ。
•jquery-timeago – ファジー タイムスタンプ (例: 「4 分前」) の自動更新をサポートする jQuery プラグイン。
•timezone-js – JavaScript の Date オブジェクトにタイムゾーン機能を持たせる。タイムゾーンデータは、Olson ゾーン情報ファイルを使用して記録されます。
•date – 人間にとって使いやすい Date() メソッドがあります。
•ms.js – コンパクトなミリ秒変換ツール。

String
文字列ライブラリ。
•selecting – ユーザーが選択したテキストを取得できるライブラリ。
•underscore.string – Underscore.js の文字列操作を拡張します。
•string.js – 追加の JavaScript 文字列メソッド。
•he – 堅牢な HTML エンティティ エンコーダ/デコーダ。
•multiline – 複数行の文字列。
•query-string – URL クエリ文字列を解析して文字列化します。
•URI.js – URL 操作ライブラリ。
•jsurl – 軽量の URL 操作ライブラリ。
•sprintf.js – 文字列の書式設定を実装します。
•url-pattern – URL やその他の文字列の正規表現一致よりも簡単です。文字列とデータは相互に変換できます。

Number
•Numeral-js – 数値の書式設定と操作のためのライブラリ。
•odometer – スムーズなデジタルトランジションエフェクト。
•accounting.js – 数値、お金、通貨をフォーマットするための軽量ライブラリ – 完全にネイティブで依存関係はありません。
•money.js – Web および NodeJS 用の小さな (1kb) 通貨変換ライブラリです。
•Fraction.js – 有理数ライブラリ。
•Complex.js – 複素数ライブラリ。
•Polynomial.js – 多項式ライブラリ。

Storage
•store.js – Cookie やフラッシュを使用せずに、すべてのブラウザー用に LocalStorage をカプセル化します。 localStorage、globalStorage、およびユーザー データを秘密裏に使用します。
•localForage – オフライン ストレージの改善。 IndexedDB、WebSQL、localStorage をカプセル化し、シンプルで強力な API を備えています。
•jStorage – jStorage は、ブラウザ側でデータを保存するために使用される単純なキーと値のデータベースです。
•クロスストレージ – 許可を取得した後、ドメイン名を越えてローカルに保存できます。
•basket.js – localStorage を使用してスクリプトをロードおよびキャッシュするためのリソース ローダー。
•bag.js – Basket.js と同様に、スクリプトをキャッシュしてリソースを読み込むことができますが、キーと値のインターフェイスと localStorage / websql / undexedDB のサポートが追加されています。
•basil.js – スマート JavaScript データ永続ライブラリ。
•jquery-cookie – Cookie の読み取り、編集、削除のための軽量でシンプルな jQuery プラグイン。
•Cookie – クライアント側の Cookie 操作ライブラリ。
•DB.js – IndexDB をカプセル化する Promise ベースのライブラリ。
•lawnchair.js – シンプルなクライアント側の JSON ストレージ。

Color
•randomColor – JavaScript カラージェネレーター。
•chroma.js – さまざまな色操作を備えた JavaScript ライブラリ。
•color – JavaScript の色変換および操作ライブラリ。
•colors – よりスマートなデフォルトの Web カラー。
•PleaseJS – 目に心地よいランダムな色と配色を作成します。
•TinyColor – 高速で軽量な色の操作および変換ライブラリ。
•Vibrant.js – 画像から原色を抽出します。

国際化とローカライゼーション (I18n および L10n)

ローカライゼーションと国際化 JavaScript ライブラリ
•i18next – JavaScript の国際化 (i18n) の最も簡単な方法。
•polyglot – コンパクトな国際ヘルパー ライブラリ。
•babelfish – i18n はフレンドリーでわかりやすい API を提供し、さまざまなサポートが組み込まれています。

Class
•ClassManager – 世界で最も高速で便利なクラス システムの 1 つ。
•klass – 表現力の高いクラスを作成するためのツールのライブラリ。
•augment – 世界最小かつ最速のファーストクラス JavaScript 継承パターン。

制御フロー
•async – ノードとブラウザ用の非同期ツール ライブラリ。
•q – 非同期プロミスを実装する JavaScript ライブラリ。
•step – 論理順序を合理化する非同期制御フロー ライブラリ。
•contra – 関数型スタイルで実装された非同期フロー制御。
•Bluebird – 革新的な機能とパフォーマンスに重点を置いたフル機能の Promise ライブラリです。
•when – 高速かつ信頼性の高い、Promises/A 準拠の when() 実装と他の優れた非同期機能。
•ObjectEventTarget – イベント リスニングが追加されたプロトタイプを提供します (ブラウザーの動作における DOMElement の EventTarget と一致します)。

Routing
•director – URL と同型の小型ルーター。
•page.js – Express ルーターからインスピレーションを得た小さなクライアント側ルーター (~1200 バイト)。
•pathjs – シンプルで軽量な Web ルーター。
•クロスロード – JavaScript ルーティング。
•davis.js – PushState を使用する、RESTful でダウングレード可能な JavaScript ルーター。

セキュリティ
•DOMPurify – HTML、MathML、SVG用のDOM専用、高速でフォールトトレラント性の高いXSSフィルター。
•js-xss – ホワイトリスト構成を通じて、信頼できない HTML をフィルタリングできます (XSS 攻撃を防止します)。

Log
•log – スタイルを含む Console.log。
•Conzole – JavaScript ネイティブ コンソール オブジェクトのメソッドと関数をカプセル化して、ページ上に表示できるようにするデバッグ パネル。
•console.log-wrapper – ログをコンソールに明確に記録し、すべてのブラウザと互換性があります。
•loglevel – 最も軽量な JavaScript ロギング ツール ライブラリ。カプセル化された console.log メソッドに信頼性の高いロギング レベルを追加します。
•minilog – ストリーミング API で公開される軽量のクライアント側およびサーバー側のロギング ライブラリです。

正規表現
•RegEx101 – オンライン JavaScript 正規表現テスターおよびデバッガー。 Python、PHP、PCRE もサポートします。
•RegExr – 正規表現を作成、テスト、学習するための HTML/JS ツール。
•RegExpBuilder – 連鎖メソッドを使用して正規表現を作成します。

Media
•Ion.Sound – あらゆる Web ページで使用できるシンプルなオーディオ。

音声コマンド
•annyang – Web サイトに音声コマンドを追加するための音声認識ライブラリ。
•voix.js – Web サイト、アプリ、またはゲームに音声コマンドを追加するための JavaScript ライブラリ。

API
•ボトルネック – トラフィックの調整を容易にする強力な周波数リミッター。
•oauth-signature-js – ノードとブラウザー用の OAuth 1.0a 署名ジェネレーター。
•amygdala – Web アプリケーション用の RESTful HTTP クライアント ソリューション。
•jquery.rest – RESTful API を使いやすくする jQuery プラグイン。

視覚検出
•tracking.js – Web 上のコンピューティング ビジョンへの最新のアプローチ。
•ocrad.js – Emscripten を介した JavaScript の OCR (光学式文字認識)。

ブラウザ検出
•bowser – ブラウザ検出器。

コードハイライト
•Highlight.js – JavaScript構文ハイライト。
•PrismJS – 軽量、堅牢、エレガントな構文ハイライター。

読み込みステータス

ライブラリの読み込みステータスを示します。
•Mprogress.js – Google マテリアル デザイン スタイルで直線的な進行状況バーを作成します。
•NProgress – Ajax アプリケーションでスリムな進行状況バーを表示します。
•Spin.js – 回転する進行状況インジケーター。
•progress.js – ページ上の任意のオブジェクトの進行状況バーを作成および管理します。
•progressbar.js – SVG パスでアニメーション化された美しく応答性の高い進行状況バー。
•pace – Web サイトに進行状況バーを自動的に追加します。
•topbar – Web サイトと同じくらいの幅を持つ、小さくて美しい進行状況インジケーター。
•nanobar – 非常に軽量なプログレスバー。 jQueryに依存しません。
•PageLoadingEffects – SVG アニメーションを使用して新しいコンテンツを表示する最新の方法。
•SpinKit – CSS アニメーションを使用した読み込みインジケーターのコレクション。
•Ladda – ボタンに組み込まれた読み込みインジケーター。
•css-loaders – CSS アニメーションを使用した回転読み込みインジケーターのコレクション。

Codepen には、上記のライブラリ以外にも、Ajaxload、Preloader、CSSLoad などのジェネレーターが集められています。

Validation
•Parsley.js – JavaScript コードを 1 行も記述することなく、フロントエンドでフォームを検証します。
•jquery-validation – jQuery 検証プラグイン。
•validator.js – 文字列の検証とフィルタリング (ユーザー入力を使用前に有害または危険な文字からサニタイズする操作)。
•validate.js – CodeIgniter からインスピレーションを得た軽量のフォーム検証 JavaScript ライブラリ。
•validatr – クロスブラウザーの HTML5 フォーム検証ライブラリ。
•BootstrapValidator – フォームフィールドを検証するための最高の jQuery プラグインです。 Bootstrap 3 で使用します。
•is.js – 型、正規表現、存在、時間などをチェックします。
•FieldVal – 多目的検証ライブラリ。同期検証と非同期検証の両方をサポートします。

キーボード ラッパー
•mousetrap – キーボード ショートカットを処理するための JavaScript ライブラリ。
•keymaster – キーボード ショートカットを定義およびディスパッチするための小さなライブラリです。
•Keypress – 任意のキーを修飾キーとして使用できるタイプ キャプチャ ツールのライブラリ。
•KeyboardJS – キーボードの組み合わせをバインドするための JavaScript ライブラリで、ショートカット キーやショートカット キーの組み合わせの競合による煩わしさから解放されます。
•jquery.hotkeys – jQuery Hotkeys を使用すると、コード内の任意の場所でキーボード イベントをリッスンでき、ほぼすべてのキーの組み合わせがサポートされます。
•jwerty – 素晴らしいキーボードイベント処理ライブラリ。

参照とガイド
•intro.js – これは、新機能を紹介し、サイトやプロジェクトを段階的にユーザーに案内する優れた方法です。
•shepherd – アプリを通じてユーザーをガイドします。
•bootstrap-tour – Twitter Bootstrap ポップアップを使用して、製品をすばやく簡単にガイドします。
•tourist – シンプルで柔軟なアプリケーション ガイド導入ライブラリ。
•chardin.js – マスクレイヤーの適用についての簡単な紹介。
•pageguide – jQuery と CSS3 を使用した Web ページ要素のインタラクティブなガイダンス ライブラリです。
•石けり遊び – 開発者がページ上の製品にブートストラップを簡単に追加できるようにするフレームワーク。
•joyride – jQuery ベースの機能ブートストラップ プラグイン。
•focusable – ページの残りの部分にマスク レイヤーを追加することで、特定の DOM 要素にフォーカスを置くことができます。

通知
•メッセンジャー – Growl スタイルのポップアップとメッセージをアプリケーションに追加します (Crowl は Mac OS X の通知システムです)。
•noty – jQuery 通知プラグイン。
•pnotify – ブートストラップ、jQuery UI、および Web 通知ドラフト用の JavaScript 通知ライブラリ。
•toastr – 単純なポップアップ ボックス通知 (トースト通知: 自動的に期限切れになる単純な情報ウィンドウを表示するために使用されます)。
•humane-js – シンプルでスタイリッシュなブラウザ通知システム。
•smoke.js – カスタマイズ可能なスタイルを備えた、フレームワークに依存しない JavaScript ポップアップ システム。

スライドショー
•スワイパー – ハードウェア アクセラレーションによるトランジションを使用するモバイル デバイス用のタッチ スライダー フレームワーク。
•slick – 必要となる最後のカルーセル プラグイン。
•slidesJs – タッチ、CSS3 トランジション、その他の機能を備えたレスポンシブ jQuery (1.7.1) スライドショー プラグイン。
•FlexSlider – 素晴らしく、完全に応答性の高いスライドショー jQuery プラグイン。
•unslider – 最も単純なスライドショー jQuery プラグイン。
•colorbox – 軽量でカスタマイズ可能なライトボックス jQuery プラグイン。
•fancyBox – ページ上の画像、HTML コンテンツ、マルチメディアにズーム機能を追加する優れたエレガントな方法を提供するツールです。
•sly – 一方向スクロールをサポートする項目ベースのナビゲーション用の JavaScript ライブラリ。
•vegas – ページに美しい全画面背景を追加し、スライドショーも可能にする jQuery プラグイン。
•Sequence – レスポンシブなスライドショー、プレゼンテーション、バナー広告、ステップベースのアプリを作成するための CSS アニメーション フレームワーク。
•baguetteBox.js – 純粋な JavaScript で実装された使いやすいマスキング レイヤー スクリプト。
•reveal.js – HTML で美しいプレゼンテーション コントロールを作成するためのフレームワーク。
•PhotoSwipe – モバイルおよびデスクトップ向けのモジュール式でフレームワークフリーの JavaScript ギャラリー コントロール。
•jcSlider – CSS アニメーションを備えたレスポンシブ スライドショー jQuery プラグイン。
•basic-jquery-slider – 使いやすく、テーマもカスタマイズも簡単です。
•unslider – これはスライドショー用の最も単純な jQuery プラグインです。
•jQuery.adaptive-slider – アダプティブカラーのタイトルとナビゲーションを備えたスライドショー jQuery プラグイン。
•slidr – スライド効果を追加できます。
•Flickity – タッチ可能で応答性が高く、フリック可能なギャラリー。

スライダー コントロール
•Ion.RangeSlider – 多くの構成とスキンをサポートする、強力で簡単にカスタマイズ可能なレンジ スライダー選択ライブラリです。
•jQRangeSlider – 日付をサポートするスライダー選択ライブラリ。
•noUiSlider – 軽量で冗長性のない、高度にカスタマイズされたスライダー選択ライブラリです。
•rangeslider.js – HTML5 入力範囲スライダー要素。

フォームコンポーネント

Input
•typeahead.js – 高速でフル機能の自動補完ライブラリ。
•tag-it – マルチタグフィールドとタグの提案/オートコンプリートを処理する jQuery UI プラグイン。
•At.js – Github のようなオートコンプリート機能をアプリに追加します。
•Placeholders.js – HTML5 プレースホルダーの JavaScript プロパティ補完。
•fancyInput – CSS3 効果を使用して入力をより興味深いものにします。
•jQuery-Tags-Input – この jQuery プラグインを使用すると、単純なテキスト入力が魔法のようにタグのクールなリストに変換されます。
•vanilla-masker – 純粋な JavaScript で実装された入力制御ライブラリ。
•Ion.CheckRadio – チェックボックスとラジオ ボタンをスタイル設定するための jQuery ライブラリで、複数のスキンをサポートします。

Calendar
•pickadate.js – モバイル対応、応答性の高い軽量の jQuery 日付と時刻入力ピッカー。
•bootstrap-datepicker – ブートストラップベースのカレンダーピッカー。
•Pikaday – 新しい JavaScript 日付ピッカー – 軽量、依存関係のないモジュール式 CSS。
•fullcalendar – フルサイズのドラッグ アンド ドロップ イベント カレンダー (jQuery プラグイン)。
•rome – カスタマイズ可能な日付 (および時刻) ピッカー。依存関係はなく、UI はオプションです。
•datedropper – datedropper は、日付入力ボックスをすばやく簡単に管理する方法を提供する jQuery プラグインです。

Select
•selectize.js – Selectize は、テキスト ボックスと選択ボックスのハイブリッドです。これは jQuery に基づいており、タグや連絡先リストなどに使用できるオートコンプリート機能とキーボード対応のドロップダウン リストがあります。
•select2 – jQuery に基づいており、選択ボックスの代替品です。検索、リモート データセット、無限スクロールをサポートします。
•chosen – 長くて不便な選択ボックスをより使いやすくするライブラリ。

ファイル アップロード
•jQuery-File-Upload – ファイル アップロードは、複数のファイルの選択、ファイルのドラッグ アンド ドロップ、プログレス バー、検証と画像、音声、ビデオのプレビューをサポートする jQuery プラグインです。
•dropzone – Dropzone は、複数のファイルのドラッグ アンド ドロップをサポートする使いやすいライブラリです。画像プレビューをサポートしており、優れたプログレスバー効果を備えています。
•flow.js – 複数の同時接続、安定したフォールトトレラント、回復可能/再開可能なファイル アップロード ライブラリを提供する HTML5 経由のファイル API。
•fine-uploader – プログレスバー、ドラッグアンドドロップ機能、S3 (Amazon Simple Storage Service) への直接アップロードのサポートを備えたマルチファイル アップロード プラグイン。
•FileAPI – JavaScript ファイル ツールのコレクション。複数のファイルのアップロード、ドラッグ アンド ドロップ、およびチャンクでのファイルのアップロードをサポートします。画像については、トリミング、サイズ変更、EXIF に基づく自動方向設定がサポートされています。
•plupload – ファイルのアップロードを処理する JavaScript API で、複数のファイルの選択、ファイル タイプのフィルタリング、チャンク化されたリクエスト、クライアント側の画像のスケーリング、およびさまざまなランタイム環境に基づく HTML5、Silverlight、および Flash の選択をサポートします。

その他
•form – jQuery フォーム プラグイン。
•Garlic.js – フォームが送信されるまで、フォーム テキストと選択ボックスの値をローカルに自動的に保存します。
•Countable – HTML 要素に含まれるテキストの段落、単語、文字数をカウントする JavaScript 関数。
•card – たった 1 行のコードでクレジット カード フォームを使いやすくします。
•stretchy – 適応サイズのフォーム要素、フォームの外観。
•list.js – テーブル、リストなどの HTML 要素に検索、並べ替え、フィルタリング、適応機能を追加するライブラリです。既存の HTML に視覚化を追加します。

Tips
•tipsy – jQuery に基づく Fackbook スタイルのツールチップ。
•opentip – プロトタイプ フレームワークに基づくオープン ソースの JavaScript ツールチップ ライブラリ。
•qTip2 – 非常に強力なツールチップ ライブラリです。
•tooltipster – ツールチップ jQuery プラグイン。
•simptip – Sass で作成されたシンプルなツールチップ。
•jquery-popup-overlay – 応答性が高く、アクセス性の高いモーダル ボックス (モーダル) およびツールチップ ボックスの jQuery プラグインです。

モーダルとポップアップ
•Magnific-Popup – パフォーマンスを重視した、軽量で応答性の高いライトボックス スクリプト。
•jquery-popbox – jQuery プロンプト ボックス プラグイン。
•jquery.avgrund.js – 新しいポップアップ モーダル ボックス jQuery プラグイン。
•vex - 高度に構成可能で簡単にスタイル設定できる新しいダイアログ ライブラリ。
•bootstrap-modal – Bootstrap のデフォルトのモーダル クラスを拡張します。レスポンシブ、スタッカブル、ajax などをサポートします。
•css-modal – 純粋な CSS で構築されたモーダル ボックス。
•jquery-popup-overlay – モーダル ボックスとツールチップ用の、応答性が高くアクセス性の高い jQuery プラグインです。

Scroll
•scrollMonitor – スクロールが発生したときに要素を監視できるシンプルで高速な API。
•headroom – ページ ヘッダー (ヘッダー) を表示する必要がない限り、ページ ヘッダーのスペースを空けるために非表示になります。
•onepage-scroll – Apple のような 1 ページ スクロール Web サイト (iPhone 5S Web サイト) を作成します。
•iscroll – 高性能、軽量、依存関係のない、マルチプラットフォーム互換の JavaScript スクロール コンポーネント。
•skrollr – モバイル デバイス (Android iOS) およびデスクトップ コンピューター用のスタンドアロン (jQuery に依存しない) 視差スクロール ライブラリ。
•parallax – スマートデバイス用の視差エンジン。
•stellar.js – 視差スクロールが簡単になりました。
•plax – jQuery ベースの視差ライブラリ。
•jparallax – インタラクティブな視差効果を作成するための jQuery プラグイン。
•fullPage – 全画面スクロール Web サイト (シングルページ Web サイトとも呼ばれます) を作成するためのシンプルで使いやすいプラグインです。
•ScrollMenu – 古い退屈なスクロール バーに新しい外観を与えます。

Menu
•jQuery-menu-aim – ユーザー カーソルが特定のドロップダウン メニュー項目に置かれたときに発生するイベント。 Amazon のような、応答性に優れた大容量データ量のドロップダウン メニューを作成できます。
•jQuery contextMenu – 右クリック メニュー (contextMenu) 管理ツール。
•スライドアウト – モバイル デバイス上の Web アプリケーション用に、応答性の高いタッチ対応のスライドアウト ナビゲーション メニューを作成します。
•スライドとスワイプ – touchSwipe ライブラリに基づくスライドアウト メニュー プラグイン。

Table/Grid
•jTable – CRUD テーブルに基づいて AJAX を作成するための jQuery プラグイン。
•DataTables – これは、プログレッシブ エンハンスメントに基づいて、HTML テーブルに高度なインタラクティブ効果を追加する非常に柔軟なツールです。 (jQuery プラグイン)
•floatThead – (jQuery プラグイン) テーブル ヘッダーをロックし、テーブル コンテンツのみのスクロールを許可します。あらゆるテーブルで動作し、追加の HTML や CSS は必要ありません。
•Masonry – ウォーターフォール グリッド レイアウト ライブラリ。
•Packery - ビンパッキングアルゴリズムを使用したグリッドレイアウトライブラリ。ドラッグ アンド ドロップ レイアウトをサポートします。
•同位体 – Masonry、Packery、その他のレイアウトを実装できる、フィルタリングおよび並べ替え可能なグリッド レイアウト ライブラリ。

フレームワーク
•セマンティック UI – 幅広いテーマと要素を備えた UI キット。

ジェスチャー
•hammer.js – 複数のタッチ ジェスチャーを備えた JavaScript ライブラリ。
•touchemulator – デスクトップ コンピューターでのタッチ入力をシミュレートします。
•Dragula – 非常に使いやすいドラッグ アンド ドロップ ライブラリ。

Map
•Leaflet – モバイル対応のインタラクティブな地図 JavaScript ライブラリ。
•Cesium – WebGL に基づくオープンソースの仮想地球儀および地図エンジン。
•gmaps – Google マップを使用する最も簡単な方法。
•polymaps – 動的でインタラクティブなマップを作成するための、最新の Web ブラウザ互換の無料の JavaScript ライブラリです。
•kartograph.js – オープンソース Kartograph SVG マップ レンダラー。
•mapbox.js – Mapbox API、Leaflet プラグイン。
•jqvmap – ベクター マップ jQuery プラグイン。
•OpenLayers3 – マップのあらゆるニーズを満たすことができる、高性能で機能が豊富なライブラリです。

ビデオ/オーディオ
•prettyembed.js – YouTube でのより良い埋め込み – 高解像度プレビュー、埋め込みオプションの高度なカスタマイズ、オプションの FitVids サポートなどの優れたオプションを備えています。
•html5media – すべての主要なブラウザでマルチメディア タグで定義されたマルチメディア ファイルを再生できます。 http://html5media.info/
•Play-em JS – Play'em は、複数のプレーヤー (Youtube、Soundcloud、Vimeo) を埋め込んでシリーズの再生を制御することで、音楽/ビデオの再生シーケンスを管理する JavaScript コンポーネントです。曲の。
•polyplayer – YouTube、Soundcloud、Vimeo プレーヤー API を 1 つに統合します。
•flowplayer - HTML5 ビデオ プレーヤー http://flowplayer.org/
•mediaelement - HTML5 メディア要素 API を模倣する HTML5、Flash プレーヤー、および Silverlight シムがすべてのブラウザーで一貫した UI を持つことができます。 http://mediaelementjs.com/
•SoundJS – Web 上でのオーディオの実行を容易にするライブラリです。異なるブラウザ間で一貫した API を提供します。

Animation
•velocity – JavaScript アニメーションを高速化します。
•jquery.transit – 非常にスムーズな CSS3 変換と遷移を備えた jQuery プラグイン。
•impess.js – CSS3 変換とトランジションを使用して、HTML ドキュメントに Prezi のようなプレゼンテーション効果を作成します。
•bounce.js – 楽しい CSS3 アニメーションをすぐに作成します。
•GreenSock-JS – すべての主要ブラウザ用の高性能 HTML5 アニメーション。
•TransitionEnd – TransitionEnd は、transitionend イベントを使用するクロスブラウザー ライブラリです。
•Dynamic.js – 物理ベースの CSS アニメーションを作成するためのライブラリ。

画像処理
•lena.js – フィルターと実用的な機能を備えた画像処理ライブラリ。
•pica – 高品質の画像サイズ変更 (Lanczos フィルター アルゴリズムの高速で純粋な JS 実装を使用)。
•cropper – シンプルな画像トリミング jQuery プラグイン。

ECMAScript 6
•es6features – ECMAScript 6 機能の概要。
•es6-features – ECMAScript 6: 機能の概要と比較。
•ECMAScript 6 互換性テーブル – 互換性テーブルは、さまざまなプラットフォームにおけるすべての ECMAScript 6 機能のサポート レベルを示します。
•Babel (旧 6to5) – ES6 コードを純粋な ES5 に変換します。
•Traceur コンパイラ – ES5 に変換された ES6 の機能。クラス、ジェネレーター、Promise、分割パターン、デフォルトパラメーターなどが含まれます。

ソフトウェア開発キット
•javascript-sdk-design – 仕事や個人的な経験から抽出された JavaScript SDK 設計ガイダンス。

Hodgepodge
•echo – data-* 属性を使用した画像の遅延読み込み。
•picturefill – ブラウザーが srcset 属性と size 属性をサポートできるようにする、応答性の高い画像表示プラグイン。
•platform.js – ほぼすべての JavaScript プラットフォームで動作するプラットフォーム検出ライブラリ。
•json3 – ほぼすべての JavaScript プラットフォームと互換性のある最新の JSON 実装ライブラリ。
•Logical Or Not – JavaScript の機能に関するゲーム。
•BitSet.js – ビット ベクトルを実装する JavaScript ライブラリ。

以上がJavaScript 関数プラグインのリスト (超包括的)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事はsegmentfault思否で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
CおよびJavaScript:接続が説明しましたCおよびJavaScript:接続が説明しましたApr 23, 2025 am 12:07 AM

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

Webサイトからアプリまで:JavaScriptの多様なアプリケーションWebサイトからアプリまで:JavaScriptの多様なアプリケーションApr 22, 2025 am 12:02 AM

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

Python vs. JavaScript:ユースケースとアプリケーションと比較されますPython vs. JavaScript:ユースケースとアプリケーションと比較されますApr 21, 2025 am 12:01 AM

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

JavaScript通訳者とコンパイラにおけるC/Cの役割JavaScript通訳者とコンパイラにおけるC/Cの役割Apr 20, 2025 am 12:01 AM

CとCは、主に通訳者とJITコンパイラを実装するために使用されるJavaScriptエンジンで重要な役割を果たします。 1)cは、JavaScriptソースコードを解析し、抽象的な構文ツリーを生成するために使用されます。 2)Cは、Bytecodeの生成と実行を担当します。 3)Cは、JITコンパイラを実装し、実行時にホットスポットコードを最適化およびコンパイルし、JavaScriptの実行効率を大幅に改善します。

JavaScript in Action:実際の例とプロジェクトJavaScript in Action:実際の例とプロジェクトApr 19, 2025 am 12:13 AM

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

JavaScriptとWeb:コア機能とユースケースJavaScriptとWeb:コア機能とユースケースApr 18, 2025 am 12:19 AM

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンの理解:実装の詳細JavaScriptエンジンの理解:実装の詳細Apr 17, 2025 am 12:05 AM

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Python vs. JavaScript:学習曲線と使いやすさPython vs. JavaScript:学習曲線と使いやすさApr 16, 2025 am 12:12 AM

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい