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

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 版へ軸足を移して進化してきました...

Babylon.js（バビロンジェイエス）は、ブラウザ上で 3D・2D グラフィックスやゲームを開発するためのオープンソース JavaScript フレームワークです。2013 年に Microsoft のエンジニアである David Catuhe 氏らが社内プロジェクトとして開発を開始し、そ...

Three.js（スリージェイエス）は、ブラウザ上で 3D グラフィックスを描画するための JavaScript ライブラリです。2010 年に Ricardo Cabello 氏（通称 Mr.doob）によって公開され、WebGL の冗長な API をシーン・カメラ・メッシュといった直感的な抽象でラ...

Observableは2017年にD3.jsの作者Mike BostockとMelody Mecklerが設立した、Web上のJavaScriptノートブック型可視化プラットフォームです。Jupyter Notebookに着想を得た「セル単位の実行と可視化」をブラウザだけで完結させ、D3.jsをはじめとする可視化ラ...