Gruntでファイル内のテキストを一括で置換する

photo by "Cowboy" Ben Alman grunt deploy --revision=hogehogeこれがやりたかったまずは、 Grunt Option API で、コマンドのオプションを設定、取得する grunt.option('revision') // hogehoge参考: http://js.studio-kingdom.com/grunt/api/grunt_option …

2013-03-01

大なごやJS vol.5 開催レポート『Slider MVC』

イベント AngularJS JavaScript HTML5 jQuery

2013/02/23 ベースキャンプ名古屋にて、名古屋のJSerたちによるJavaScript勉強会である『大なごやJS vol.5』が開催されました。僕はvol.2からの、４度目となる参加、そしてはじめての主催でもありました。（やー、緊張した）@girigiribauer さんによる toge…

2013-02-26

【Backbone.js】Backbone.View でthis.$('foo', 'bar')はthis.$('foo')になる

備忘録 JavaScript

使用バージョン 0.9.2の話ViewのjQueryエレメントとして、今までは this.$el の表記をよく使用していたが、最近は this.$('hoge') をよく使用している。jQueryにおける $('foo', 'bar') $('bar').find('foo') の２つは、ほぼ同じ動作だが、Backbone.View で…

2013-02-04

AngularJSについて〜AngularJS ハッカソン#1に参加してきました〜

イベント JavaScript AngularJS

AngularJSとは AngularJSはグーグル製のJavaScript MVCフレームワークです。僕はこれまでJavaScriptのフロントエンドMVCフレームワークとしてBackboneJSを愛用していました。BackboneJSは現在最も人気のあるフロントエンドMVCフレームワークです。MVCによる…

2013-01-23

JavaScriptで数値のゼロパディング（一定の桁数にゼロ埋めする）

JavaScript 備忘録

ifやlengthで泥臭い実装を何箇所かでやってしまっていたので、もっとスマートにできないかと調べたら、以下のコードでいけるみたい。 ("0" + num).slice(-2) strObj.slice(start, end) "0"を加える事で文字列に変換し、sliceは負数を引数として指定できる。 …

2013-01-19

jQueryの$(document).onと$('section').onでは後者を推奨したいという話

JavaScript jQuery 雑記

先日jQueryの1.9正式版が公開されて、.live()などのAPIが削除されました。まぁ、ほとんどの方は既に.on()に乗り換えて使っているかとは思います。その.on()メソッドですが、$(document).onと$('section').onでは前者の方が高速です。ですが、例えばsection…

2012-12-02

データビジュアライゼーションのためのJavaScriptライブラリ『D3.js』

JavaScript ビジュアライゼーション d3.js

ビジュアライゼーションについて大量のデータの中から価値のある情報を抽出する技術をデータマイニングと呼びますが、目で見ても理解し難いデータをぱっと見分かりやすい形に変える技術のことを可視化、あるいはデータビジュアライゼーションと呼びます。ソ…

2012-11-24

Google Chart Tools の Geochart API を使って都道府県別グラフを描画する

JavaScript 備忘録ビジュアライゼーション GoogleChartTools

可視化のためのJavascriptライブラリは数多くありますが、Google Chart Toolsは、googleが提供する可視化を実現するAPI群です。Google Chart Tools今回はその中から Geochart API を使ったサンプルとして、都道府県別グラフを描いてみました。また、他にも様…