2
3

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 5 years have passed since last update.

javascript libray

Last updated at Posted at 2018-09-20

javascript ライブラリ

Webサイトを制作する際にライブラリを探すのが手間だと思いまとめました。
(独自のライブラリを持ってる方は読んでも特に得るものはないかと思います。)
読んだ方で普段使用しているライブラリがない方はコメント頂けると幸いです。

追加・Typed.jsを追加

各種ライブラリ一覧

◆アニメーション

・Tween Max
 ソース
 使い方
 ライセンスについて
・velocity(MIT)
 ソース
 使い方

◆テキストアニメーション

・Typed.js
ソース

◆SVGアニメーション

・paper.js(MIT)
使い方
ソース

◆スライダー

・slick(MIT)
 ソース
 使い方
・owl-carousel2(MIT)
 ソース
 使い方
・bxslider(MIT)
 ソース
 使い方

◆モーダル

・remodel.js(MIT)
 ソース
 使い方
・featherlight.js(MIT)
 ソース
 使い方
・colorbox(MIT)
 ソース
 使い方

◆メニュー

・drawer(MIT)
 ソース

◆円グラフをアニメーション

・easy-pie-chart.js(MIT)
 ソース
 使い方

◆画像、加工

・glfx.js(MIT)
 ソース

◆エンコード用のjs

ソースにある文字をエンコードするjs(デコードも可能)
・encoding.js(MIT)
 ソース
 使い方

◆ユーザーエージェント

・ua-parser-js(MIT GPLv2)
 ソース

・UserAgent.js(MIT)
 ソース
 wiki

◆ロードに関するもの

・imagesloaded(MIT)
imageが読み込まれた後に関数を実行させる
 ソース
 使い方

◆ブラウザ・各種判定

・modernizr(MIT)
ブラウザで機能をサポートしているか判定する
 ソース
 使い方

・jquery-browser-plugin(MIT)
どのブラウザを使用しているか判定する
ソース
使い方

◆placeholder(プレースホルダー)

・jquery-placeholder(MIT)
ie9でプレースホルダーを実装
 ソース

◆cookie

・js-cookie(MIT)
クッキーの制御
 ソース

◆非同期通信

・pjax(MIT)、IE11、defunkt版
 ソース

・pjax(MIT)、ie非対応、falsandtru版
 ソース

・es6-promise(MIT)
連続して非同期通信をする場合使用(promiseメソッドがieで対応してないので、ie用に使用する)
 ソース
 理解(使い方)

◆スクロール

・jquery-smooth-scroll(MIT)
アンカーなどのページ内遷移をスクロールしながら移動する
 ソース
 使い方

・jquery-mousewheel(MIT)
スクロールイベントの制御
 ソース
 使い方

・jScrollPane(MIT or GPL)
スクロールバーのデザイン変更
 ソース
 使い方

・nanoscrollerjs(MIT)
スクロールバーのデザイン変更
 ソース

・jquery.scrollto(MIT)
特定の箇所にアニメーションしながらスクロール
 ソース
 使い方

・jquery.inview(WTFPL)
ウィンドウ内に要素が表示された時に処理を行う
 ソース
 使い方1
 使い方2

・ScrollMagic(MIT and GPL)
スクロールアニメーション用ライブラリ
 ソース
 使い方1

・scroll reveal(MIT)
スクロールアニメーション用ライブラリ
 ソース
 使い方1

・animate on scroll(MIT)
スクロールアニメーション用ライブラリ
 ソース
 使い方1

◆配列、オブジェクトの操作

・underscore.js(MIT)
配列,オブジェクトの操作をはじめ,関数,オブジェクトなどを扱う際の便利関数が80あまり定義されてる
 ソース
 使い方
 Underscore.jsのおすすめメソッド12選

・lodash.js(MIT)
 ソース

◆イベント、スクロール・リサイズ・クリック

・jquery-throttle-debounce(MIT or GPL)
スクロール、リサイズした時に、数秒ごとにイベントを発生させる
 ソース
 使い方

・fastclick(MIT)
スマホのクリック反応を速くする
 ソース
 使い方

◆パララックス

・パララックスまとめ
 サイト

◆flexbox

flexboxが対応していない端末用。flexboxのポリフィル
 ソース
 使い方

◆sectionごとのスクロール(フルスクリーン・パララックス)fullPage.js

・フルスクリーンでのスクロール制御ができる、途中にsliderも入れられる
 サイト

2
3
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
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?