タグ

JavaScriptとJSONに関するwackyのブックマーク (58)

  • http://amix.dk/projects/?page_id=7

    wacky
    wacky 2006/04/26
    DOM操作、Ajax、JSON転送を含む軽量なJavaScriptライブラリ。
  • Dollar E: A document.createElement Wrapper (Programming) - arantius.com

    Dollar E: A document.createElement Wrapper2006-03-29 17:11 - ProgrammingFirst, a lead in: I work for Root Markets, as part of the Root Vaults team. The CEO of my company, Seth Goldstein presented at this year's ETech conference, and my team went through a lot of work to get some spiffy new features built for our site to demo at that conference. The primary new feature ( from my perspective ;-) ) w

    wacky
    wacky 2006/03/31
    JSON→HTML DOMの変換を行う prototype.js アドオン。document.createElement()をたくさん並べる代わりに $E() を一つ書くだけ。
  • JSONによるデータ通信でAjaxアルバムを完成させる ―@IT

    Ajaxライブラリでフォトアルバム開発の最終回。第1回「Ajaxフォトアルバムのフェードイン画像フレームを作ろう」と第2回「ズーミングできるWebフォトアルバムウィンドウを作ろう」で作ったアルバムに非同期通信機能を実装する。CGIのJSON出力処理と、出力されるJSONを見ておこう(編集部) AjaxPhtoAlbumの開発を解説してきたこの連載も今回が最終回となる。前回までは、ダミーのデータを使用してアルバムの表示機能を完成させてきたが、今回はようやくAjaxのキモである非同期通信について解説したい。通信機能を追加すれば、一通りの機能がそろいAjaxアプリケーションとして完成する。 連載はAjaxについての連載ながら、非同期通信についてあえて解説を後に回している。説明するまでもなく、AjaxのAは非同期(Asynchronous)を意味しており、従来のWebアプリケーションのインターフ

    wacky
    wacky 2006/03/18
    WebフォトアルバムをサンプルにしてAjax開発を解説する連載(3/3)。prototype.jsのAjax.Request + JSONによるAjax処理。
  • JSONRequest

    Douglas Crockford douglas@crockford.com 2006-04-17 (Updated 2012-08-10) Abstract XMLHttpRequest has a security model that is inadequate for supporting the next generation of web applications. JSONRequest is proposed as a new browser service that allows for two-way data exchange with any JSON data server without exposing users or organization to harm. It exchanges data between scripts on pages with

    wacky
    wacky 2006/03/13
    リクエスト、レスポンスにJSONを使うJSONRequestオブジェクトの提案。→部分訳;http://jsgt.org/mt/archives/01/000901.html (英語)
  • [鏡] 入門 JSON 2 -- 戯れ言++

    「入門 JSON」が微妙に評判がいいみたいなので, 今回はもう少し踏み込んだ内容を書いてみたいと思います。 前回では JSON のデータフォーマットについて曖昧な表現や説明のまま流していますが, ここではもう少し厳密に見ていきます。 またもや長文です。 ご注意を。 なお, この記事は「Introducing JSON」(日語訳)と併せてご覧いただくことをお奨めします。 前回は JSON のデータ型について連想配列(members)と配列(array)の2つがあると説明しました。 しかし実際にはもうひとつオブジェクト(object)という型があります。 実は JSON ではこのオブジェクトがデータの基になっています。 (説明が長くなるので前回はこの部分についてワザと端折りました) オブジェクトは以下に示すようにブレス記号で囲んだ表現になります。 { } { members } ここで注意

    [鏡] 入門 JSON 2 -- 戯れ言++
    wacky
    wacky 2006/03/09
    分かりやすいJSON解説(続き)。オブジェクト型の話とJSONでの文字列の扱いについて。
  • [鏡] 入門 JSON -- 戯れ言++

    ここではあまりプログラミングの話はしないのですが(私も今気がついた), たまにはいいでしょう。 今回は JSON というデータフォーマットのお話です。 めっさ長文です。 ご注意を。 (3/8 追記があります) 最近 JSON (JavaScript Object Notation)にハマってます。 JSON というのはごく軽量のデータフォーマットで, Javascript (というより ECMAScript と言うべきかもしれませんが)の言語仕様がベースになっています。 とはいえ, JSON 自体は Javascript からは独立していますので他の言語(C/C++, Java, C#, Perl, Ruby, Python など)でも問題なく扱うことができます。 JSON は以下の2種類のデータ構造の組み合わせでできています。 (JSON フォーマットの詳しい解説をご所望の方は「入門 J

    [鏡] 入門 JSON -- 戯れ言++
    wacky
    wacky 2006/03/05
    分かりやすいJSON解説。データ構造の基本から便利なライブラリ(JavaScript、Perl)の紹介まで。
  • 一番短いajaxライブラリ - nazokingのブログ

    「ajaxはもうスーパーサイヤ人と同じくらい普通(c)id:amachang」な時代のための簡単コピペライブラリ function ajax(url,onload){ var x=null try{ x= new XMLHttpRequest; }catch(e){ try{ x= new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ x= new ActiveXObject("Microsoft.XMLHTTP"); }}; x.onreadystatechange=function(){ if(x.readyState==4) onload(x.responseText); } x.open("GET",url,true); x.send(""); } function ahah(url,id){ ajax(url,function(tx){

    一番短いajaxライブラリ - nazokingのブログ
    wacky
    wacky 2006/03/05
    コピペで使える超軽量Ajaxライブラリ。短いながらもAHAHやJSONにも対応している。
  • XMLBuilder - Personnel

    2003-11-30 現在: document.write用のStringオブジェクトの生成 DOM Level 1 を利用した生成 DOM Level 2 を利用してXML名前空間に対応した生成 以上に対応しています。ウェブページ用のものではないのでイベントには対応していません。 if(!Array.prototype.push) Array.prototype.push = function(item){ this[length] = item; }; function XMLBuilder(DOMDocument){ /* Class for helping to make XML documents. Copy left. Comment? Sophisme w650s@mcn.ne.jp */ this._document = DOMDocument; th

    wacky
    wacky 2005/10/13
    JSON→XMLの変換を行うクラス。document.write用の文字列、DOM Level1(or DOM Level2 )による生成に対応。
  • HTMLBuilder - Personnel

    JavaScriptによるHTMLの省略記法、js-html で書かれたデータを、実際のHTML形式に変換する為のクラスです。当然JavaScript製。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/HTMLBuilder.html#what 2003-11-30 欠陥を修正しました(createTextNode => createComment) 2003-12-06 継承しやすいよう表記法を変更しました(prototype書き換えの廃止) if(!Array.prototype.push) Array.prototype.push = function(item){ this[length] = item; }; function HTMLBuilder(DOMImplemen

    wacky
    wacky 2005/10/13
    JSON→HTMLの変換を行うクラス。document.write用の文字列、DOM Level1(+ DOM Level2 )による生成に対応。
  • Collection & Copy - [翻訳]JSON in JavaScript

    翻訳 原文:JSON in JavaScript JavaScriptは、 Netscape Navigator用のページスクリプト言語として広まった汎用のプログラミング言語です。Javaのサブセットであると広く信じられていますが、それは違います。Cのような構文とソフトオブジェクトをもつSchemeに類似した言語です。JavaScriptは、ECMAスクリプト言語仕様-第3版で標準化されました。 JSONの表記法は、JavaScriptのリテラルオブジェクトの表記法のサブセットです。JSONはJavaScriptのサブセットであるため、あれこれ悩まずにJavaScript言語で使用できます。 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"

    wacky
    wacky 2005/09/15
    JSONテキストとJavaScriptデータ構造を相互に変換するライブラリ JSON.js の紹介。eval では関係ないコードまで実行できるのでセキュリティ的に良くない。
  • Amazon ECS 4.0のXMLからフィードやJSONに

    Amazon Web ServicesのE-Commerce Service 4.0ではクエリにStyleというパラメータでXSLTスタイルシートのURLを指定することによって返ってくる結果のXMLを整形することが可能です。前からありますけど。久々にAmazon熱が出たので、RSS 2.0とJSONに整形するXSLTスタイルシートを書いてみました。 RSS 2.0で整形(XSLTスタイルシート: ecs42rss20.xsl) JSONで整形(XSLTスタイルシート: ecs42json.xsl) JSONで出力する場合は、クエリにStyleと共にContentTypeというパラメータでtext/javascriptを指定してやると良さげです。あーあと最速の人に教えてもらって、Internet Explorer対策にnullとか仕込んでます。こうしないとカンマで終わってるところでエラーが出

    Amazon ECS 4.0のXMLからフィードやJSONに
    wacky
    wacky 2005/08/28
    Amazon ECS 4.0 の XML を RSS2.0 や JSON に変換して受け取るための XSLT。URL で XSLT を指定できるので楽に扱える。
  • JKL.Hina - テンプレート展開クラス

    JKL.Hina は JavaScript 用のテンプレート展開ライブラリです。 HTML ページ内に予め用意したテンプレートと、JSON なデータを与えて テンプレート展開処理を高速に行います。 DOM を利用しているため、今のところ300行弱とソースも短いです。 ダウンロード 更新履歴 サンプル 簡単な使い方 処理仕様 Internet Explorer 6.0、 Firefox 1.0、Opera 8.0、Konquerer 3.3.2 で動作確認しています。 Safari 1.2 でも概ね動くようになりました。 ダウンロード .tar.gz 版と .lzh 版の内容は同じです。(アーカイブ形式のみ違う) jkl-hina-0.18.tar.gz TAR-GZ jkl-hina-0.18.lzh LZH 更新履歴 2005/05/16 バージョン 0.01 最初のバージョン 2005

    wacky
    wacky 2005/06/21
    JavaScript用テンプレート展開ライブラリ。HTML内のテンプレートにJSONデータを与えて展開処理を高速に行う。
  • 最速インターフェース研究会: Amazon最速検索を作ってみた

    デモここから。 http://la.ma.la/misc/aws/demo.html 説明書はこれ。 http://la.ma.la/misc/aws/ -IE6、Firefox、Opera8で動作確認しています -Safariではスクリプトの動的ロードが出来ない関係で、動きません。 -IFRAME内にパラメタ渡したCGIでscriptタグ生成とかやれば出来ないことも無さそうだが面倒なのでパス。 このエントリで書いた http://la.ma.la/blog/diary_200504140039.htm >検索エンジンがJavaScriptで検索結果を出力するインターフェースを備えていれば、CGIが使えないサーバーでも、クライアント側の制御だけで動的に検索結果を読み込むことができるようになります。 この理論を実際に実践してみた、といったところです。 Ajaxというよりむしろ、ブラウザベース

    wacky
    wacky 2005/06/21
    AmazonサーバにJSON展開XSLを渡し検索結果をJSONで取得。あとはJSのみで処理できるためサーバ側のコードが不要。
  • [javascript] nazono

    ファイル resizegrip エレメントをマウスでリサイズできる透明グリップ resizegrip - エレメントをマウスでリサイズできる透明グリップ floatingWindow 浮遊するウィンドウを生成する floatingWindow - 浮遊するウィンドウクラス buttondrag エレメントをマウスでドラッグ&ドロップ buttondrag - エレメントをマウスでドラッグ&ドロップさせる floatingLayer レイヤを浮遊させる floatingLayer - 浮遊するレイヤクラス xbrowser いくつかのブラウザで共通して使える基礎関数 xdom - DOM操作系関数 isbrowser - ブラウザ判定 Point - x,y の構造体 json json方式のエンコードとデコード json - json方式のエンコードとデコード ajax 非同期通信 aja

    wacky
    wacky 2005/05/26
    JavaScriptライブラリ集。ajax、JSON、要素のDrag&Drop、入力補完ウインドウなど。
  • AWS News Blog

    Week in Review – AWS Verified Access, Java 17, Amplify Flutter, Conferences, and More – May 1, 2023 Conference season has started and I was happy to meet and talk with iOS and Swift developers at the New York Swifty conference last week. I will travel again to Turino (Italy), Amsterdam (Netherlands), Frankfurt (Germany), and London (UK) in the coming weeks. Feel free to stop by and say hi if you a

    wacky
    wacky 2005/05/20
    XML→JSON展開クラスをECS 4.0に応用するサンプル。
  • [ajax] JKL.ParseXML/ajax通信処理ライブラリ

    Kawa.netxp [ajax] JKL.ParseXML/ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード~解析して、 JavaScript オブジェクト(配列やマップ)に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON/CSV/LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ: jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex

    wacky
    wacky 2005/05/19
    XMLファイルをダウンロード・解析して、JavaScript のオブジェクト(配列・連想配列)に変換するクラス。
  • Document Object Model の部屋 - Personnel

    ご案内 Personnelより、 とリンクを辿るとこの文書「 Document Object Model の部屋 」に行き着きます。 Site searchより、任意のキーワードを含んだサイト内の文書をリストアップできます(Googleを利用)。 Site mapより、このサイトの全体的な構造を把握できます。 この文書の恒久的なURIは、http://purl.org/jintrick/Personal/DOM.htmlです。参照する際にご利用下さい。 Sophisme (連絡先について)

    wacky
    wacky 2005/03/24
    JSONで定義されたノード情報を元にDOMツリーを構築するJavaScriptライブラリとその詳細。
  • http://ma.la/mirrorman/wiki.cgi/DOMTemplateToolkit

    wacky
    wacky 2005/03/23
    JSONで定義されたノード情報を元にDOMツリーを構築するJavaScriptライブラリ。