JavaScript：jQuery＋Bootstrap＋GoogleCharts＋Spine＋RequireJSのサンプル のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JavaScript：jQuery＋Bootstrap＋GoogleCharts＋Spine＋RequireJSのサンプル へ行く。
  • 1 (2014-03-09 (日) 17:53:17)

JavaScript?：jQuery＋Bootstrap＋GoogleCharts?＋Spine＋RequireJSのサンプル †

jQueryとBootstrapとGoogleCharts?とSpineとRequireJSを組み合わせたサンプルです。

JavaVMのヒープメモリ計算を題材として取り扱います。

JavaVMのヒープサイズの内訳を計算し、グラフ化する題材で、各種JavaScript?のライブラリを組み合わせて実装します。以下のライブラリを組み合わせて実装します。

具体的には、GoogleCharts?を使用して、棒グラフを使ってNew/Old、Eden/Survivor等をわかりやすく可視化する、といった題材です。※単純な計算ですが、実機で起動した場合いに実際に確保されるサイズとは若干ずれます。

使用しているライブラリ

• jQuery
  言わずと知れたJavaScript?の有名どころですw
  http://jquery.com/
• Bootstrap
  BootStrap?ですw
  http://getbootstrap.com/
• Google Charts
  Google謹製のJavaScript?のグラフ作成ライブラリです。
  https://developers.google.com/chart/interactive/docs/gallery/barchart#Labels
• Spine
  JavaScript?でクライアントサイドMVCを実現するためのフレームワークです。
  http://spinejs.com/
• RequireJS
  JavaScript?のMoludeローダー。非同期読み込み、依存関係の定義、コード分割等に使えます。
  http://requirejs.org/

サンプル †

どのサンプルも見た目、動作ともに全く同じですが、中身が違います。