Web・フロントエンド・バックエンド– category –

Formikは2018年にJared Palmer氏が公開した、React向けのフォーム状態管理ライブラリである。Reactで複雑なフォームを書くにはreduxやコンポーネント状態の駆使が必要で煩雑だった時期に登場し、「フォームの値・タッチ状態・エラー・送信状態を一元管理す...

React Hook Formは2019年にBill Luo氏が公開した、React用のフォーム管理ライブラリである。「非制御コンポーネントとrefを軸に再描画を最小化し、フォームのパフォーマンスを根本から見直す」という大胆な設計で登場し、瞬く間にFormikを置き換えるデファ...

Popmotion（ポップモーション）は、JavaScript のアニメーションや物理シミュレーションを低レベルから制御するためのライブラリです。Framer Motion の作者でもある Matt Perry 氏によって設計されており、Framer Motion の内部で使われているモーション...

React Spring（リアクトスプリング）は、React 向けに作られた物理ベースのアニメーションライブラリです。Paul Henschel 氏（drcmda）らによって 2018 年頃から開発されており、バネ（spring）の物理モデルをベースに、tension（張力）、friction（摩擦）...

p5.js（ピーファイブジェイエス）は、もともとアートやデザイン教育の文脈で誕生した Java ベースの「Processing」言語の理念を、JavaScript の世界に持ち込んだクリエイティブコーディング向けライブラリです。2014 年に Processing Foundation の支援を...

Anime.js（アニメジェイエス）は、フランスのエンジニア Julian Garnier 氏が 2017 年頃に公開した、軽量な JavaScript アニメーションライブラリです。CSS プロパティ、SVG 属性、DOM の data 属性、JavaScript オブジェクト、Transform など、ほぼあらゆ...

PixiJS（ピクシージェイエス）は、ブラウザ上で 2D グラフィックスを高速にレンダリングするための JavaScript ライブラリです。2013 年にイギリスのスタジオ Goodboy Digital が公開し、現在は OSS コミュニティを巻き込みながら開発が続いています。WebG...

Lottie（ロティ）は、Adobe After Effects（AE）で作成したアニメーションを JSON 形式で書き出し、Web・iOS・Android・React Native などの各プラットフォームでネイティブにレンダリングできるようにする仕組みおよびライブラリ群の総称です。2017 年に ...

Framer Motion（フレーマーモーション）は、Web デザインツール Framer を提供する Framer 社が開発する、React 向けのアニメーションライブラリです。前身は「Pose」と呼ばれるライブラリで、Framer Motion として大幅に再設計され、現在は React コミュ...

GSAP（ジーサップ、GreenSock Animation Platform）は、米国 GreenSock 社が開発する JavaScript アニメーションライブラリです。原型は 2008 年頃に ActionScript 向けに登場し、その後 Flash 衰退とともに JavaScript 版へ軸足を移して進化してきました...