「SPAã®ã‚¿ãƒ–æ°¸é ã«é–‹ãã£ã±ãªã—å•é¡Œã€ã‚’更新ボタンをè¨ç½®ã›ãšè§£æ±ºã—㟠- 橋本商会ã“ã‚“ã«ã¡ã¯ã€‚å¼·ã„UIã¯ãƒœã‚¿ãƒ³ã‚’æ¨ã¦ã‚‹ã‚’スãƒãƒ¼ã‚¬ãƒ³ã«Scrapboxを開発ã—ã¦ã„ã¾ã™ã€‚shokaiã§ã™shokai.icon
axios 㯠v1.0.0 ã§ã©ã†å¤‰ã‚ã‚‹ã®ã‹
æ¦‚è¦ æœ¬è¨˜äº‹ã¯ã€HTTP クライアントライブラリã§ã‚ã‚‹ axios ã® v1.0.0 ãŒæº€ã‚’æŒã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãŸã‚ã€ä½•ãŒã©ã†å¤‰ã‚ã£ãŸã®ã‹ã€ãƒžã‚¤ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã‚‚良ã„ã®ã‹ã«ã¤ã„ã¦å€‹äººçš„ã«èª¿ã¹ã¦ã¾ã¨ã‚ãŸçµæžœã«ãªã‚Šã¾ã™ã€‚ TL;DR axios ã® v1.0.0 ã¯ã€ãƒ‘ッケージã®ãƒ¢ãƒ€ãƒ³åŒ–ã«å‘ã‘ãŸç¯€ç›®ã¨ã—ã¦ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã‚‚ã„ãˆã‚‹ v1.0.0 ã§ã¯å¤šæ•°ã®ãƒã‚°ä¿®æ£ã¨ã€ã„ãã¤ã‹ã®å°è¦æ¨¡ã®æ©Ÿèƒ½è¿½åŠ ãŒã¾ã¨ã‚ã¦å–ã‚Šè¾¼ã¾ã‚ŒãŸ ç ´å£Šçš„å¤‰æ›´ã‚„éžæŽ¨å¥¨åŒ–ã¯å°‘ãªã‹ã‚‰ãšã‚ã‚‹ãŒã€åŸºæœ¬çš„ãªä½¿ã„方や挙動を大ãã変ãˆã‚‹è¦æ¨¡ã®å¤‰æ›´ã¯ãªã„ 一方ã§åŠ‡çš„ã«è‰¯ããªã‚‹å¤‰åŒ–ã‚‚ãªã„ã®ã§ã€æ€¥ã„ã§ã‚ã’ã‚‹ç†ç”±ã‚‚ãªã„ å…¬å¼ãƒžã‚¤ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚¬ã‚¤ãƒ‰ã¯è¨˜äº‹åŸ·ç†æ™‚点ã§ã¯æä¾›ã•ã‚Œã¦ã„ãªã„ axios ã«ã¤ã„㦠axios ã¯ã€JavaScript å‘ã‘ã® HTTP クライアントライブラリã®ä¸€ç¨®ã§ã€ã“ã®ç¨®ã®ãƒ‘ッケージã¨ã—ã¦ã¯æ¯”較的å¤ãã‹ã‚‰æ™®åŠã—ã¦ã„ã‚‹è€èˆ—ライブラ
CORS(Cross-Origin Resource Sharing)ã«ã¤ã„ã¦æ•´ç†ã—ã¦ã¿ãŸ | DevelopersIO
ブラウザã‹ã‚‰Amazon S3ã«ç›´æŽ¥ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã—ãŸã„ 先日ã€Amazon S3ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹Webアプリを作ã‚ã†ã¨ã—ã¦è‰²ã€…調ã¹ã¦ã„ãŸã¨ã“ã‚ã€S3ã«CORSã¨ã„ã†ä»•æ§˜ã®ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚¢ã‚¯ã‚»ã‚¹ã®è¨å®šã‚’ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ–ラウザã‹ã‚‰ç›´æŽ¥S3ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’ã™ã‚‹æ–¹æ³•ã«ãŸã©ã‚Šç€ãã¾ã—ãŸã€‚ãŸã ã€ã“ã®æ–¹æ³•ã‚’使ã†ã«ã‚ãŸã£ã¦ã¯CORSã¨ã„ã†ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚¢ã‚¯ã‚»ã‚¹ã®ä»•æ§˜ã‚’ãã¡ã‚“ã¨ç†è§£ã—ã¦ãŠã„ãŸæ–¹ãŒè‰¯ã•ãã†ã§ã—ãŸã®ã§ã€ã¾ãšã¯CORSã«ã¤ã„ã¦è‡ªåˆ†ãªã‚Šã«æ•´ç†ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªãŠã€å¼Šç¤¾ã®æ¨ªç”°ãŒCORSã¨S3ã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’以å‰æ›¸ã„ã¦ã„ã¾ã™ã®ã§ã€S3ã®CORSサãƒãƒ¼ãƒˆã«é–¢ã™ã‚‹æ¦‚è¦ã‚’知りãŸã„æ–¹ã¯ãã¡ã‚‰ã‚’ã”覧下ã•ã„。 CORS(Cross-Origin Resource Sharing)ã«ã‚ˆã‚‹ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³é€šä¿¡ã®å‚¾å‘ã¨å¯¾ç– CORS ブラウザã§Ajax通信を行ã†éš›ã«ã¯ã€åŒä¸€ç”Ÿæˆå…ƒãƒãƒªã‚·ãƒ¼(Same
Deviseã®ãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼ã‚’Ajaxã§è¡Œã†æ–¹æ³• - ITアドベンãƒãƒ£ãƒ¼
Railsアプリをスマホアプリãªã©ã‹ã‚‰ã‚‚使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹å ´åˆã€ã¾ãšã¯Ajaxã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã§ãƒã‚°ã‚¤ãƒ³ã§ãるよã†ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãã®æ–¹æ³•ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ 環境 Ruby on Rails 3.2.13 Devise 2.2.4 Deviseã®è¨å®š 以下ã®2ã¤ã®è¨å®šã‚’config/initializers/devise.rbã«è¿½åŠ ã—ã¾ã™ã€‚ config.http_authenticatable_on_xhr = false config.navigational_formats = ["*/*", :html, :json] SessionsController Deviseã®SessionsControllerを継承ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ã«Ajax用ã®ãƒã‚¸ãƒƒã‚¯ã‚’è¿½åŠ ã—ã¾ã™ã€‚ class User::SessionsController < Devise::SessionsContro
Backbone.jsã‚’è–¦ã‚ã‚‹3ã¤ã®ç†ç”±
ガリレオスコープ開発ãƒãƒ¼ãƒ ã«ã‚ˆã‚‹ �最新Webå‹•å‘ã€æŠ€è¡“メモ ( Ruby, Rails, node.js ) ã§ã™ Backbone.js(http://documentcloud.github.com/backbone/)ã‚’2,3ヶ月触ã£ã¦ã¿ã¦ã€å°Žå…¥ã—ã¦è‰¯ã‹ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ Backbone.jså˜ä½“ã§ã®å¨åŠ›ã¯ãã“ã¾ã§ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Serverå´ã‚‚å«ã‚ãŸè¨è¨ˆæ€æƒ³ã‚’絡ã‚ã¦è€ƒãˆã‚‹ã¨å¤§ããªåŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ï¼ˆã‚µãƒ¼ãƒãƒ¼å´ã‚‚å«ã‚ãŸæ§‹é€ 改é©ãŒå…¨ä½“çš„ã«å¿…è¦ã«ãªã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒãƒ»ãƒ»ãƒ»ï¼‰ã€‚ Viewã¨Controllerã®çµåˆå¼·åº¦ä½Žä¸‹ = Viewã®ã‚¢ãƒ—リ化viewã¨controllerãŒ1対1対応ã ã£ãŸé ƒRailså˜ä½“ã§ä½œæˆã—ã¦ã„ã‚‹å ´åˆã€Viewã«ãƒã‚¸ãƒƒã‚¯ãŒå…¥ã‚Œã‚‰ã‚Œãªã„以上〠ãã®Viewã§å¿…è¦ãªå¤‰æ•°ãªã©ã¯ã€å…¨ã¦Controllerã«æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®çŠ¶æ…‹ã§ã¯ã€Contro
Handling Keyboard Shortcuts in JavaScript
Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. This is because keyboard shortcuts where only used in JavaScript games - no serious web application used keyboard shortcuts to navigate around its interface. But Google apps like Google Reader and Gmail changed that. So, I have crea
Ajaxãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«ä½¿ãˆã‚‹ç”»åƒã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼è‰²ã€…:phpspot開発日誌
Ajaxãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«ä½¿ãˆã‚‹ç”»åƒã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒè‰²ã€…ã‚ã£ãŸã‚ˆã†ãªã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã“ã†ã—ãŸç´°ã‹ã„ã¨ã“ã‚ã‚‚ã€ä»–サイトã¨é•ã†ã‚‚ã®ã‚’使ã£ã¦ç‹¬è‡ªè‰²ã‚’出ã—ãŸã„ã¨ã„ã†å ´åˆã«ã€æ²¢å±±ã‚ã‚‹ã¨é¸æŠžè‚¢ãŒåºƒãŒã‚Šã¾ã™ã。 Preloaders.net ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰é¸ã‚“ã§ã‚¸ã‚§ãƒãƒ¬ãƒ¼ãƒˆå¯èƒ½ã€‚ Ajax Loading デザインã‹ã‚‰ã€èƒŒæ™¯è‰²ã€å‰æ™¯è‰²ã‚’é¸ã‚“ã§ã‚¸ã‚§ãƒãƒ¬ãƒ¼ãƒˆã§ãる。 Loadinfo.net 多数ã®ã‚µãƒ³ãƒ—ルã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã§å¥½ããªã‚‚ã®ã‚’作れる。種類多ã„ã§ã™ Webscriptlab 500ã§è¦‹ã‚Œãªããªã£ã¦ã‚‹ã‹ã‚‚。 120+ Free Ajax Activity Indicator Gif Icons ジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã¯ãªã„ã‘ã©ã‚µãƒ³ãƒ—ル多数 ä»–ã«ã‚‚ã‚ã£ãŸã‚‰æ•™ãˆã¦ã‚‚らãˆã‚‹ã¨ã‚ã‚ŠãŒãŸã„ã§ã™ã€‚
XML ã‚’ JSON ã«å¤‰æ›ã™ã‚‹ã‚µãƒ¼ãƒ“ス - ベータ版を公開 :: Drk7jp
JavaScript 2.0 支æ´ãƒ„ール「XML 2 JSON serviceã€ã£ã¦ä½•ï¼Ÿ XML ã‚’ JSON ã«å¤‰æ›ã™ã‚‹ã‚µãƒ¼ãƒ“スã§ã™ã€‚ã“ã®æŠ€è¡“を用ã„ã‚‹ã“ã¨ã§ã€ クãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¶é™ã‚’超ãˆã¦ JSON å½¢å¼ã§ XML å½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã‚’利用ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ JSON 㯠XML ã¨æ¯”較ã—㦠JavaScript 上ã§éžå¸¸ã«æ‰±ã„ã‚„ã™ã„ãŸã‚ã€ã‚³ãƒ„を掴ã‚ã°ç°¡å˜ã«è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§åˆ©ç”¨ã§ãã¾ã™ã€‚ æ—¢ã«å¹¾ã¤ã‹ã®ã‚µã‚¤ãƒˆã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä¸ç‰¹å®šå¤šæ•°ã®æ–¹ã«ã‚µãƒ¼ãƒ“スæä¾›ã™ã‚‹ãŸã‚ã«è² è·å¯¾ç–ã‚’æ–½ã—ã€XML 2 JSON service ベータサービスを公開ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 最近良ãèžã Ajax ã¨ã¯ä½•ãŒé•ã†ã®ï¼Ÿ 最近ã€æµè¡Œã‚Šã¾ãã£ã¦ã„ã‚‹ Web 2.0 ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã®åŸºç¤ŽæŠ€è¡“ã®ï¼‘ã¤ã¨ã—㦠Ajax ãŒã‚ã’られã¾ã™ã€‚Ajax ã¯å¤§å¤‰ä¾¿åˆ©ãªæŠ€è¡“ãªã®ã§ã™ãŒã€ã‚»ã‚ュリティã®è¦³ç‚¹ã‹ã‚‰è‡ªãƒ‰ãƒ¡ã‚¤ãƒ³ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹ã—ã‹
allow-any-origin.appspot.com
What is this? Adds "Access-Control-Allow-Origin: *" in the response header to everywhere. How To Use Please get these urls via XMLHttpRequest (level 2) Available browsers: Firefox 3.5+, Chrome 3+, and Safari 4+ (Note: IE 8+ has XDomainRequest instead of XMLHttpRequest) Request examples: http://allow-any-origin.appspot.com/http://news.google.com/news?ned=us&topic=h&output=rss Restrictions Suddenly
ã•ã‚‰ãªã‚‹ã€Œ#!ã€URL批判 - karasuyamatenguã®æ—¥è¨˜
ã“ã®ãƒ–ãƒã‚°ã¯lifehackerã‚’å«ã‚€gawkerメディア系サイトã®#!URLã¸ã®ç§»è¡Œã‚’批判ã—ã¦ã„る。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下ã€isolaniã¨ãƒ†ãƒ³ã‚°ã®è¦‹è§£ã‚’ã”ã£ã¡ã‚ƒæ··ãœã«ç´¹ä»‹ã™ã‚‹ã€‚ lifehackerä»–ã®gawkerメディアサイトãŒæ•°æ—¥å‰ã«é•·æ™‚é–“ã«ãŠã‚ˆã³ã‚¢ã‚¯ã‚»ã‚¹ä¸èƒ½ã«ãªã£ãŸã€‚(厳密ã«è¨€ã†ã¨ãƒšãƒ¼ã‚¸å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„アクセスä¸èƒ½ã«ãªã£ãŸ) #!URLベースã®ã‚µã‚¤ãƒˆã¯JavaScriptã«ã‚¨ãƒ©ãƒ¼ãŒã‚ã‚‹ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸€åˆ‡ãƒãƒ¼ãƒ‰ã›ãšã®ã£ãºã‚‰ã¼ã†çŠ¶æ…‹ã«ãªã£ã¦ã—ã¾ã†ã‚ˆã†ã 。 #!ã«ã¤ã„㦠「#!ã€ã¯ä½•ã§å‘¼ã¶ã®ï¼Ÿ shebangã¨ç¶´ã‚‰ã‚Œã‚‹ã€‚ Hash=# Bang=!ã®ç•¥ 発音ã™ã‚‹ã¨ã€Œã‚·ãƒãƒ³ã€ã¨ã„ã£ãŸã¨ã“ã‚ã‹ã€‚(ã¡ãªã¿ã«Unixã®#!ã¨ã¯ç„¡é–¢ä¿‚) 以下「#URLã€ã¯ï¼š サイト内ã®ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³æƒ…
jquery ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’phpã«POSTã§é€ä¿¡ã™ã‚‹ã¨æ–‡å—化ã‘ãŒç™ºç”Ÿã—ã¦ã—ã¾ã„ã¾ã™ã€‚…
jquery ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’phpã«POSTã§é€ä¿¡ã™ã‚‹ã¨æ–‡å—化ã‘ãŒç™ºç”Ÿã—ã¦ã—ã¾ã„ã¾ã™ã€‚ jquery å´ã¯ä¸‹è¨˜ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã„ã¾ã™ã€‚ $.ajax({ type: "POST", url : "hogehoge.php", data: { 'moge':'日本語ã®ãƒ†ã‚スト' }, success: function(request) { $("#view").empty().append(request); } }); ã“ã®jqueryã§ãƒ†ã‚ストをé€ä¿¡ã™ã‚‹ã¨ã€hogehoge.phpå´ã§ã¯æ—¥æœ¬èªžéƒ¨åˆ†ãŒã€Œ \xe6\x88\x90\xe7\x8a\xac\xe3\x81\xae\xe4\xbd\x93\xe9\x87\x8dã€ã®ã‚ˆã†ãªã€16進数？ã®æ–‡å—列ã«ãªã£ã¦å‡ºã¦ãã¦ã—ã¾ã„ã¾ã™ã€‚ ※文å—コードã¯ã„ãšã‚Œã‚‚UTF-8ã§è¡Œãªã£ã¦ã„ã¾ã™ã€‚ 何ã‹ã—らã§ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã ã¨ã¯æ€ã†ã®ã§ã™ãŒ
GitHub - defunkt/jquery-pjax: pushState + ajax = pjax
pjax is a jQuery plugin that uses ajax and pushState to deliver a fast browsing experience with real permalinks, page titles, and a working back button. pjax works by fetching HTML from your server via ajax and replacing the content of a container element on your page with the loaded HTML. It then updates the current URL in the browser using pushState. This results in faster page navigation for tw
ã“ã¦ã•ãAjax:WebSocketã‹ã‚‰ã€ã“ã‚Œã‹ã‚‰ã®Webを予想ã—ã¦ã¿ã‚‹ - livedoor Blog（ブãƒã‚°ï¼‰
WebSocket ãŒã€12月12æ—¥ã«ã¤ã„ã«RFCã«ãªã‚Šã¾ã—ãŸï¼ˆRFC6455)。テã‚スト転é€ã ã‘ã§ãªãã€ãƒã‚¤ãƒŠãƒªãƒ¼è»¢é€ã‚‚サãƒãƒ¼ãƒˆã•ã‚Œã€ã‚³ãƒã‚¯ã‚·ãƒ§ãƒ³ã‚’ã‚ープã™ã‚‹ãŸã‚ã® ping/pongãªã©ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ•ãƒ¬ãƒ¼ãƒ も定義ã•ã‚Œã¾ã—ãŸã€‚rfcã«ãªã‚‹éŽç¨‹ã§æ§˜ã€…ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã€ãã®å®Ÿè£…ç³»ãŒå‡ºã¦ã„ã¾ã™ã®ã§ã€ãã“ã®ãƒã‚´ã‚·ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã®ä»•çµ„ã¿ãŒå…¥ã£ã¦ã„ãŸã‚Šã€ä»¥å‰ã¯å‰²ã¨è‡ªç”±ã«ä½¿ãˆãã†ã ã£ãŸ subprotocolãŒã€IANAã«ãƒ¬ã‚¸ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿…è¦ã«ãªã£ãŸã‚Šã¨ã€ãªã‹ãªã‹ã—ã£ã‹ã‚Šã—ãŸãƒ—ãƒãƒˆã‚³ãƒ«ã«ä»•ä¸ŠãŒã£ã¦ã„ã‚‹å°è±¡ã§ã™ã€‚ ã•ã¦ã€ä»Šå¹´æœ€å¾Œã¨ãªã‚‹ã€ä»Šæ—¥ã®ãƒã‚¹ãƒˆã§ã¯ã€ã“ã®WebSocketã«ã‚ˆã‚Šã€ä»Šå¾Œã®Webã¯ã©ã†ãªã£ã¦ã„ãã®ã‹ã«ã¤ã„ã¦ã€åƒ•ãŒæœ€è¿‘æ„Ÿã˜ã¦ã„る妄想を書ã連ãã¦ã¿ã¾ã™ã€‚ WebSocketã¨ã¯ã€ã„ã£ãŸã„何ãªã®ã‹ï¼Ÿ ã•ã¦ã€WebSocketã¨ã¯ã€ã„ã£ãŸã„何ãªã®ã§ã—ょã†ã‹ï¼Ÿã“ã®å•ã«å¯¾ã—ã¦ã€ä¸€èˆ¬çš„ã«ã¯ã€ Webã§P
本当ã¯ãã‚Œãªã‚Šã«é¢å€’ãã•ã„JavaScriptã¨historyã¨Ajaxã®ãŠè©± - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ール
å£ä¸Š historyã¨Ajaxã¨ã„ãˆã°ã€JavaScriptã‹ã‚‰ã‚る程度任æ„ã§historyã®ã‚¨ãƒ³ãƒˆãƒªã‚’pushã§ãã‚‹history.pushStateã¨ã‹ã€history.replaceStateã¯æ—¢ã«å¤§åˆ†æœ‰åã«ãªã£ãŸæ„ŸãŒã‚る。 ç´ æ™´ã‚‰ã—ã„未æ¥ã§ã¯ã€å…¨ã¦ã®ãƒ–ラウザã«pushStateãŒä¹—ã£ã¦ã„ã¦ã€Œlocation.hashを使ã£ãŸAjaxé·ç§»ãŒè¨±ã•ã‚Œã‚‹ã®ã¯10å¹´å‰ã®ãƒ–ラウザã¾ã§ã よãーã€ã¨ã„ã†ãƒãƒƒãƒ”ーãªä¸–ç•ŒãŒå®Ÿç¾ã™ã‚‹ã®ã ã‚ã†ã€‚ãŒã€ä»Šç¾åœ¨ã§ã¯ã¾ã pushStateã«å¯¾å¿œã—ã¦ã„ãªã„ブラウザã®ã‚·ã‚§ã‚¢ã‚‚多ãã€Ajaxã«ã‚ˆã‚‹æ“¬ä¼¼ç”»é¢é·ç§»ã‚’モリモリ行ã†ã‚ˆã†ãªã‚µã‚¤ãƒˆã§ã¯pushStateã®ã‚る環境ã€ãªã„環境ã®ä¸¡æ–¹ã‚’考慮ã—ã¦ã‚„ã‚‹å¿…è¦ãŒã‚る。 (ã¡ãªã¿ã«ã€è¦ä»¶ã«ã‚ˆã£ã¦ã¯ã€ŒpushStateãŒãªã„ブラウザã¯é€šå¸¸ã®é·ç§»ã§æˆ‘æ…¢ã—ã‚ï¼ã€ã¨ã„ã†å‰²ã‚Šåˆ‡ã‚Šã‚‚全然ã‚ã‚Šã ã¨æ€ã†) å…ˆã«è¨€ã£ã¦ãŠãã¨ã€ã“ã®è¨˜äº‹ã¯é•·ã„ã§ã™ã€‚ ç’°
æƒ…å ±ã‚»ã‚ュリティ技術動å‘調査（2011 年上期）：IPA 独立行政法人 æƒ…å ±å‡¦ç†æŽ¨é€²æ©Ÿæ§‹
ã“ã®ä½•å¹´ã‹ã§Webアプリケーションã¯ã€ã‚µãƒ¼ãƒä¸Šã®ã¿ã§ãƒ—ãƒã‚°ãƒ©ãƒ ãŒå‹•ä½œã™ã‚‹ã‚‚ã®ã‹ã‚‰ã€å¤šãã®JavaScriptコードãŒWebブラウザã§å‹•ä½œã—ã€èƒŒå¾Œã§ã‚µãƒ¼ãƒã¨é€£æºã—ã¦ã€ãƒªãƒƒãƒã‹ã¤ã‚¹ãƒ ーズãªæ“作感をæä¾›ã™ã‚‹ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ããŸã€‚ã“ã®ã“ã¨ã¯ã€Webブラウザ上ã«æ‚ªæ„ã®ã‚¹ã‚¯ãƒªãƒ—トをé€ã‚Šè¾¼ã‚€ã€Œã‚¹ã‚¯ãƒªãƒ—ト注入（XSS）ã€æ”»æ’ƒã‚’ã€ã‚ˆã‚Šé˜²æ¢ã—ã¥ã‚‰ãã€æ‚ªç”¨ã®æ‡¸å¿µãŒã‚ˆã‚Šå¤§ããªã‚‚ã®ã«å¤‰åŒ–ã•ã›ãŸã€‚本稿ã¯ã€Webアプリケーションã«Ajaxç‰ã®é€²åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸæŠ€è¡“ã«ã¤ã„ã¦æŒ¯ã‚Šè¿”ã‚‹ã¨ã¨ã‚‚ã«ã€ã‚¹ã‚¯ãƒªãƒ—ト注入対ç–を考慮ã™ã¹ãæ–°ãŸãªæ–‡è„ˆã«ã¤ã„ã¦è«–ã˜ã‚‹ã‚‚ã®ã§ã‚る。 Ajax（Asynchronous JavaScript and XML）[1]ã¯ã€å¿…è¦ã¨ãªã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’éžåŒæœŸã§Webサーãƒã‹ã‚‰å–り寄ã›ã¤ã¤ã€Webブラウザã®ç”»é¢ä¸Šã§ãªã‚らã‹ãªæ“作性をæä¾›ã™ã‚‹å½¢æ…‹ã®JavaScriptプãƒã‚°ãƒ©ãƒ ã®ã“ã¨ã§ã‚る。ã‹ã¤ã¦ã®ãƒ–ラウザã«ãŠã„ã¦ã¯ã“ã®
JavaScriptæœ€æ–°å‹•å‘ ã€œWebSocket編〜
Dev fest 2020 taiwan how to debug microservices on kubernetes as a pros (ht...
PHPã®ã‚¤ã‚¿ã„入門書をèªã‚“ã§Ajaxã®XSSã«ã¤ã„ã¦æ¤œè¨Žã—ãŸ(2)～evalインジェクション～ - ockeghem(徳丸浩)ã®æ—¥è¨˜
昨日ã®æ—¥è¨˜ã®ç¶šãã§ã€Ajaxã«å›ºæœ‰ãªã‚»ã‚ュリティå•é¡Œã«ã¤ã„ã¦æ¤œè¨Žã—ã¾ã™ã€‚タイトルã¯XSSã¨ãªã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹è„†å¼±æ€§ã¯XSSã§ã¯ã‚ã‚Šã¾ã›ã‚“。 作りãªãŒã‚‰åŸºç¤Žã‹ã‚‰å¦ã¶PHPã«ã‚ˆã‚‹Webアプリケーション入門XAMPP/jQuery/HTML5ã§ä½œã‚‹ã‚¤ãƒžãƒ‰ã‚ã®Weã‹ã‚‰ã€Ajaxを利用ã—ãŸã‚¢ãƒ—リケーションã®æ¦‚念図を引用ã—ã¾ã™ï¼ˆæœ¬æ›¸P20ã®å›³1-23）。 Ajaxã®ã‚¢ãƒ—リケーションã§ã¯ã€XMLHttpRequestメソッドç‰ã§ãƒ‡ãƒ¼ã‚¿ã‚’è¦æ±‚ã—ã€ã‚µãƒ¼ãƒãƒ¼ã¯XMLã€JSONã€ã‚¿ãƒ–区切り文å—列ãªã©é©å½“ãªå½¢å¼ã§è¿”ã—ã¾ã™ã€‚ブラウザå´JavaScriptã§ã¯ã€ãƒ‡ãƒ¼ã‚¿å½¢å¼ã‚’デコードã—ã¦ã€ã•ã¾ã–ã¾ãªå‡¦ç†ã®å¾Œã€HTMLã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚以下ã«ã€Ajaxã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒã‚µãƒ¼ãƒãƒ¼ã«å±Šã„ãŸå¾Œã®å‡¦ç†ã®æµã‚Œã‚’説明ã—ã¾ã™ã€‚ サーãƒãƒ¼å´ã§ãƒ‡ãƒ¼ã‚¿ã‚’作æˆã€å–å¾— データä¼é€ç”¨ã®å½¢å¼ï¼ˆXMLã€JSONã€ã‚¿ãƒ–区切り文å—列ç‰ï¼‰ã«ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰
PHPã®ã‚¤ã‚¿ã„入門書をèªã‚“ã§Ajaxã®XSSã«ã¤ã„ã¦æ¤œè¨Žã—ãŸ(1) - ockeghem's blog
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€ã‚ã‚‹PHPã®å…¥é–€æ›¸ã‚’é¡Œæã¨ã—ã¦ã€Ajaxアプリケーションã®è„†å¼±æ€§ã«ã¤ã„ã¦æ¤œè¨Žã—ã¾ã™ã€‚å…¨3回ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚’書ã„ãŸãã£ã‹ã‘ twitterã‹ã‚‰ã‚¿ãƒ¬ã‚³ãƒŸã‚’ã¡ã‚‡ã†ã ã„ã—ã¦ã€ä½œã‚ŠãªãŒã‚‰åŸºç¤Žã‹ã‚‰å¦ã¶PHPã«ã‚ˆã‚‹Webアプリケーション入門XAMPP/jQuery/HTML5ã§ä½œã‚‹ã‚¤ãƒžãƒ‰ã‚ã®Weã¨ã„ã†æœ¬ã‚’èªã¿ã¾ã—ãŸã€‚所感ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ タレコミæ°ã®ä¸»å¼µã®ã‚ˆã†ã«ã€æœ¬æ›¸ã¯ã‚»ã‚ュリティを一切考慮ã—ã¦ã„ãªã„ 主ãªè„†å¼±æ€§ã¯ã€XSSã€SQLインジェクションã€ä»»æ„ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ»ã‚¹ã‚¯ãƒªãƒ—ト実行（アップãƒãƒ¼ãƒ‰çµŒç”±ï¼‰ã€ãƒ¡ãƒ¼ãƒ«ãƒ˜ãƒƒãƒ€ã‚¤ãƒ³ã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³ç‰ 脆弱性以å‰ã®å•é¡Œã¨ã—ã¦ã‚µãƒ³ãƒ—ルスクリプトã®å“質ãŒä½Žã„。デãƒãƒƒã‚°ã—ãªã„ã¨å‹•ã‹ãªã„スクリプトãŒå¤šæ•°ã‚ã£ãŸ 上記ã«é–¢é€£ã—ã¦ã€æµç”¨å…ƒã®ã‚½ãƒ¼ã‚¹ã‚„デãƒãƒƒã‚°ç”¨ã®alertãªã©ãŒã‚³ãƒ¡ãƒ³ãƒˆã¨ã—ã¦æ®‹ã£ã¦ã„ã¦ç—›ã€…ã—ㄠ今時ã“ã®æ°´æº–ã¯ãªã„ã‚ーã¨æ€ã„ã¾ã—ãŸã€‚以å‰
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Turbolinksを調ã¹ã¦ã¿ãŸ
Michael Leigeber
{{#tags}}- {{label}}
{{/tags}}