jQueryを使ã£ã¦Twitterã‚’ãŠã„ã—ãマッシュアップ
JSONPã£ã¦ä½•ï¼ŸJSONã¨ã¯é•ã†ã®ï¼Ÿ JSONPã¯ã€Ajaxライブラリã®1ã¤ã§ã‚ã‚‹MochiKitã®é–‹ç™ºè€…ã®Bobæ°ãŒã€ŒRemote JSON - JSONPã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æœ€åˆã«ç´¹ä»‹ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ã€JavaScriptã‹ã‚‰å¤–部ドメイン上ã®JSONデータをå–å¾—ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã„ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ 今回ã®ã‚ˆã†ã«ã€Twitterã§JSONPを使ã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ãŸã‚ã«ã¯ã€æ¬¡ã®URLã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚
snippets from shinichitomita’s journal - ブラウザã‹ã‚‰JSONã§å‘¼ã³å‡ºã›ã‚‹ã‚µãƒ¼ãƒ“ス一覧
ブラウザã‹ã‚‰å‹•çš„スクリプトタグã§å‘¼ã³å‡ºã›ã‚‹JSONサービスã®ä¸€è¦§ã€‚サービス利用ã«ã¯HTMLã¨JavaScriptã•ãˆã‚ã‚Œã°ã‚ˆã„ã‚‚ã®ã®ã¿æŒ™ã’ã¦ã„る。JSONPã§ã‚ã‚‹ã¨ã¯é™ã‚‰ãªã„。オフィシャルï¼éžã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«å•ã‚ãšã€‚知らãªã„ã®ãŒã‚ã£ãŸã‚‰èª°ã‹æ•™ãˆã¦ãã ã•ã„。 （追記）JSONPå½¢å¼ã®ã‚µãƒ¼ãƒ“スã«ã¯JSONPテストページã¸ã®ãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã—ã¾ã—㟠del.icio.us ãƒã‚¹ãƒˆä¸€è¦§å–å¾— http://del.icio.us/feeds/json/stomita (既定変数埋ã‚è¾¼ã¿) http://del.icio.us/feeds/json/stomita?callback=handlePosts (JSONP) →テスト タグ一覧å–å¾— http://del.icio.us/feeds/json/tags/stomita (既定変数埋ã‚è¾¼ã¿) http://del.icio.us/feeds/json
第3回　JSONPã§ã®ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚¢ã‚¯ã‚»ã‚¹ | gihyo.jp
JSONPã®å‹•ä½œåŽŸç† å‰å›žã¯Ajaxã«å˜åœ¨ã™ã‚‹ã‚»ã‚ュリティモデルã§ã‚ã‚‹Same-Originãƒãƒªã‚·ãƒ¼ã‚’紹介ã—ã€ãã®Same-Originãƒãƒªã‚·ãƒ¼ã‚’迂回ã™ã‚‹æ–¹æ³•ã¨ã‚»ã‚ュリティã«ã¤ã„ã¦è¦‹ã¦ãã¾ã—ãŸã€‚ã¾ãŸã€å›žé¿ã™ã‚‹æ–¹æ³•ã®1ã¤ã‚ã¨ã—ã¦ãƒªãƒãƒ¼ã‚¹Proxyを用ã„ãŸæ–¹æ³•ã‚’紹介ã—ã¾ã—ãŸã€‚リãƒãƒ¼ã‚¹Proxyを用ã„ãŸæ–¹æ³•ã§ã¯ã‚»ã‚ュリティ的ãªå•é¡Œç‚¹ã‚‚ã‚ã‚Šã¾ã—ãŸãŒã€ãã‚‚ãã‚‚Proxyサーãƒã‚’用æ„ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ãŸã‚ã€ã“ã®æ–¹æ³•ã¯æ‰‹è»½ã«ä½¿ã†ã“ã¨ã¯ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ ãã“ã§è€ƒãˆå‡ºã•ã‚ŒãŸã®ãŒJSONP（JavaScript Object Notation with Padding）ã¨ã„ã†æ–¹æ³•ã§ã™ã€‚ ãã‚Œã§ã¯ã¾ãšç°¡å˜ã«JSONPã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ Ajaxã§ä½¿ã‚れるXMLHttpRequestオブジェクトã«ã¯å‰å›žèª¬æ˜Žã—ãŸã¨ãŠã‚ŠSame-Originãƒãƒªã‚·ãƒ¼ãŒã‚りクãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚¢ã‚¯ã‚»ã‚¹ã¯ã§ãã¾ã›ã‚“。一方ã€SCRIPTã‚¿ã‚°
サービス終了ã®ãŠçŸ¥ã‚‰ã›
サービス終了ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“スã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“スを終了ã„ãŸã—ã¾ã—ãŸã€‚ 今後ã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”愛顧ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
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
XML.com: JSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScript jsonp
JSON and the Dynamic Script Tag: Easy, XML-less Web Services for JavaScript December 21, 2005 Jason Levitt Making requests to third-party web services from an AJAX application is a pain, but new web services that offer the option of returning JSON (JavaScript Object Notation) instead of XML can provide significant relief. In fact, if you make web services requests using the dynamic script tag appr
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
JSON for jQuery | mg.to
Update 2007-09-13: As of version 1.2, the jQuery core now supports cross-domain JSONP downloads as part of the native Ajax support. I suggest you use this support instead of the plugin. jQuery is a nifty new JavaScript library by John Resig. It features a $() function like the one in Prototype.js, but beefed up with CSS and XPath selectors, and with the ability to chain methods to do interesting t
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://labs.cybozu.co.jp/blog/kazuho/archives/2007/01/jsonp-security.php
{{#tags}}- {{label}}
{{/tags}}