Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
JavaScriptオンラインエディタ - JavaScriptist
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行＆動作確認できます。
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
ke-tai.org > Blog Archive > スマートフォン向けJavaScriptフレームワークであるjQueryMobileの使い方がわかりやすく解説されている記事「はじめてのjQueryMobile」
スマートフォン向けJavaScriptフレームワークであるjQueryMobileの使い方がわかりやすく解説されている記事「はじめてのjQueryMobile」 Tweet 2010/11/16 火曜日 matsui Posted in 記事紹介・リンク | No Comments » つい先日Alpha2がリリースされ、来年早々には正式版がリリースされる予定となっている、スマートフォン向けJavaScriptフレームワークである「jQueryMobile」ですが、その使い方をわかりやすく解説しているブログエントリーがありましたのでご紹介します。 → Mach3.laBlog はじめてのjQueryMobile [blog.mach3.jp] 1ページの短い記事ですが、前提知識の解説から、HelloWorld、ページ遷移、コンポーネントの使い方と、基本的な部分が抑えられている感じです。 サ
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScriptでcookieを使う話
JavaScriptでcookieを使う話の改訂版である。 2年も昔に、JavaScriptのこともよくわからずに、様々な資料を引っ掻き回しながらプログラムを書いた。それはきちんと動作はしたし、そのときはそれで満足だった。 しかし、時間がたち、多少なりとも経験を積むと、昔書いたプログラムの変なところや無駄なところが目に付いてしょうがなくなってしまう。特に、このプログラムについては自分でもかなり納得のできないものになっているし、説明にも変なところがある。そこで、新たにコードと解説を書きなおしたというわけだ。 以前のものと比較していただけば、ずいぶんとすっきりしたプログラムになっていることがわかると思う。2年の間に、私がどう変わったか、なんてことを見てもつまらないかもしれないけれど。より新しくなったコードは有用ではないかと信じる次第である。 掲示板などのCGIでcookieを使う場合、たいてい
JavaScript の基本コード
IEは、いまだに IE6 から IE11 まで存在し、目的によっては細分してそれぞれのバージョンの考慮が必要な場合があります。 特に、見栄えでは大きな違いが出るので、JavaScript で STYLE 定義を document.write する場合に役に立つと思います。 以下は、String オブジェクトのメソッドとして実装しています。"chrome".browser() が true ならば、Google Chrome という事になります。IE では、個別に "ie10".browser() で判定できますが、IE 全体での判定は "ie".browser() になります。 ※ 無駄にみえるコード部分がありますが、firefox から safari までの並びは意味があります。 <script type="text/javascript"> String.prototype.brows
イヌでもわかるJavaScript講座
【リスト】 <script language="JavaScript"><!-- myBsr = navigator.appName; // ブラウザ名取得 myAgent = navigator.userAgent; // エージェント取得 myTop = myAgent.indexOf("Opera",0); // OP チェック if (myTop == -1){ // OPじゃない myTop = myAgent.indexOf("MSIE",0); // IE チェック if (myTop == -1){ // IEじゃない myTop = myAgent.indexOf("Mozilla/",0); // NN チェック if (myTop == -1){ // NNでもない myVersion = ""; }else{ // NNだ! myLast = myAgent.ind
JavaScript講座 : 連想配列（ハッシュ）
JavaScriptでは連想配列（ハッシュ）を扱うことができます。名前の通り配列なので通常の配列と同様にnew Array()または[]で用意し値を代入します。通常の配列では添字に数値を指定しますが、ここに文字列を指定すると連想配列（ハッシュ）となります。以下のサンプルでは連想配列（ハッシュ）のキーを長野県、その値を塩尻市としています。値の変わりに添字に文字列を指定すれば連想配列（ハッシュ）のキーに対応した内容を参照することができます。以下のサンプルでは画面には塩尻市と表示されます。（サンプル01を実行する） a = new Array(); a["長野県"] = "塩尻市"; document.write(a["長野県"]); 連想配列（ハッシュ）は配列なので、ほぼ無制限にキーを指定し値を設定／参照する事ができます。以下のサンプルでは2つのキー、値を設定しています。（サンプル02を実行す
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
JavaScriptの正規表現
●任意の文字に一致 書式：/文字/ 例１："abcdefg".match(/a/) 結果：a 例２："abcdefg".match(/cde/) 結果：cde 例２："abcdefg".match(/xyz/) 結果：null ●改行文字を除く任意の１文字にマッチ 書式：/.文字/ 例１："abcdefg".match(/.f/) 結果：ef ●複数個の文字にマッチ 書式：/../ （.はマッチする個数並べる） 例１："abcdefg".match(/.f/) 結果：ef ●指定文字のいずれかにマッチ 書式：/[任意文字]/ 例１："abcdefg".match(/[ahg]/) 結果：a ●指定文字以外のいずれかにマッチ 書式：/[^任意文字]/ 例１："abcdefg".match(/[^ahg]/) 結果：b ●複数の文字列のいずれかにマッチ 書式：/任意文字列|任意文字列|...|
JavaScript講座 15章 JavaScriptでの正規表現
Blog Post Featured post Industrial Vs Non Industrial Plasma Cutting Machines Continue reading Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You check product warranties and reviews whe
指定した条件でテーブルの行を並び替える - tablesorter - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions
1行間隔で行の背景色を変える widgets プロパティに zebra を指定すると、1行間隔でテーブル行の背景色を入れ替わり表示できます。 jQuery(function($) { $('#r4').tablesorter({ widgets: ['zebra'] }); }); //jQuery tr 要素のクラスに even と odd が交互に付与されるので、スタイルシートを使って even と odd の背景色を指定します。 table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } # 都道府県 フリガナ ふりがな ローマ字
JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」
TOP > WebDesign > JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」 レイアウトではあまり使わなくなってきましたが、データの一覧などを見せる時の表作りには非常に力を発揮してくれるテーブルですが、今日紹介するのはそんなテーブルにJQueryを使って機能拡張したテーブルを集めたエントリー「10 Best jQuery Plugins for working with Tables」を紹介したいと思います。 TableSorter ソート可能なテーブルやツリー式のテーブルまで様々なテーブルを使ったサンプルが紹介されています。今日はその中からいくつか気になった物を紹介したいと思います。 詳しくは以下 ■tableRowCheckboxToggle チェックボックスで選択できるテーブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ccchart
How to Customize Charts | Google for Developers
Sencha Touch 2 Examples
配列（Array） - とほほのWWW入門