jQueryシリーズ続きます
Allabout >> プログラミング >> JavaScript
jQuery 棒グラフとグラデーション
今回は、jQueryで作ったグラフ用プラグインjQchartのアップグレードバージョンとして棒グラフ。背景色グラデーションも。
かっこいいなぁ。
Canvas 3D Graph
http://dragan.yourtree.org/blog/en/2007/08/05/canvas-3d-graph/
http://dragan.yourtree.org/code/canvas-3d-graph/
準備中、、、
書き換え
書き換え2（こちらはIEだと少し重いです）
吉田 学 ( 2008年01月11日 14:58 )
高橋登史郎様
複数のウィンドウを開く＋クリッカブルマップの結合したプログラムを使いたいのですが、動かそうとしても動きません。どこが悪いか、添削をお願いいたします。
吉田 学 ( 2008年01月11日 16:12 )
urlを間違えました。訂正します。
高橋 ( 2008年01月12日 01:26 )
window.openは、現在は、セキュリティブロックのかかるブラウザが多いので使用は、あまり、お勧めしません。
<area onmouseover="openWindow('test3.htm', '3')" shape="default"/>
HTMLのクリッカブルマップで仕様を確かめてみることをお勧めします。
ちなみに、ここは、「Canvas 3D Graph」についての記事ですので、コメントはなるべく、その関連の話題でお願いします(^^;。
吉田 学 ( 2008年01月12日 15:49 )
ありがとうございました。
flot
http://code.google.com/p/flot/
Flot Examples
http://people.iola.dk/olau/flot/examples/
FlotUsage （IEはダメ）
http://aegis.ucolick.org/products/MTR/explore.html
Analyzing Timer Performance
http://ejohn.org/blog/analyzing-timer-performance
jQueryベースのプロッティングライブラリです。脱帽ですf^^;。
プレースホルダーとしてのDIVにwidthとheightを指定して、そこへcanvasなデータを出力するというものですが、データの持ち方がわたしのjQchartのようなrows単位ではなく、個々で持っているのでフレキシブルで発展性が高い気がします。
何よりデザインが優れていますね。
#試しにサンプルを置いてみたらエラーが出たので貼れなかったのが残念。このブログのソースは、無茶苦茶だからなぁ、、、。
http://iphone.org/
でも、、、GSMだから携帯鎖国の日本は取り残されたぽいです。＞日本政府。
無線LANは使えるからPDAとして欲しいな(笑;; Skypeかぁ、、、？(追記p.s.もしかしてこのアジアとは、アジアGSMであって日本では無いかもしれない?(ソフトバンク頑張れ))
Technical Specifications
http://www.engadget.com/photos/first-iphone-pics/ http://plusd.itmedia.co.jp/pcuser/articles/0701/10/news023.html
#うーん、これは2007年6月の米国発売時に、とりあえず買うしかなくなったか、、、PDAとして(^^;。ウィジェットはcanvasフルセットで使えるのかな？（ ↓ 追記参照 ）
3.5インチタッチパネル搭載の「iPhone」、6月に発売http://plusd.itmedia.co.jp/mobile/articles/0701/10/news009.html
#つまり、UNIXってことですよね。
#ところで、そういえば、私のX01HTも確かGMSは受信できるわけですが、その機能は日本では使えないのですよねf^^;
Macを持ち出す感覚 - Apple iPhonehttp://www.tarosite.net/2007/01/mac_apple_iphone.html
つまり1本指だと普通のクリック、2本指だと機能付きクリック（右クリック）という具合だ。全くボタンがついていないiPhoneではこれだけでは足りず、二本指をタッチして指の間隔を広げると、写真やウェブブラウザの「拡大表示」をしてくれる。これなら実際に本体についているボタンはいらない。ここまで書いてきて気づいたけれど、タッチパネルなのにペンがないのだ、iPhoneは。
（略）
#二本指をタッチして指の間隔を広げると、「拡大表示」というのは、映画「マイノリティーレポート」のモニタインターフェイスのようですね(あれは、タッチも不要でしたが)。iphone開発にアランケイが関わっているといううわさ？は本当ぽいUIかなと。
「Apple TV」「iPhone」担当バイス・プレジデントとの一問一答−−Macworldよりhttp://itpro.nikkeibp.co.jp/article/USNEWS/20070110/258323/
（略）
質問：iPhoneではMac OS Xが稼働しているそうだが，OS X用のアプリケーションをユーザーが自由にインストールできるのか。
ウィーアッグ氏：できない。iPhoneはクローズド・プラットフォームだ。これは，セキュリティの要件による。コンピュータ・ウイルスなどの侵入を防ぐためだ。ミニ・アプリケーションの「Widgets」も同じで，限られたアプリケーションしかインストールできない。
#ぐあ。ジョブスの悪いところが出た?
追記2006.1.12
■□ Neon / himorogi □■ ( 2007年01月12日 16:39 )
iPhone の GSM は旧世代です。だから【低速】。
高橋 ( 2007年01月12日 22:11 )
そうですね。たぶんX01HTの3Gハイスピード1.8Mbpsなんてアメリカ人に教えたら腰砕けるかもしれませんね(笑;。ただ、使わないとわかりませんが、仕様にはEDGEと書いてありますので、もしかすると私の事務所のISDN回線より数倍早い可能性もあり(^^;実用的には問題ないかもしれません。
iPodの延長で使う人の多くは、おそらく、無線LANでダウンロードして溜めておき、あとで視聴するという方式をとりそうな気もしますね。
高橋 ( 2007年01月12日 22:30 )
あと、これも使わない限りわかりませんが、JavaScriptの動作自体は、クライアント側なので、回線速度よりもCPUやメモリなどのハード能力依存の場合が多く、仮に回線が低速でもうまく見せる手はあるような気もします。
回線速度が影響しやすい部分としては、Ajaxまわりの出来が気にはなりますね。なにしろ、Safariですし(^^;;;;;
#X01HTのケースで言えば、ストレージもHDは無くてすべてメモリですから、想像していたよりも快適ではあります。
canvasタグで作ったペイントhttp://canvaspaint.org/
こりゃすごいや、IEでは動かないけれど(^^;。(for Firefox,Opera,Safari)
2010年度までのWeb技術の進展を予測した「ITロードマップ」http://www.nri.co.jp/news/2006/060518.html
Yahoo! Widget や Google Sidebar など「CGUI」が2009年度に普及――NRI の IT ロードマップ http://japan.internet.com/wmnews/20060518/4.html
#ま、別に内容の問題ではないので、どってことでもないんですが、、、野村総研ともあろう日本を代表する頭脳集団が作成した「リッチクライアントのロードマップ」図のデザインが、スーパーの激安チラシぽいことは気にならないのかなぁ。＜いや、激安チラシは悪くないっす、激安チラシだから売れるわけですし。＜でも、、、Yahoo! Widget や Mac OSX Dashbordをこのデザインで語って良いのか？と、、、。
レスポンス待機型ブラウザベースチャット ConnectiveChat http://g2.ngw.jp:2000/ の山本さんによる、http://g2.ngw.jp/~juny/IECanvas/index.html
#Canvas in IE と同様のアプローチですが山本さんの方がデモは充実しています。ダウンロードとかドキュメントはまだみたい。
Canvas in IEhttp://me.eae.net/archive/2005/12/29/canvas-in-ie/ http://me.eae.net/projects/iecanvas/demo.html
#VMLでCanvas をエミュレートして、そのままIEでも使えるようにしようという試み。だれかやるとは思っていましたが、使えそうです。ライセンスはMIT。
追記2006.2.9 http://g2.ngw.jp:2000/ の山本さんによる、同様のアプローチ IECanvashttp://g2.ngw.jp/~juny/IECanvas/index.html
山本 ( 2006年02月09日 00:45 )
うわ、もろかぶり。
高橋 ( 2006年02月09日 00:52 )
やる気のある人の作業が、世界のどこかでかぶるのは当然だと思います(^^; 価値のあるアプローチだからです。それは、どこにありますか？
山本 ( 2006年02月09日 08:46 )
ここにあげておきました。http://g2.ngw.jp/~juny/IECanvas/index.html
IE7が出てから公開しようと思ってたんですが、もたもたしてるといけませんね。
高橋 ( 2006年02月09日 11:49 )
おお、動いていますね。
高橋 ( 2006年02月09日 19:39 )
あと、山本さんのサンプルの作成は去年の12/5より前ですよね？先方の作業開始日は 2005-12-27 | Work started. ですから、それより前から作業しているわけで、よけいな誤解を避けるためにも、デイレクトリも公開してしまった方が良いかも。。。心理学では人間は深層でつながっていたりするので？ひらめいたアイデアは即ネットのアーカイブへ証拠として残るようにしておくってのも必要かもです(^^;
山本 ( 2006年02月10日 09:32 )
公開したのはあちらが先だし、アイデアとして持ってる人はたくさんいたんじゃないですかね。その辺は特に気にしてません。
ところでIE7b2で動きました ? 環境が無いもので…
高橋 ( 2006年02月11日 20:00 )
IE7b2で今確認しました。動いているように見えます。
山本 ( 2006年02月11日 20:58 )
IE7で動きましたか。ActiveXが禁止されたりDirectAnimationが亡びたりで心配してたんです。
山本 ( 2006年02月11日 23:13 )
以下の修正でうごくようになりました。
--- redwood.html.orig 2006-02-11 23:09:45.000000000 +0900
山本 ( 2006年02月11日 23:16 )
script要素でiecanvas.jsをロードしてる部分が消された。
高橋 ( 2006年02月12日 12:56 )
昨日、タグをエンティティに直しておきました。
古籏さんがcanvasのサンプル作っています。これはありがたい(-人-)。
<canvas>タグ リファレンスhttp://www.openspc2.org/HTML/appendix/canva_param/index.html
ページ全体の読み込み完了まで少々お待ちください...
【最近の記事】
ページ全体の読み込み完了まで少々お待ちください...
