lisia's diary

思いつきでVimとか、その他プログラミングとか…

JavaScript

Gulpを触ってみた

ひっさびさにこっちのブログを書きます。 Gulpを少し触ってみたので、備忘録として、導入からJavaScriptの結合とミニファイまでを書いておきます。 Gulpってなんぞや。 フロントエンドのビルドツールで良いのかな。 Gruntで気になったところが改善されている…

【IE8】parseIntのハマりどころ

寒いですね。 朝は室温が20度と、半袖では少し寒い気温です。 ちょっとハマってしまった事柄があったので、備忘録的なノリで書いておきます。 parseInt() 文字列の引数をパースし、指定された基数の整数を返します。 var num1 = '07', num2 = '08'; console.…

発表しながら簡単なDEMOをする

もう10月です。はやい...。 先日、発表をする機会がありまして、 前日まで資料に手を付けず、あたふたしておりました。 会社のPCにはOfficeあるけど、プライベートのPCにはOfficeもなく、 グーグルドライブを使うか…どうするかと考えたわけです。 結局、reve…

AngularJSリファレンス

先日発売しました、AngularJSリファレンスを購入しました。 やらないと... 最近は便利なAPIが増えてきているおかげもあって、 APIからデータとってきて、何か作るということが増えてきているわけで。 むしろこれから機会も増えそう。 そこで使う言語って何よ…

OpenLayers3用のリポジトリ

OpenLayers3用のリポジトリを作った。 ol-sample 印象 OpenLayers2と比較して、なんだかとっつきにくい印象。 まだ深く触っていないからというのもあるけど…。 前にQuickStartだけ触った記事を書いたけど、完全に内容忘れてた。 OpenLayers3をここからダウン…

D3.jsのforce layoutで遊ぶ

前回はtransitionで、ひたすら円を動かし、そして消すをやりました。 今回は、見た目難しそうなアレをやってみます。 force layout 力学モデル Wikipedia見ましょう。 あんなやつです。 作ってみる データの用意 nodes用のデータ、links用のデータの2つを用…

D3.jsのtransitionで遊んでみる

地図ばかりいじってきましたが、transitionを使い、 図形を遷移させて遊んでみたいと思います。 SVGと、図形の描画 ここはD3の基本的なところです。 まずはいつも通り、svg要素を作成します。 // svg var svg = d3.select('body').append('svg').attr({width…

D3.jsで地図を手動で回転させる

前回は自動で回転させましたが、今回は手動で回転させてみます。 手動で回転させる際に参考にしたのは、D3.jsのexampleのこちらになります。 ほぼソースは同じですね。 exampleとの差異 exampleのソースを見てみると... var feature; var projection = d3.ge…

D3.jsで地図を回転させる

前回まで弄っていた日本地図から少し離れ、今回は別の投影法を試してみます。 orthographic D3.jsには、様々な投影法が用意されています。 その中でも今回はorthographicを使用してみます。 この投影法を使うと、地球儀みたいなものが作れちゃいそうです。 e…

D3.jsで地図にイベントをつける

先日の記事では日本地図をとりあえず描いてみました。 あれからちょいちょいと弄りまして、地図上にcircleを追加。 地図にマウスオーバーすると色を変えるようなことをしてみました。 イベントを追加する イベントを追加する時には.on('event_name', functio…

D3.jsで地図を描く

以前買った、インタラクティブ・データビジュアライゼーションはひとまず読了しました。 ちゃんと覚えたか?と問われれば、まだですが、少し感想を。 感想 D3.jsのチュートリアルの拡張のような内容で、 チュートリアルにある内容はもちろん、パイチャートや…

D3.jsのチュートリアルを少し

D3.jsとは Data Driven Documentの頭文字をとって、D3のようです。 D3.js はデータに基づいてドキュメントを操作するための JavaScript ライブラリです。 D3 はHTML や SVG、 CSSを使ってデータに命を吹き込みます。D3は WEB 標準に重点を置いており、 強力…

OpenLayers3を触ってみる

お久しぶりの投稿です。 めちゃくちゃサボっておりました。 さて、今回のネタは地図です。 地図といえば Google Maps APIなんかを使えば、比較的容易に地図を使ったアプリの作成が可能ですね。 あとは、好みに合わせてYahooやBingなんかもあります。 Google …