d3.json()で読み込みを行った時点でJavaScriptオブジェクトとしての扱いとなります。 この例ならばdata()に配列部分を渡すようにするなどして、階層の変更に対応すれば良いということになります。 // 読み込みデータファイル var DATA_FILE_PATH = './data.json'; // 一覧描画先 var TARGET_ELEMENT_ID = '#data'; // 項目名：漢字表記 var COL_KANJI = 'kanji'; // 項目名：かな表記 var COL_KANA = 'kana'; // 項目名：色ID var COL_COLOR_ID = 'color'; drawTable(); /** * データ一覧の描画 */ function drawTable() { d3.json(DATA_FILE_PATH, function(erro

これは 日本情報クリエイト Engineers Advent Calendar 2016 による10日目の記事になります。 短縮URLサービスとは 長いURLを短いURLにしてリダイレクトさせるサービスです。 https://ja.wikipedia.org/wiki/%E7%9F%AD%E7%B8%AEURL 利用されだして随分経ちますが便利な反面いろいろと問題はあります。 1. 提供サービスの閉鎖により利用できなくなる。 2. 提供サービスの規約に抵触し利用できなくなる。 3. ウイルス感染源になりうる。 1,2は外部サービスを使う宿命ですが、できれば自分でコントロールしたいところです。 3は元のURLが隠しやすいためセキュリティ攻撃者にとっても便利なサービスとなってしまっています。 自分で作れば安心 自分でつくれば閉鎖もないし制限も受けないし、利用者も制限できます。 そこで、できるだ

PEAR::Date_Holidays_Japan を使う。 Date_Holidays_Japan の前に依存する2つのパッケージをインストールする。 # pear install channel://pear.php.net/XML_Serializer-0.21.0 XML_Serializer # pear install channel://pear.php.net/Date_Holidays-0.21.8 Date_Holidays # pear install channel://pear.php.net/Date_Holidays_Japan-0.1.3 Date_Holidays_Japan <?php require_once 'Date/Holidays.php'; // 第2引数で年を指定 $date_holidays = DateHolidays::factory

.c3 svg { font-size: 26px; } .c3-text { font-size: 55px; } .c3-axis-x { font-size: 80px; } var chart = c3.generate({ bindto: '#chart', size: { height: 600 }, padding: { bottom: 100 }, data: { x : 'x', columns: [ ['x', 'A', 'B', 'C', 'D', 'E', 'F'], ['data1', 200, 280, 300, 320, 260, 250] ], type: 'bar', labels: true, colors: { data1: function(d) { var color = '#000000'; switch (d.index){ case 0: c

カードやパネルをレンガ状に配置し、ドラッグして配置をアニメーションで変更、ソートやフィルタリング機能も可能なグリッドレイアウトが簡単に実装できるスクリプトを紹介します。 マウスで操作しても、タッチデバイスで操作しても、非常に快適です。 Muuri Muuri -GitHub Muuriのデモ Muuriの使い方 Muuriのデモ デモはモダンブラウザ、IE9+でご覧ください。スマホやタブレットでも動作します。 ※スマホだと各パネルが大きいので、操作しにくいかも。

ソフトウェアテスト Advent Calendar 2016の25日目の記事です。 ユニットテストをCIでまわす。 エラーの発見に限らず仕様の確認やプログラマの不安要素を取り除く素晴らしい仕組みですが、残念ながらそれを簡単に適用できるプロジェクトばかりではありません。 実際、私が今年参加したWebサイトのプロジェクトはテスト対象となるユニット（クラス・関数）が存在せず、Pureなphpが数百と複雑に絡み合って構築されていました。 もちろん、実装者は退職済みでドキュメント類は少ないかメンテナンスされておらず古いままです。 今回はこのようなケースにSelenium WebDriverを用いた仕様化テストについて書きたいと思います。 仕様化テストについて レガシーコード改善ガイドで紹介されている手法で、既存コードが実際にどのように動くかをテストによって確認していきます。 テストファーストの場合は