JavaScript:jQuery+Bootstrap+GoogleCharts+Spine+RequireJSのサンプル追加された行はこの色です。削除された行はこの色です。[#t77e8890]jQueryとBootstrapとGoogleChartsとSpineとRequireJSを組み合わせたサンプルです。JavaVMのヒープメモリ計算を題材として取り扱います。JavaVMのヒープサイズの内訳を計算し、グラフ化する題材で、各種JavaScriptのライブラリを組み合わせて実装します。以下のライブラリを組み合わせて実装します。具体的には、GoogleChartsを使用して、棒グラフを使ってNew/Old、Eden/Survivor等をわかりやすく可視化する、といった題材です。※単純な計算ですが、実機で起動した場合いに実際に確保されるサイズとは若干ずれます。こんな感じのページです。Charts&br;Google謹製のJavaScriptのグラフ作成ライブラリです。&br;https://developers.google.com/chart/interactive/docs/gallery/barchart#Labels-Spine&br;JavaScriptでクライアントサイドMVCを実現するためのフレームワークです。&br;http://spinejs.com/-RequireJS&br;JavaScriptのMoludeローダー。非同期読み込み、依存関係の定義、コード分割等に使えます。[#l4cc4db5]どのサンプルも見た目、動作ともに全く同じですが、中身が違います。