Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

2014-04-04から1日間の記事一覧

JavaScript

概要 スクリプト言語JavaScriptについて 詳細 項目 内容 chart.jsの設定 http://d.hatena.ne.jp/tbpg/20140404/1396622356 chart.jsで円グラフ http://d.hatena.ne.jp/tbpg/20140404/1396622513 chart.jsでPolar Areaグラフ http://d.hatena.ne.jp/tbpg/2014…

JavaScript | chart.jsで棒グラフを表示する

概要 chart.jsで棒グラフを表示する 詳細 chart.jsで棒グラフを表示します 仕様 ・CodeIQで出題しているデスマコロシアムの言語の分布を表示 ・前日、当日の差分を確認できるようにする サンプル <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="Chart.min.js"></script> <script language="JavaScript"></meta></head></html>

JavaScript | chart.jsでPolar Area Chartを表示する

概要 chart.jsでPolar Area Chartを表示する 詳細 chart.jsでPolar Area Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サン…

JavaScript | chart.jsでPie Chartを表示する

概要 chart.jsでPie Chartを表示する 詳細 chart.jsでPie Chartを表示する 仕様 ・CodeIQで出題しているデスマコロシアムのTEAMの参加分布を表示 ・テキストボックスの値をグラフに反映 ・テキストの内容を変更するとグラフも変更される サンプル <html lang="ja"> <head> <meta charset="UTF-8"> <title>Docume</title></meta></head></html>…

JavaScript | chart.jsの設定

概要 chart.jsの設定 詳細 JavaScript + HTML5のcanvasでグラフを操作できるchart.jsの設定をします。 設定 ・https://github.com/nnnick/Chart.js から ZIPをダウンロード ・ZIPを解凍 ・Chart.min.jsを任意のディレクトリにコピーし、HTML内にcanvsを配置…

Ruby | Hash | replace

概要 Hash#replace 詳細 Hashの内容を引数の内容に置き換える。 引数がHash以外の場合はto_hashメソッドが実装されていればHashへの変換を試みる。 サンプルコード # encoding: utf-8 require 'tbpgr_utils' require 'attributes_initializable' h = { hoge_…

Ruby | CSV Table/Row/Field でCSVを操作

概要 CSV Table/Row/Field でCSVを操作 詳細 CSV Table/Row/Field でCSVを操作してみます Table TableはDBの表をイメージするとよい。 Rowの配列を保持している。 Row RowはDBの行をイメージするとよい。 Fieldの配列を保持している。 Row[ヘッダー名のシン…

TbpgrUtils | 追加要件 String#spacing 追加

概要 追加要件 String#spacing 追加 詳細 追加要件 String#spacingを追加する 仕様 ・文字列の各文字の間に任意の文字を挿入する ・デフォルトは空白 ・挿入する文字を指定可能 ・挿入する文字数を指定可能 ※より詳細についてはGitHubのREADMEおよびテストケ…