JavaScript + Chrome Packaged Apps API を使用したシリアル通信Webアプリ - Tech-Sketch
米カリフォルニア州サンフランシスコにて2013年5月15日から17日の三日間開催された「Google I/O 2013」 そこでChrome Packaged Apps APIに複数の追加機能が発表され、その中にシリアル通信機能があった事を皆さんご存知でしょうか？ 当記事はそんなChrome Packaged Apps APIのシリアル通信機能を使用し、コンソール上にシリアル通信で取得したデータを表示してみようという内容になります。 はじめに この記事ではChrome Packaged Apps の作成方法とChrome Packaged Apps APIのシリアル通信機能の使い方を説明します。 Chrome Packaged Apps 作成方法の説明ではGoogle公式リファレンスの Create Your First App を参考にさせて頂いております。 Chrome Pack
Javascript + highcharts.js + Arduino + Chrome Packaged Apps を使用したリアルタイムグラフ - Tech-Sketch
データの見せ方や伝え方の手法の一つに、取得するデータによってリアルタイムに変化していくグラフがあります。 この手法は株価や有害物質の測定値など、値の変化が重要なデータをグラフ化する場合に有効になります。 この記事ではHighCharts.jsというライブラリを用いてリアルタイムに変化していくグラフの実例を示し解説していきます。 はじめに 前回の記事 では D3.js を使用し、Tech-Sketchの記事毎のはてブ数をグラフ化しました。 このグラフは予めはてブ数を取得・加工してから描画しているため、描画以降にはてブ数が変化してもグラフに反映されません。 特定の日付時点でのデータを評価する場合や、値の変化が少ないデータなどは事前にデータを取得・加工し描画する方法で良いのですが、例えば毎日１０分置きにグラフの更新を行いたい場合だと、その都度データを取得・加工・再描画という手間が必要にな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
