タグ

JavaScriptとJSONに関するzegenvsのブックマーク (14)

  • Web2.0なECナビを目指すECナビラボ - *「ふっかつのじゅもんがちがいます。」withぬこ

    業務連絡&宣伝です。 ここのところ頑張って作ってきた「ECナビラボ」なるものがリリースされました。サービス第一弾は「ECナビ人気ニュースα版」という、いわゆるソーシャルブックマークです。ここは僕個人のブログなので、それって何?とか、はてブと何が違うのさ?とかそういうのは開発者ブログに任せて個人的な見所を紹介します。 ECナビ人気ニュースの見所 Ajax&JavaScriptを多用した次世代Webアプリケーションの大実験 ほとんどのデータをJSONで流してます。Ajax時代の、サーバ<->クライアントで協調するMVCフレームワークを地で行く作りになってます。 例:どこまでもスクロール 僕のブックマークを、下のほうへスクロールしてみてください。どこまでもスクロールしていきます。最速の人のアレにインスパイアされて作りました。 例:JSON&AjaxPagesでHTMLをクライアント側で生成 ソー

    Web2.0なECナビを目指すECナビラボ - *「ふっかつのじゅもんがちがいます。」withぬこ
  • Collection &amp; Copy - HTMLを生成する

    JavaScript毎日、調べ物をして、コードを書いて、ルービックキューブやってます。サーバー側とクライアント側のHTML部分、またですが、コンセプトコードを書いてみました。HTMLを、こんな感じ、html(body({bgcolor:'gray'}))、に書きます。関数が要素、オブジェクトが属性、配列でこれらのまとまりも表せる、というMochiKit類似のラインで考えています。 ファイルの上半分はこんな感じです。HtmlBuilder.tagに、h4やbrなどのHTML生成関数をくっつけてます。 使うコードはこんな感じです。isと、okはテスト関数です。 withを使って、沢山あるHTML関数を、グローバルに落とさないようにしてます(遅くなるかな...?)。update(this, HtmlBuilder.tag)で、状況によってはグローバルに下ろしちゃうと速くなると思います。 Moch

  • Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget

    Enterprise Strategy Group: Go-to-market Expertise to Help You Win

    Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
  • JSONScriptRequest

    動的にscript要素を追加してやることによってクロス・ドメインのJavaScriptファイルを読み込むというテクニック。Firefoxの場合は動的に追加するscript要素のonload属性で読み込んだJavaScriptファイルを処理するfunctionを指定してやれば問題ない。しかし、これをクロス・ブラウザで実現するには違ったアプローチが必要になる。そのひとつがJSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScriptで取り上げられているJSONScriptRequest。XmlHttpRequestと比較するとかなり機能が限定されたものだけど、扱いが手軽で限定された環境ではなかなか威力を発揮するっぽい。 JSONScriptRequestはどうやらJSONPと呼ばれている、JSONデータをc

    JSONScriptRequest
  • JSONP

    前回のエントリで触れたJSONP。初出はRemote JSON - JSONPというMochiKitの中の人によるエントリ(多分。一言で言うなら「JSONデータを括弧でくくった上でこっちが指定した文字列を頭につけて返してね?」というもの。文章で説明するとわけわからん。 つまり、 http://example.com/data.json?jsonp=beverly_hills とリクエストしたら、 beverly_hills({ foo: 'This is foo.', bar: 'This is bar.', foobar: 'This is foobar.' }); と返す。また、 http://example.com/data.json?jsonp=beverly_hills%5B90210%5D とリクエストしたら、 beverly_hills[90210]({ foo: 'This

    JSONP
  • SitePoint Blogs » JSON-P output with Rails

    At the recent Web Directions 06 conference Cameron Adams and Sitepoint’s own Kevin Yank gave a talk on Mashups and APIs, with a mention of JSON-P. JSON-P is a method of wrapping the JSON output of your API calls to allow other developers to call your API from within their page, bypassing the browser security mechanism. If you peek at the HTML source of Web Connections you’ll notice we’re using JSO

    SitePoint Blogs » JSON-P output with Rails
  • steps to phantasien t(2007-01-03) いつもの派閥争いの話

    去年の未読 feed を消化していたら, XML vs JSON という話がぞろぞろ出てきた. 火事と喧嘩は XML の華. 最近ちょっとおとなしかったけれど, たまにはこういうのがないと寂しいよね. 火元は JSON の親玉である Douglas Crockford が XML2007 で行った講演 "JSON, The Fat-Free Alternative to XML" らしい (スライドの ppt) . XML 愛好家の集りで XML でないフォーマットの話をするとは豪胆だ. しかも暗に "おまいらおでぶちゃんとは違うんだぜ" と煽っているわけだから, XML ファンが刺激されるのも仕方ない. まとめ記事によると, 反撃の狼煙を上げたのは Scripting News らしい. でも読んでみるとあんまし JSON をわかってない節がある. 人も自覚があるのか, 議論をうながし

  • GData JavaScript のクロスドメイン通信の解析 - snippets from shinichitomita’s journal

    以前の続き。JavaScriptからプライベートデータの参照、更新が出来る。Google Account Authenticationの仕組みを利用している。この前動かなかったサンプルはいつの間にか動くようになってた。 最初プロトコルは勝手にJSONPと思ってたけど、中身見てみたらIFRAME 使った fragment identifier (window.location.hashの値、URLの#以降)による通信だった。たしかに、IEで音をONにしたらクリック音カチカチする。ちなみにfragment identifierによるクロスドメイン通信は他にdojoがライブラリとして実装しているのは知っているけど、これだけ大々的にサービスで使われてるのを見たのは初めて。もっとも、ブラウザでクロスドメイン通信を達成する方法のうち現時点でもっともマシなのはこれじゃないかという意見もある。 解析してみ

    GData JavaScript のクロスドメイン通信の解析 - snippets from shinichitomita’s journal
  • [ 面白法人的ラボ KAYAC BM11 ] Knockin'on Throne's Door

    待望の社内ツールできました!!! 新しいカヤックのオフィスは大きな縁側。みんなが輪になって働くのはいいけれど、対面側に行くのは、ぐるっと回らなければならないので結構大変です。 ましてやそれがトイレともなると、「行ったけどすでに人が入ってたーっ」みたいなこともちょくちょく。 席に戻るに戻れず、トイレの前をうろうろ… 最近の流行はGainer?いえいえ、いかに安価に作るかというのも今回のテーマです。 なぜならシリーズ化するつもりだからです。 そこで今回は人体赤外線センサの完成品が3000円程度で売っていたため、それを使いました。 またそれをUSBに入力するために、ジャンクのキーボードをバラして使いました。 人体の発する赤外線を感知するとリレーがオンになって導通する仕組みなので、キーボードのスイッチに直結するだけで完了です。 あとはLinuxでキーが押されたかどうかを監視して、反応があればその状

  • 【PHPウォッチ】第24回 PHP関連情報の宝庫,php.netの歩き方:ITpro

    図2●PHP 5のバグに関する統計情報(<a href="http://qa.php.net/stats.php" target="_blank">http://qa.php.net/stats.php</a>) 今回は,PHPの配布元であり,関連情報の宝庫でもあるphp.netで得られる情報や,PHP開発へのフィードバック方法について紹介する。 PHP リリース関連情報 前回のPHPウォッチ掲載以降の約1カ月間,リリース候補版を含めたPHPのリリースは行われなかったが,バグ修正や機能追加などの開発は活発に行われている。この内容について簡単に紹介する。 PHP 5関連 1月12日にPHP 5.1.2がリリースされた後,バグ修正および若干の機能追加が行われている。稿執筆時点で約40件のバグが修正されている。また,従来よりバンドルされていたFastCGI用ライブラリlibfcgiに関するライ

    【PHPウォッチ】第24回 PHP関連情報の宝庫,php.netの歩き方:ITpro
  • ウノウラボ Unoh Labs: Symfonyプラグインまとめ 〜その1〜

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: Symfonyプラグインまとめ 〜その1〜
  • 最速インターフェース研究会 :: JavaScriptにおけるdeep clone

    http://blog.livedoor.jp/dankogai/archives/50957890.html まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。影響が大きすぎるので、よっぽど変態的なライブラリじゃないと使わない。他のライブラリと組み合わせるとほぼ確実に問題が起きる。それから、deep_cloneが欲しい場合はJSONを作ってevalすればよい。パフォーマンスを気にする場合とか、浅いコピーが必要な場合はそれなりに工夫する必要があるけど。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 http://subtech.g.hatena.ne.jp/cho45/

  • JavaScript で構文解析: Days on the Moon

    C++ の特徴のひとつである演算子オーバーロード、その粋を極めたのが Boost Lambda (無名関数) と Boost Spirit (構文解析) ではないかと思っています。JavaScript では無名関数が使えるので Lambda に関しては間に合っているとも言えますが、Spirit はそうも行きません。JavaScript 2 で演算子オーバーロードがサポートされるのならチャレンジしてみようかななどと思ってそれきりになっていました。 しかし、一部でパーサブームが起こっているというのを受け、Perl 6 Rules をつらつらと眺めているうち、正規表現のメタ文字を使えば文法定義をきれいに書けるのではと思い至りました。そこで実際に JavaScript でパーサジェネレータを作り、Spirit にあやかって Gin (ジン) と名づけてみました。 文法定義 正規表現リテラルを使うこ

  • 502 Bad Gateway

    502 Bad Gateway nginx

  • 1