Web・フロントエンド・バックエンド– category –
-
Lottie とは AE で作るアニメーションを JSON 配信
Lottie（ロティ）は、Adobe After Effects（AE）で作成したアニメーションを JSON 形式で書き出し、Web・iOS・Android・React Native などの各プラットフォームでネイティブにレンダリングできるようにする仕組みおよびライブラリ群の総称です。2017 年に ... -
Framer Motion とは React 向け宣言的アニメーション
Framer Motion（フレーマーモーション）は、Web デザインツール Framer を提供する Framer 社が開発する、React 向けのアニメーションライブラリです。前身は「Pose」と呼ばれるライブラリで、Framer Motion として大幅に再設計され、現在は React コミュ... -
GSAP とは商用 Web アニメーションの定番エンジン
GSAP（ジーサップ、GreenSock Animation Platform）は、米国 GreenSock 社が開発する JavaScript アニメーションライブラリです。原型は 2008 年頃に ActionScript 向けに登場し、その後 Flash 衰退とともに JavaScript 版へ軸足を移して進化してきました... -
Babylon.js とは Microsoft 発の Web ゲームエンジン
Babylon.js（バビロンジェイエス）は、ブラウザ上で 3D・2D グラフィックスやゲームを開発するためのオープンソース JavaScript フレームワークです。2013 年に Microsoft のエンジニアである David Catuhe 氏らが社内プロジェクトとして開発を開始し、そ... -
Three.js とは WebGL を扱う 3D 描画ライブラリの定番
Three.js（スリージェイエス）は、ブラウザ上で 3D グラフィックスを描画するための JavaScript ライブラリです。2010 年に Ricardo Cabello 氏（通称 Mr.doob）によって公開され、WebGL の冗長な API をシーン・カメラ・メッシュといった直感的な抽象でラ... -
Observable — D3作者が立ち上げたノートブック型可視化基盤
Observableは2017年にD3.jsの作者Mike BostockとMelody Mecklerが設立した、Web上のJavaScriptノートブック型可視化プラットフォームです。Jupyter Notebookに着想を得た「セル単位の実行と可視化」をブラウザだけで完結させ、D3.jsをはじめとする可視化ラ... -
Vega-Lite — Vega を簡素化した高レベル可視化文法
Vega-Liteは2016年にワシントン大学Interactive Data LabのKanit Wongsuphasawat、Dominik Moritz、Arvind Satyanarayan、Jeffrey Heerが発表した、Vegaの上位に位置する高レベルな可視化文法です。Vegaが低レベルな部品を組み合わせるのに対し、Vega-Lite... -
Vega — JSON文法で可視化を宣言する研究系ライブラリ
VegaはワシントンUW Interactive Data Lab（旧StanfordのHCI Group）が開発した、データ可視化のための宣言的文法です。棒グラフや散布図のような既製チャートを呼び出す代わりに、データ、変換、スケール、軸、マーク、エンコーディングといった可視化の... -
visx — Airbnb発の低レベルReact可視化コレクション
visx（旧称vx）は2017年にAirbnbのデータ可視化チームが公開したReact向け可視化ライブラリ集合です。Rechartsのような「完成品コンポーネント」ではなく、Scale、Shape、Axis、Group、Glyph、Tooltipといったプリミティブを30以上のサブパッケージに分割... -
Recharts — D3とReactを橋渡しする宣言的チャート
Rechartsは2015年に公開されたReact向けチャートライブラリで、内部でD3.jsのscale/shape系モジュールを利用しつつ描画はReactの仮想DOMに委ねる「Use D3 for math, React for DOM」パターンを採用しています。LineChart、BarChart、AreaChart、PieChartと...
