GraficoはJavaScriptによるグラフライブラリです。棒、折れ線、スパークラインがサポートされています。 Web上でグラフを描くライブラリも充実してきています。Flash、画像など様々な選択肢がありますが今回はGrafico、JavaScriptベースのグラフライブラリを紹介します。 サンプルです。まず棒グラフ。 エリアグラフ。 積み上げ型のエリアグラフ。 こんな複雑な感じにも。 棒グラフ。 積み上げの棒グラフ。 横棒グラフ。 スパークライン。 棒型のスパークライン。 エリア型のスパークライン。 GraficoはPrototype.jsを使ってSVGでグラフを描いています。対応ブラウザはIE6以上、Firefox3以上、Google Chrome、Safari、Operaとなっています。単純に表示する他、マウスを載せた際に説明を出す機能もあります。 GraficoはJavaScr
Kazuho Oku @kazuho この手法だと JavaScript の instanceof は使えないんじゃないかしら / “How CoffeScript classes work - Islands in the byte stream” http://t.co/ewSffSPz 2012-03-10 22:31:33
ModernizrはHTML5/CSS3を機能単位で実装状況を判断するJavaScriptライブラリ。 ModernizrはJavaScript製のオープンソース・ソフトウェア。数年前まではブラウザによって動く機能、動かない機能というのがあった。それらを吸収するライブラリとしてPrototype.js/jQueryなどがもてはやされた。今、時代はHTML5に変わろうとしているが話はさらにややこしくなっている。 テスト WebKitはブラウザバージョンという概念さえ持たない。Google Chromeが日々バージョンが変わっている。IEもバージョンが増えており、ブラウザによってHTML対応具合が細かく違っている。そんな中でHTML5を進める際に使ってみたいライブラリがModernizrだ。 Modernizrはブラウザごとの判断ではなく、機能ごとに使える/使えないを判断するライブラリだ。例え
日常的にお世話になっているものですが、JavaScript というのはオブジェクト指向言語の一つである....というのを改めて思い知らされたのは、やはり Ajax の普及でしょう。もともと、JavaScipt 自体の言語仕様はちゃんとしたものだったのです（癖はありますが...）。「ブラウザ専用言語」みたいな格好で使われて、しかもブラウザでのインタプリタ実装がかなりヒドイ状態が長く続いたために、あまり凝ったプログラムを JavaScript で書かない（あと開発環境が貧困）...となっていたのですが、最近ではここらへんが大きく変わったわけです。 たとえば Ajax のフレームワーク的基礎パッケージみたいなかたちで prototype.js が最近よく使われるようになってきています。この prototype.js は「オブジェクト指向言語 JavaScript」を使い倒す！というようなノリで
国交省による都市モデル、Plateauの3DモデルをThree.jsで表示する方法が実質ネットになかったのでまとめました TL;DR(最初にまとめると) Plateauの3Dモデルは座標系が通常の3Dモデルとは異なっており、そのままだと表示されません Lod1と呼ばれる低解像度のモデルではテクスチャが設定されていないので、設定する必要があります モデル自体にも法線ベクトルが設定されておらず、そのままだと黒い塊になるので設定する必要があります サンプルコードはどこ? ここにあります github.com どうやるの? レンダラーの初期化 このあたりは他の場合と変わりません。ここまでに限れば公式のサンプルなど参考になるリソースが大量にあるので、適当に持ってくればOKです github.com Plateauの座標系をなんとかする Plateauのモデルにおいて、各頂点のz軸は通常の高さですが、
jQueryをベースとしたいわゆるMVCフレームワークであるcorMvcのチュートリアルが公開されています。 corMVCはまだリリースしたてでドキュメントなどがない状態なのでありがたいですね。 ルーティングなどはかなり見慣れた形式で、なかなか使いやすそうです。 // コントローラーの設定 window.application.addController((function( $, application ){ // クラス定義 function Controller(){ //ルーティング this.route( "/", this.index ); this.route( "/contacts/", this.index ); this.route( "/contacts/add/", this.addContact ); this.route( "/contacts/edit/:id
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
