IE8+jQueryによるクロスドメイン通信とXDomainRequestラッパーの作成
2010/12/10 コース：元祖こってり 「元祖こってり」記事はネットエージェント旧ブログ[netagent-blog.jp]に掲載されていた記事であり、現在ネットエージェントに在籍していないライターの記事も含みます。 IE8+jQueryによるクロスドメイン通信とXDomainRequestラッパーの作成 こんにちは、ネットエージェント株式会社、研究開発部の長谷川です。 さっそくですが、みなさんは「Advent Calendar」をご存じでしょうか？ Advent Calendar と言えば、一般的には、クリスマス（12月25日）までの残り日数をカウントダウンするカレンダーを思い浮かべるかもしれませんが、ここで紹介する Advent Calendar とは、様々な業界、技術方面で活躍されているプログラマ有志が、毎日交代で1つずつ技術的なトピックスを紹介する技術系Webイベントのことです
Backbone.jsをRESTでない環境やJSONの使えない環境で使う
最近はCoffeeScriptでBackbone.jsを書いてることが多いです。 MVCっぽいJavaScriptフレームワークはなれてくると、やっぱりいいものですね。 でも、WebアプリケーションフレームワークによってはRESTスタイルなやり取りできなかったり、JSONでデータのやり取りが困難な場合もあったりなかったり。 Backbone.jsをそんな環境下で使うと大変じゃないのかとか思っていたけど、ちゃんと準備されてました。 これ、ドキュメントにも書いてあるんですけどね。 ModelオブジェクトやCollectionオブジェクトがRESTなAPIで通信できないときは [javascript] Backbone.emulateHTTP = true; [/javascript] として設定を変えておけば、Put、Deleteに代わってPostで通信してくれます。ちなみに、Ajaxの通信は
JavaScript ソースの MIME タイプ - odz buffer
header(”Content-type: text/javascript; charset: UTF-8″); JavaScript ソースのContent-typeって普通 application/x-javascript じゃね、とか思ってちょっと調べてみたら、text/javascript, text/ecmascript, application/javascript, application/ecmascript の4つが IANA に登録されていて、text/(java|ecma)script のほうは obsolete になっているでやんの。いつの間に、と思ったら今年の4月に RFC 4329 で公開されたらしい。ということはこれからは <script type="text/javascript"></script>じゃなく、 <script type="applicati
爆速JSONPは本当に爆速だった(ブログパーツを作ってみた) - jrsyo's diary(仮)
久しぶりの投稿なのではてなBlogのインターフェースの変わり具合に驚愕している所存でありますが、 今日は、面白いフレームワークを見つけたのでご紹介致します。 その名も、 '爆速JSONP' ネーミングセンスに多少の難あり感が否めないという声も上がっていますが、 この素晴らしいフレームワーク、 公開元はYahooのDeveloperチームのようで、つい最近公開されたらしく、その存在すら知りませんでした。リンク：JSONP WebAPIを爆速で使いこなせるフレームワーク - Yahoo! JAPAN Tech Blogで、こいつを使って何ができるかっていうのは上のリンクを見てもらったほうが早いかもしれませんが、(；´Д｀) ま、簡単に言うと、このフレームワーク(javascript)使えばプログラミングできなくてもJSONPに対応したAPIと超カンタンにデータのやり取りを実現でき
JSONPを使ってJavaScriptだけでマッシュアップ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!地図の開発を担当しています前田博敏です。 今回は、JavaScriptから外部サイトのWeb APIを直接呼び出すことができる、JSONPという手法について紹介させていださきます。 JSONPとは JSONPとは、JavaScriptの外部ファイル読み込み（「script」タグとその「src」指定）を利用して、ドメインの異なる外部サイトのデータを読み込む手法のことを言います。 JSONPを利用するには、呼び出される側のWeb APIがJSONP形式に対応している必要があります。 Yahoo!デベロッパーネットワークでは、現在のところローカルサーチAPIとショッピングAPIが、JSONP形式に対応しています。
ActionScript3 で JSONP を扱うライブラリ - 2nd life (移転しました)
AS3 で JSONP を扱えるライブラリがぱっと探した感じ無かったので作りました。 http://svn.rails2u.com/as3rails2u/trunk/src/com/rails2u/net/JSONPLoader.as URLLoader とほとんど同じ感じに使えます。たとえばはてなブックマークの JSONP なら // ブラウザで表示しているドメインのセキュリティ許可 // swf のドメインが同じなら必要なし JSONPLoader.allowCurrentDomain(); var loader:JSONPLoader = new JSONPLoader(); loader.addEventListener(Event.COMPLETE, function(e:Event):void { log(e.target.data); // target.data に JSO
POSTとiframeでAJax - Practice of Programming
SumibiでJSONP使えないかなぁと検討していたんですが、GETだとログに文章が残ってしまうので、 プライバシーがなぁと。kiyokaさんはそのへんに気を遣っているので、僕もあんまりしたくないなぁ...と思ってたんですが。 iframe とPOSTを使ってなんとかなるかなぁとか、思い始めました。 1つでもいいんですが、簡単なんで、iframe を2つ作ります。 <iframe src="sumibi_form.html" id="iframe_sumibi"></iframe> <iframe src="sumibi_form.html" id="iframe_sumibi_target"></iframe>前者の方には、例えば、こんなの。 <html> <head> <title>hoge</title> </head> <body> <form name="test" id="te
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
[鏡] 入門 JSON 3 -- JSONP とコールバック関数 -- 戯れ言
最近 JSONP というのが話題になっているようですので， ここで簡単に紹介します。 JSONP （JSON with Padding）というのは JSON のデータフォーマットにちょっとした記述を加えて JavaScript の関数として呼び出せるようにしたものです。 JSONP については以下の記事に簡単な説明があります。（多分この記事が初出だろうという話です） Remote JSON - JSONP 例えば以下のような JSON データがあるとします。 { "name" : "Yasuhiro ARAKAWA" } JSONP ではこのデータに記述を加えて JavaScript 関数のようにしたものです。 分かりにくいですね。 具体的にはこのように記述します。 callback( { "name" : "Yasuhiro ARAKAWA" } ); "callback" の部分は関数
![[鏡] 入門 JSON 3 -- JSONP とコールバック関数 -- 戯れ言](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9403aeb9e428539e1bdb60550747807cd52d387/height=288;version=1;width=512/https%3A%2F%2Fbaldanders.info%2Fimages%2Fattention%2Fremark.jpg)
英文ブログ記事"Remote JSON - JSONP"の解説……というか解析結果? 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
今更という話ではありますが。 JSONPを正しく理解しようと思って、Remote JSON - JSONPを読んだところ、全く意味が理解できず、敗退しました。 というわけで、手間を惜しんだら負けなのかと思い、いい加減で当てにならない日本語訳(後述)をやってみました。しかし、それでも分かりません。 いろいろ苦闘してやっと理解しました。 結論としては、「ソースコードの断片しか提示していないので、全体像が見えないとコードを追えない」「del.icio.us JSON APIの理解を前提としている」「(英文が難しくて読み取れないよ)」という2つ(3つ)の問題が理解を妨げていたことが分かりました。 一応、いい加減な和訳は最後に付けるとして、理解した内容を簡単にまとめておきます。サンプルソースは、原文のものをそのまま使います。 間違い等あれば、ご教示ください。 JSONPってざっくばらんに何? § J
JSONPについて - snippets from shinichitomita’s journal
AmazonのJSON呼び出しだけど、どうやら本家（？いや最速の方か）でJSONPに対応したらしい。これで一応IEやSafariでもつかえる。 http://labs.hail2u.net/amazon/ 日本語のリソースが少ないためか、JSONPについて説明していた。 http://hail2u.net/blog/coding/jsonscriptrequest.html ちなみにJSONPとはJSON with paddingの略。 実は、いろいろ試してみてたのだけど、JSONPってかなりサポート範囲が大きい。手元の環境では、IEやFirefoxはもちろん、Safari 2.0（1.3も）、auのケータイフルブラウザ(Opera)でも動いてたりする。もしかしたらDSブラウザでも動くんじゃないか？持ってないので試してないけど*1。参照系のコールだけならXMLHttpRequestをあえて
MochiKit で JSONP の利用 - 2nd life (移転しました)
最近日本でも JSONP が広く知られるようになってきました。JSONPについて詳しくはhail2u.net - JSONP や snippets from shinichitomita’s journal - JSONPについてをどうぞ。 で、JSONP を簡単にライブラリから扱うには、dojo ならScriptSrcIO、prototype.js なら dojoの ScriptSrcIO ライクに拡張した Dojo penetrates Prototype Dude, WTF?! などがあります。 しかしながら、我らが MochiKit は開発者の Bob さんが JSONP を提唱したにもかかわらず、JSONP を扱う Async の関数が見あたらない*1ので作ってみました。デモでは delicious の json api をコールバック関数付きで呼び出し(JSONP)て、リストを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSONP は <script> タグに埋め込むから原理的にPOSTは無理だった。「JSONPはGETのみ可能で、POSTでリクエストできない」これで解決: だれでも分かるAJAXとJSONPの仕組みと解説 (2014-07-24)