diaspar.jpThis domain may be for sale!
jQuery でCSVデータを簡単に取り扱える「jQuery CSV」
jQuery でCSVデータを簡単に取り扱える「jQuery CSV」 Check Tweet 配布元：Plugins | jQuery Plugins | CSV ライセンス：Apache License, Version 2.0 jQuery CSVはjQuery でCSVデータを簡単に取り扱うことができるjQueryプラグインです。 利用方法 次にようにCSVデータに対して$.csv()(CSVデータ)を実行することでcsvデータを配列に変換することが出来ます。 var csv = $.csv()(CSVデータ) CSVデータは$.get()などのjQueryのAjaxメソッドを利用して取得します。 $.get('data.csv',function(data){ //Ajax後の処理 }) つまり、次のようなJavaScriptを実行することでCSVファイル（data.csv）のデ
JavaScriptのundefinedというクセ者のいろいろ - 風と宇宙とプログラム
はじめに JavaScriptの初心者にとってundefinedというのはちょっと混乱を招くものらしい。nullとの違いや使い分けがよく分からなかったり、数値やブール値との比較が不自然だったりするのが原因と思われる。ここでは、そのようなundefinedのいろいろについてまとめてみた。 ECMA262規格では undefinedとnullに関して、ECMA262規格では最初に以下のような記述がある。 4.3.9 undefined value primitive value used when a variable has not been assigned a value. 4.3.11 null value primitive value that represents the intentional absence of any object value. undefinedは変数に
jQuery - Wikipedia
jQuery（ジェイクエリー）は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。様々な場面で活用されており、JavaScriptライブラリのデファクトスタンダードと呼ぶ者もいる[1]。ロゴの下に表記されているキャッチコピーは「write less, do more」（「少ない記述で、もっと多くのことをする」の意）。 jQueryには次のような機能・特徴がある。 ブラウザに依存しないオープンソースのセレクタエンジン Sizzle を使ったDOMエレメントの選択（Sizzle は jQuery プロジェクトからスピンアウト）[2] DOM操作と変更（CSS 1-3 と基本的なXPathのサポートを含む） イベント CSS操作
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
JavaScriptでnew演算子をつけてもつけなくても同じようにインスタンスを作成 - yuyakkoの日記
またJavaScriptで遊んでる。 JavaScriptにもnew演算子があった。クラスを定義してからnewでインスタンスを作成するということができるらしい。 コンストラクタになる関数を作ってからそれをnewの後に付けて呼べばいい。 function Class1(){ this.str = "これはClass1のインスタンス"; } Class1.prototype.toString = function(){ return this.str; } var instance1 = new Class1(); alert(instance1); コンストラクタが呼ばれたとき、thisが新しいインスタンスになっているので好きなように初期化する。 でもこれ、new書き忘れたら大変なことになりますね。Class1を普通に関数として呼んだ時のthisは何でしたっけ。ブラウザの場合はwindow?
細かいJavaScriptの仕様や習慣やテク集 - 三等兵
気づいたことやミスしたことなどメモしていたので確認作業。細かい仕様だったり暗黙のルールだったり、テクニックだったり。JSに慣れていたら当たり前なことばかりかもしらん。 追記のところはid:os0xさんより。ありがとうございます！ undefined var a; alert(a) // undefined 宣言だけだとundefined。undefinedというのは、宣言している変数に値が入っていませんよ、ということ。 そしてオブジェクトには無いプロパティとか参照すると出てくる。 var a = 100; alert(a.length); // undefined さらに引数も。 function func(val) { alert(val); } func() // undefined 引数はCallオブジェクトってのに格納される。このオブジェクトはローカルの変数が格納されるオブジェクト
JavaScriptで全角英数と半角英数の相互変換 - Rewish@hatena
全角英数の文字コードから65248個前が半角英数の文字コード。 半角英数の文字コードから65248個後が全角英数の文字コード。 // 半角にしたい str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); // 全角にしたい str.replace(/[A-Za-z0-9]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) + 65248); }); 65248の部分は16進数で表される事が多い。 // 半角にしたい str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) { return String.fromCharCode(s.charCodeAt(0)
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
はてなブログ | 無料ブログを作成しよう
突如覚醒した朝ラン生活の思い出 未知本エントリーで書いた、ストレスに打ち勝つための肉体（脳）＆メンタル魔改造を決意し、唐突に始動した朝ラン生活。週2で15分以上走る、ただし途中歩いてもよい、というかなりゆるいルールが功を奏したのか、自分でも想定しなかったほどに細く長く気力が持ち、1月…
Eclipse + Spket + ExtJS でコード補完をしてみる - 蜘蛛の糸をつむぐには…
ExtJSの開発にはEclipse + Spketを利用してますが、はじめにいくつか設定しないことコード補完は使えません。というかExtJSのコード補完ができない。 そこで、以下の設定をしていきます。 spketそのもの話はこちら 軟弱者扱いされるのですが、ちょっとスペルがうろ覚えなときにもAPI調べることなくわかるのは大きい。 で、以下の設定が必要です。 １．メニュー「window」→「Preferences」を選択 ２．左側のツリーから「Spket」→「JavaScript Profiles」を選択 ３．右側のボタン「new」から適当な名前を指定してProfileを追加する。 ４．追加したProfileを選択し、、右側のボタン「Add Library」を選択する。 ５．「Select Library」というウィンドウが表示されるので、プルダウンから「ExtJS」を選択する。 ６．追加し
ExtJSの開発はSpket IDEがイイ感じ。Eclipseのプラグインでも動く。 - 蜘蛛の糸をつむぐには…
JavaScriptの開発では、規模が小さければいつものエディタでちょこちょこと開発してるんですが Subversion使ったり、規模が大きくなるとちょっと不便。 そこで、Eclipse + Spket IDEの環境をよく利用しています。 Eclipseと連携するJavaScriptの開発環境というとAptanaあたりがメジャーなんでしょうが、これが重くってしょうがない。起動する度にRSSフィード取得しに行ったりと余計な動きもあり不満でした。 debugなど機能面はいいんですけどね。 で、代わりに使いだしたのがSpket IDE。 これ、単体でも動くし、Eclipseのプラグインとしても動く。 で、ちょっと感動したのが Outlineの機能。 ExtJSのコンポーネントを拡張したファイルって、いわゆるObject.prototypeって記述も出てこない ことからか、Aptanaなどはうまく
【ハウツー】JavaScriptでLINQを使おう - 複雑な検索処理を簡潔に記述する「JSINQ」 (1) まずはサンプルから試してみる | エンタープライズ | マイコミジャーナル
JSINQとは? JSINQはJavaScriptでLINQ to Objectを使用するためのライブラリだ。LINQは.NET Frameworkで提供されているオブジェクトをSQLライクなクエリ言語で検索するための機能で、JSINQは.NET Framework 4.0のLINQの完全な実装とされている。 図1 JSINQのWebサイト なお、JSINQはMITライセンスのもとで利用可能なオープンソースソフトウェアで、本稿執筆時点の最新版は2010年4月にリリースされた1.0.0.1となっている。 JSINQを試してみよう JSINQのWebサイトではオンラインでJSINQを試すことのできるサンプルが公開されている。まずはこれを利用してJSINQを試してみよう。 図2 JSINQのサンプル このアプリケーションでは画面下のテキストエリアにクエリを入力して検索を行うことができる。初期状態
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
Ajax - Wikipedia
この項目では、Web開発手法について説明しています。 コナミのアーケードゲームについては「A-JAX」をご覧ください。 その他のAJAXについては「アイアース」をご覧ください。 一般的なWebアプリケーション（左）とAJAX（右）の動作の違い Ajax（エイジャックス[1][2]、アジャックス[3]）は、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である[4]。XMLHttpRequest（HTTP通信を行うためのJavaScript組み込みクラス）による非同期通信を利用し、通信結果に応じてダイナミックHTML (DHTML) で動的にページの一部を書き換えるというアプローチを取る[5]。 Ajax は『Asynchronous JavaScript And XML』の略で、2005年2月18日に米国のインフォメーションアーキテクトであるジェシー・
DOMから始めるJavaScriptモダン・スクリプティング---目次：ITpro
近年，Ajaxの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ～ドキュメントツリー～ 第3回 DOMスクリプティングのことはじめ(1) ～要素（タグ）を狙い撃ち～ 第4回 DOMスクリプティングのことはじめ(2) ～これはどんな要素？～ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～ 第8回 スクリプトのパッケージ化 ～使い回しできるスクリ
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
2009-11-12 ナビ子記法について追記しました 本文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SilverlightやXAMLのプレビュー機能も追加した「Spket IDE 1.5.9」リリース
