Web

ウェブサイトで使われているJavaScript（アニメーション等）を調べる方法

ウェブサイト制作に関する専門的な話です

アニメのウェブサイトとかって結構派手なアニメーションが使われてたりしますよね
例えばダーリン・イン・ザ・フランキスで使われているナビゲーションの文字のアニメーションが結構かっこいいです

実際に自分でも使ってみたいなって思った時に、どのプラグインが使われているのか調べる方法というか考え方を伝授します

まず、ウェブサイトにアクセスして 要素を検証します

今回はナビゲーションで使われているアニメーションを調べたいのでクラスを調べます
今回はmain_menuクラスですね。
つぎにデバッガーを開いて、 main_menuで検索をかけます。
するとchaffleというメソッドでアニメーションされていることが推測できます。

jquery.chaffle.min.jsといういかにもそれらしいプラグインが使われているので、グーグル検索をするとこのプラグインでアニメーションが動いてることが分かりました！

ほかのJavaScriptも同じような手順で探せると思います。