のんびりしているエンジニアの日記

ソフトウェアなどのエンジニア的な何かを書きます。

Javascript:JQuery

d3.jsを使ってみる(4) SVGを利用して図形を描画する

皆さんこんにちは お元気ですか。私はのんびりしています。さて、遂にd3.jsを使って今回は図形を書いてみます。 なんかやっとそれっぽい感が出てきているような出てきていないような…。何やらSVGと呼ばれるものを利用するそうです。 そもそもSVGとは何なのか…

d3.jsを使ってみる(3) d3.dataをつかってタグにデータを適応する

皆さんこんにちは お元気ですか。可視化って楽しいと思います。三度目になって同じことを繰り返しますが… いよいよd3っぽいことをしてみたいと思います <head> <meta charset = "utf-8"> </head> <body> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <p>あいうえお</p> <p>あいうえお</p> <p>あいうえお</p> <script type="text/javascript"> </script> </body>

d3.jsを使ってみる(2) append,remove

皆さんこんにちは お元気ですか。私は暑すぎてどうにかなりそう。さて、今回はd3を使って要素の追加をしてみましょう。 今のところJQueryと大差ない使い方しているような・・・・まぁいいか <head> <meta charset = "utf-8"> </head> <body> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <p>あいうえお</p> <p>あいうえお</p> <p>あいうえお</p> <script type="text/javascript"> </script> </body> こ…

d3.jsを使ってみる(1) HTML,CSSの書き換え

皆さんこんにちは お元気ですか。私は元気です。さて、d3.jsについて解説したいと思います。 D3とは Data-Driven-Document,Dが3つあってD3です。 何やらグラフやらチャートやら書けます。htmlやCSS,SVGと呼ばれるものをDOMよろしく編集することができます。 …

【ネタ】アッカーマン関数によるプログラミング言語最速決定戦?

皆さんこんにちは おげんきですか?私はげんきです。本日は最速決定戦やります。いやはやC++がはええええとかいいつつ 他の言語どうだっけなんて思う常日頃です。 エントリー 6つの言語で行いました C++,Java,PHP,Python,Ruby,Javascript 種目 アッカーマン…

nvmを利用したNode.jsのインストール

皆さんこんにちは お元気ですか?私は…お酒飲みたいあるさて、nodejsをインストールしてみましょう。 Nodejsとは サーバーサイドのプラットフォームです。全てjavascriptで動きます。ノンブロッキングIOでの動作を可能とし、出力を終える前に次の動作をコー…

JQueryでテキストエリアの文字数をカウントする

皆さんこんにちは お元気ですか。私はほっとな気持ちとお肉食べたいとお魚食べたいで飢えてますさて、本日はテキストエリアの文字を数えたいというニーズにお答えするような形の内容です。やってみれば早いものです。コードはこちら <html lang="ja"> <head> <meta charset="utf-8"> <script src="./jquery.js"></script> <title>textbox</title> <textarea class='test'></textarea> <p>0文字目</p> <script> </meta></head></html>…

JQuery(2) JQueryの基本

皆さんこんにちは お元気ですか。私は今日休みです。やったね!今日は基本的なJQueryの使い方をやってみたいと思います。これだけですね。セレクタとメソッドを設定するだけで可能。 セレクタ 変更する対象を選択する部分です。 $('p') // htmlのpの部分を変…

JQuery(1) 導入のすすめ

皆さんこんにちは お元気ですか?私は眠いです。さて、本日はWebでよく使われるJQueryについて見てみましょう。 JQueryとは オープンソースのJavaScriptライブラリの一つ。2006年1月にJohn Resig氏が 最初のバージョンを公開し、現在は有志プログラマによる…