7
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

フロントエンドでよく使う便利なプラグインとツールライブラリのご紹介

Last updated at Posted at 2022-07-24

序文

開発では、再利用しやすくするために、一般的に使用されるコードブロックと関数ブロックをカプセル化することがよくあります。 次に、それを抽出して独立して機能を完了し、APIまたは構成アイテムを介して他のパーツと対話し、プラグインを形成します。

以下は、私が仕事で蓄積したいくつかの一般的なフロントエンドオープンソースプラグインであり、ここにのみリストされています。詳細な使用法は、各プラグインまたはGayhubの公式Webサイトで紹介されています。 注:ソリューションには複数のプラグインが存在することが多く、読者は実際のビジネスニーズに応じて選択する必要があります。交換と補足のためにメッセージを残してください。 ^ _ ^

関数ライブラリ

Lodash(推奨):https://github.com/lodash/lodash
Underscore:https://underscorejs.org/
Ramda:https://github.com/ramda/ramda
outils:https://github.com/proYang/outils
30-seconds-of-code:https://github.com/30-seconds/30-seconds-of-code

アニメーションライブラリ

Animate.css

CSS3アニメーションライブラリは、現在最も一般的なアニメーションライブラリでもあります。
https://daneden.github.io/animate.css/

Anime.js:
アニメーション用の強力で軽量なJavaScriptライブラリ
http://animejs.com/

Hover.css:
CSSホバーホバー効果は、リンク、ボタン、画像などに適用できます。
https://github.com/IanLunn/Hover

wow.js:
スクロールアニメーション
WOW.jsはanimate.cssに依存しているため、animate.cssで60種類以上のアニメーション効果をサポートしています。
https://github.com/matthieua/WOW

scrollReveal.js:
wow.jsに似ています
https://github.com/jlmakes/scrollreveal

Magic.css:
css3アニメーションアニメーションライブラリ
https://github.com/miniMAC/magic

Waves:
クリック波及効果
github.com/fians/Waves

move.js:
JSを介した一連のCSSアニメーションの順次実行を制御する小さなJavaScriptライブラリであり、CSS3アニメーションを非常にシンプルでエレガントなものにします。
https://github.com/visionmedia/move.js

Velocity.js:
フェード、スクロール、スクロール、停止、終了、反転などのアニメーション効果を含むフル機能のJavaScriptアニメーションスイート。
https://github.com/julianshapiro/velocity

7
1
0

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
7
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?