ねほり.com

何もないから何かみつかる

JSのグラフライブラリ・アニメーションライブラリの現状トレンド

      2017/04/25

JSライブラリは多種多様に存在する。

グラフィックライブラリのトレンド

グラフィックライブラリは特に多い、多すぎる。

FusionCharts 、HighCharts 、 Google Charts 、 Sencha ExtJS Charts 、 Chart.js 、 Flot 、 jqPlot 、 amCharts 、 gRaphaël、chartist.js、c3.js 、Canvas.js、plotly.js、taucharts.js、sigma.js などなど。

今まで個人サイトのものを使ってたけど、先週 Chart.js に乗り換え始めた。

が、そもそも今選択するなら何がよいのか調べてみた。

1

HighCharts は人気だけど、商用は有償なので検討しないことにする。

Highcharts Single Developer License : 57,213 円

Google Chartsを採用するのが正しいようです。

業務でamChartsを使っている人もいたので、更に細かく比較してみた。

2

Google Chartsを使わないのであれば、Chart.jsを使うことで、特に問題なさそうです。

グラフィカルなグラフが簡単に書けるようです。

便利な世の中になりました。

アニメーションライブラリのトレンド

インタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。

2D系エンジン

これも沢山ある。

CreateJS、Arctic.js、enchant.js、Pixijs、Processing.js、phina.js、animate、Cocos2d-html5

国産のphina.jsが人気そうに見えたので、使ってみたが本当に人気なのかな?

CreateJSはFlashと非常に親和性の高いHTML5フレームワーク。adobe社が作ってる。

Pixijsは、機能は少ないが、とにかく描画が圧倒的に速い。

pixijs-v4-logo

phina.jsは、ゲームエンジンというよりもより総合的なフレームワーク。tmlib.jsの後継。

Clipboard01

世の中のトレンドはPixijsかなぁ・・・、よく分からない。

3D系エンジン

こちらは処理速度の問題で少ない。

three.js

まだUnity使うのが正しいようです。

 - 2017年, Web技術, テクノロジー

  関連記事

Protra使い方発展編(年毎の取引回数と総合利益を表示する)

先月は8万の損。 何だよクソが、人生始まってから負けてばかりじゃねぇかよ。 先月 …

「大企業のほうが成長できるとか完全にウソ」は多分ウソ

とあるサイト「大企業に就職することの本当のメリット5つ、デメリット5つ」によると …

千葉公園のハス池でグッピー捕り(千葉県千葉市)

千葉公園は「大賀ハス」のハス池が有名です。 ただし10月になると、完全に枯れてし …

量産型MVP(事業部内MVP 2017を受賞)

会社のソフトウェア事業部で「年間MVP」をもらいました。 事業部は150人程度の …

加藤浩一氏の手法(BB&RSI)の有効性検証(protraシストレ)

チームに分かれて3ヶ月かけて検討したマネージャとガチンコ勝負の「社内コンペ」が終 …

池辺雪子氏の投資手法の有効性検証(protraシストレ)

「FX専業トレーダー生活」のブログに次のように書いてあります・・・ システムトレ …

適当に買った場合の有効性検証(protraシストレ)

自分がprotraを使って何をしてるのか分からなくなってきました・・・。 何をや …

スマホで波乗り株投資法(うねり取り手法:下山敬三氏編)

1.損切り(ロスカット)しない 2.取引するのはわずか1銘柄 3.1日3分だけ! …

ドラえもんVRで垣間見た新しい視覚体験

バンダイナムコエンターテインメントが製作したVRアトラクション『ドラえもんVR「 …

エンジニアによる品質保証(品質説明力編)

「バグ出しのテスト」をすれば品質が保証できると思いがちですが、そうではありません …