WEB制作でモダーンなホームページ制作を目指して、
いろんなライブラリーを使ってみました。
せっかくなのでその感想と今後使ってみたいライブラリの紹介をしたいと思います。
最近マスターした技術:
-
アニメーション(SVGやDOMなど割となんでも)
https://greensock.com/gsap/
パフォーマンス!なんでもできる
慣れるまで時間かかる、覚えないといけないことが多いい
-
慣性スクロール
https://locomotivemtl.github.io/locomotive-scroll/
パフォーマンス!カスタマイズ性が高い。
ピードやラープなどの設定が可能ですが、ブラウザーによってスUXが大きく変わります。チェックしながら調整しないといけない。
-
非同期画面遷移 : https://barba.js.org/
ページ遷移までアニメーションかけられる、ページ遷移がかなり軽くなる。vueやreactなどの知識がなくてもモダーンなWEBサイトが作れる。
ちょっと複雑、いろいろ気をつけないといけないことがある。Nuxtなどの方が開発スピードが速いかも。
もっと使いたい、絶対マスターしたいライブラリー
-
WEBGL経由で3Dコンテンツを制作できる
https://threejs.org/ -
WEBGL経由でVRコンテンツを制作できる
https://aframe.io/
さらに試したいライブラリー
-
CANVASのためのライブラリー
https://www.createjs.com/ -
慣性スクロール(&カスタムバーLOCOMOTIVEより機能が少なくてシンプルかも)
https://idiotwu.github.io/smooth-scrollbar/
以上です!