GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ。

「 Javascript 」 一覧

simulator

感染症の伝播と集団免疫効果を視覚化する。

2017/02/14   -D3v4, Javascript

先日、たまたま見つけて購入した「Nature in Code」に掲載されていた、感染症シミュレーション(SIRモデル)が面白そうだったので作成してみた。 demo 白いセルが感染可能者(感染する前の健 …

Kindle Unlimited search bookmarklet

Kindle Unlimited対象商品を検索するブックマークレットを作った。

2016/10/06   -Javascript

書評記事などを読んでいて、「この作品Unlimited対象になっていたりしないかな?」と思うことがあるのですが、AmazonでKindle Unlimited対象を絞り込んで検索するには、結構奥深くま …

javascript Proxy Object

【D3.js】proxyを使ってデータセットが変更されたらチャートを再描画する。

2016/09/06   -D3v4, Javascript

D3.jsを使ってデータビジュアライゼーションを作成するときにありがちな処理として、入力フォームの値が変更されたらチャートを再描画するというのがあります。入力フォームのchangeイベントが発火したら …

no image

svg要素でもinnerHTMLを使えるようにするpolyfill

2016/05/10   -D3v3, Javascript

主にIE対応に必要。

例えば、上記のコードで #base 以下の要素をまるごと #overlay にコピーしたい場合に innerHT …

rakutencardtreemap

JavaScriptでShift_JISのcsvを読み込む(文字化け対策)

2015/09/25   -Javascript

楽天カードの利用明細csvを読みこんでツリーマップを表示するコードを書いてみたわけですが、明細csvの文字コードがShiftJISだったため、思っていたより手間取りました。 備忘録としてメモっておきま …

addrajax & ajaxzip2

ADDRAjaxとAjaxZip2を組み合わせて使う。

2015/08/06   -Javascript, jQuery

都道府県名→市区町村名→町域とドリルダウンで住所を検索し、セレクトボックスに反映させるADDRAjax。 郵便番号から住所を検索するAjaxZip2。 どちらも、非常にお世話になっているライブラリなの …

console.log trap

非同期処理時におけるconsole.logのちょっとしたトラップ

2015/06/18   -Javascript

たまにひっかかる。

上記コードは、変数aに対してsetTimeoutで1秒後にhogeプロパティを設定しています。setTimeout …

データベースのデータをD3.jsで使うには?

データベースのデータをD3.jsで使うには?

2014/10/23   -D3v3, Javascript, PHP

「データベースのデータをD3.jsで使うには?」という質問をいただいたので記事にしてみました。D3.jsの話というより、バックエンドとフロントエンドをどうやって繋ぐか?という話なりますが。 基本的には …

json-logo

JSON.stringifyの第2引数を使って出力結果(JSON)を整形する

2014/10/08   -Javascript

JSON.stringify() メソッドは値を JSON に変換します。置き換え関数を指定して値を置き換えたり、置き換え配列を指定して指定されたプロパティのみを含むようにしたりします。 JavaSc …

てへぺろ☆

目的別お勧めプログラミング言語

いまやプログラミング言語は百花繚乱の戦国時代。あまりにも選択肢が多すぎて入門者なにを選んでいいのかさっぱりわからないという状態になっています。 そこで、やりたいことに合わせてオススメのプログラミング言 …

lungo.js maps

スマートフォン用UIフレームワーク「lungo.js」で地図アプリを作ってみる

2014/09/16   -Javascript

とある事情により、スマホ向けに地図を使ったWebApp的なものを作る必要があって、モバイル向けフレームワークをいろいろ試しています。 個人的には「lungo.js」というフレームワークが手持ちのiPh …

JavaScriptで学ぶ関数型プログラミング

めちゃくちゃわかりやすいFunctional JavaScriptチュートリアル

2014/08/05   -Javascript, 紹介

JavaScriptで学ぶ関数型プログラミング posted with amazlet at 14.08.05 Michael Fogus オライリージャパン 売り上げランキング: 209,036 A …

autocomplete.kana.js

[Autocomplete] かな入力で名前(漢字)を絞り込むセレクトボックス

2014/04/09   -Javascript, jQuery

example 入力した「ひらがな」を元に名前(漢字)の一覧を絞り込むセレクトボックスが必要になったのですが、なかなか用途に見合うサジェストプラグインがなかったのでjQuery UIのカスタムコンボボ …

金額表示切替

JavaScriptで金額の数値表示とカンマ区切り表示を切り替え。

2014/03/10   -Javascript

example JavaScriptで金額の数値表示とカンマ区切り表示を切り替え。 フォーカス時は数値で表示し、フォーカスが外れたらカンマ区切り(プラス円表記)で表示し、データベースへ保存する際は数値 …

JavaScriptのエラーを追跡し記録するサービス「{Track:js}」

2014/01/14   -Javascript, 紹介

{Track:js} は、ユーザーアクセス時に発生したJavaScriptエラーを補足・記録してくれるサービスです。 サービスに登録して配信されるスクリプトタグを、エラーを補足したいサイトのヘッダに記 …

LinkDataのJSONデータを使いやすくする

2013/10/29   -Javascript

example 「オープデータを公開している都市に色を塗ってみた。」の記事で、LinkDataのデータを使わせてもらったのだけれど、JSONPで取得できるデータの形式がちょっと使いづらい。 日本のオー …