Story of XMLHTTP » AlexHopmann.com
AlexHopmann.com - Modern Art makes me want to rock outLeaving Microsoft has certainly encouraged me to reflect a little bit on some of the projects I’ve been involved with. One that is probably worth sharing is the history of XMLHTTP. XMLHTTP has lately become a huge hit. It seems like people noticed it when Google started using it in the Google Suggest feature and they looked at the source code o
ã‚„ã•ã—ã„ AJAX on Rails ã¨ã„ã†è³‡æ–™ã‚’作りã¾ã—㟠- satococoa's blog
最近 SPA (Single Page Application) ã«ã¤ã„ã¦ã®è°è«–ãŒç››ã‚“ã§ã€Angular ã¨ã‹ React ã¨ã‹ Flux ã¨ã‹ Mithril ã¨ã‹ã®åå‰ã‚’よãèžãよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã§ã‚‚å¿…ãšã—ã‚‚å…¨ã¦ã® Web アプリã«ãŠã„㦠SPA ã¯å¿…é ˆã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã‚€ã—ã‚枯れ㟠jQuery 㨠Rails ã® remote: true ã®ä»•çµ„ã¿ã‚’æ£ã—ã使ã†ã ã‘ã§å分ãªã‚±ãƒ¼ã‚¹ã‚‚多数ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ (特㫠iOS, Android ã®ãƒã‚¤ãƒ†ã‚£ãƒ–開発者ãŒèº«è¿‘ã«ã„る環境ã§ã¯ SPA ã§é–‹ç™ºã™ã‚‹ã®ã¨ãƒã‚¤ãƒ†ã‚£ãƒ–ã§å®Ÿè£…ã™ã‚‹ã®ã¨ã§ã¯å¾Œè€…ã®æ–¹ãŒã‚³ã‚¹ãƒˆãŒä½Žã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã—。) ã¨ã„ã†ã“ã¨ã§ã€ã€Œã˜ã‚ƒã‚ Rails 㧠Ajax ã£ã¦ã©ã†ã‚„ã£ã¦å®Ÿè£…ã™ã‚‹ã‚“ã ã£ã‘ã‹ï¼Ÿã€ã¨ã„ã†ã¨ã“ã‚ã‚’ã¾ã¨ã‚ãŸè³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ ä¸ç´šè€…以上ã®æ–¹ã«ã¨ã£ã¦ã¯ç‰¹ã«ç›®æ–°ã—ã„æƒ…å ±ã¯ç„¡ã„ã¨æ€ã„ã¾ã™ãŒã€çµŒé¨“ã®æµ…ã„æ–¹ã®è‡ªå·±å¦ç¿’ã‚„ç ”ä¿®ãª
Ajax 誕生ã‹ã‚‰ 10 å¹´ã¨ã“ã‚Œã‹ã‚‰ - Block Rockin’ Codes
Intro 誕生ã¨è¨€ã†ã®ãŒæ£ã—ã„ã‹å¾®å¦™ã ã‘ã©ã€å¤šåˆ†èª•ç”Ÿã§ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã€ã€ŒAjaxã€ã¨ã„ã†åå‰ã®å‡ºå…¸ã¯ä»¥ä¸‹ã®è¨˜äº‹ã§ã€ã“ã®è¨˜äº‹ãŒæ›¸ã‹ã‚ŒãŸã®ãŒä»Šæ—¥ã‹ã‚‰ã¡ã‚‡ã†ã© 10 å¹´å‰ã§ã—ãŸã€‚ Ajax: A New Approach to Web Applications (当時ã‹ã‚‰ã€ URL ãŒä¸€å›žå¤‰ã‚ã£ã¦ã„ã‚‹) Web åˆã‚ã¦ã¾ã 10 å¹´ãŸã£ã¦ç„¡ã„ã‚“ã§ã€å…¨éƒ¨è¦‹ã¦ããŸã£ã¦ã‚ã‘ã§ã¯ãªã„ã§ã™ãŒã€å€‹äººçš„ã«ã¯ã¡ã‚‡ã£ã¨æ€ã„出深ã„記事ã ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã™ã€‚ Ajax: A New Approach to Web Applications ç†è€…ã® Jesse James Garrett æ°ã¯ UX ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ä¼šç¤¾ã§ã‚ã‚‹ Adaptive Path ã®å‰µç«‹ãƒ¡ãƒ³ãƒãƒ¼ã®ä¸€äººã§ã€ UX エンジニアã§ã™ã€‚ ã“ã®è¨˜äº‹ã®è¶£æ—¨ã¯ã€å½“時既ã«ã‚ã£ãŸ Google Maps ã‚„ Gmailã€G
GitHub - JakeChampion/fetch: A window.fetch JavaScript polyfill.
If you believe you found a bug with how fetch behaves in your browser, please don't open an issue in this repository unless you are testing in an old version of a browser that doesn't support window.fetch natively. Make sure you read this entire readme, especially the Caveats section, as there's probably a known work-around for an issue you've found. This project is a polyfill, and since all moder
Ajax: A New Approach to Web Applications | Adaptive Path
If anything about current interaction design can be called “glamorous,†it’s creating Web applications. After all, when was the last time you heard someone rave about the interaction design of a product that wasn’t on the Web? (Okay, besides the iPod.) All the cool, innovative new projects are online. Despite this, Web interaction designers can’t help but feel a little envious of our colleagues wh
Ajaxアプリケーションã®SEOã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ | keisuke tsukayoshi
Backbone.jsã‚„Ember.jsã€AngularJSãªã©ã®æµè¡Œã‚Šã®MVCフレームワークを用ã„ãŸAjaxアプリケーションã®SEOã«ã¤ã„ã¦å°‘ã—ã—らã¹ã¦ã¿ã¾ã—ãŸã€‚SEOã¨ã„ã†ã‹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼å¯¾ç–ã£ã½ã„ã§ã™ãŒã€‚ブãƒã‚°çš„ã«ã¯å§‹ã‚ã¦ã®é–‹ç™ºç³»ã®è¨˜äº‹ã€‚ Ajaxアプリケーションã®SEOçš„ãªå•é¡Œ ãã‚‚ãã‚‚ã©ã†ã—ã¦AjaxアプリケーションãŒSEOçš„ã«ã‚„ã°ã„ã‹ã¨ã„ã†ã¨ã€ä¸€æ—¦ç©ºã®HTMLã‚’èªã¿è¾¼ã‚“ã ã‚ã¨JavaScriptを使ã£ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をレンダリングã™ã‚‹ä»•çµ„ã¿ä¸Šã€Googleã®ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã®ã‚ˆã†ãªç‰¹æ®Šãªç’°å¢ƒã ã¨å†…容をæ£å¸¸ã«èªã‚ãªã„ã¨ã„ã†ã®ãŒç¾çŠ¶ã‚‰ã—ã„。ã¨ã„ã†ã‚ã‘ã§ã“れを如何ã«ã—ã¦èªã¿è¾¼ã¾ã›ã‚‹ã‹ãŒæœ¬ä»¶ã®ã‚´ãƒ¼ãƒ«ã«ãªã‚Šã¾ã™ã€‚ STEP1:Ajaxアプリã§ã‚ã‚‹ã“ã¨ã‚’クãƒãƒ¼ãƒ©ãƒ¼ã«ä¼ãˆã‚‹ #!(ãƒãƒƒã‚·ãƒ¥ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆ)ã‚’URLã«ã¤ã‘ã‚‹ URLã«#!(ãƒãƒƒã‚·ãƒ¥ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆ)ãŒå«ã¾ã‚Œã¦ã„ã‚‹ã¨ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ã¯ã
Selenium2.x 㧠Ajax ãªWebアプリケーションをテストã—よㆠ〜 Facebook ã®è‡ªå‹•ã‚ã„ã•ã¤è¿”ç”機能を実装 〜 - Yamashiro0217ã®æ—¥è¨˜
ã“ã®è¨˜äº‹ã§ã¯ã€Facebook ã®ã‚ã„ã•ã¤(Poke)機能ã¸ã®è¿”ä¿¡ã‚’é¡Œæã«ã€æ²¢å±±ãŸã¾ã‚‹ã¨ã‚¦ã‚¶ã„嬉ã—ã„ã‚ã„ã•ã¤ã‚’自動ã§è¿”ã™ã‚¹ã‚¯ãƒªãƒ—トを書ãã“ã¨ã§ã€Selenium2.x ã®ä½¿ã„æ–¹ã€ç‰¹ã« Ajax アプリをテストã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦å¦ã¹ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ Ajax ãŒã‹ã‚‰ã‚“ã Webアプリケーションã®ã‚¨ãƒ³ãƒ‰ãƒ„ーエンドã®æœ€è¿‘ã®ãƒ†ã‚¹ãƒˆæ‰‹æ³•ã«ã¤ã„ã¦ã®ã¾ã¨ã‚ã«ã‚‚ãªã£ã¦ã„ã‚‹ã¨æ€ã†ã€‚ 最åˆã®3節ãらã„ã¯ã€ŒSeleniumã¨ã¯ã€œã€ã¨ã‹ã€Œãƒ†ã‚¹ãƒˆã£ã¦ã®ã¯ã•ãƒ¼ã€ã¨ã‹ã‚´ã‚¿ã‚¯ã‚’ã”ãŸã”ãŸæ›¸ã„ã¦ã„ã‚‹ã®ã§ã€Seleniumã®å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰è¦‹ãŸæ–¹ãŒã¯ãˆã‡ã‚ˆã€‚ã£ã¦è¨€ã†äººã¯ã‚³ãƒ¼ãƒ‰ãŒå‡ºã¦ãã‚‹ã¾ã§è¨˜äº‹ã‚’飛ã°ã™ã¨è‰¯ã„。 ã“ã‚“ãªè¨˜äº‹ã‚’æ°—åˆå…¥ã‚Œã¦æ›¸ã„ã¦å…¬é–‹ã—ãŸå½“æ—¥ã«â€¦Facebookã®UIãŒå¤‰ã‚ã£ã¦â€¦ä½œã£ã¦ãŸã‚¹ã‚¯ãƒªãƒ—ト動ã‹ãªããªã£ã¦ã—ã¾ã£ãŸâ€¦orz。俺ãŒä½•ã‹ã‚„ã£ãŸã‚Šè²·ã†ã¨äº‹ä»¶ãŒèµ·ãるんや・・「ãªã«ã‹è²·ã†ã¨ãã®ç›´å¾Œã«å®‰ããªã£ãŸã‚Šã€æ–°æ©Ÿç¨®ãŒã§ãŸã‚Šã™ã‚‹ã¨ã„
JavaScript Test with QUnit and mockjax - ãƒãƒ¼ãƒ‰ã‚³ã‚¤ãƒ«ãƒ‰ãƒ»ãƒ¯ãƒ³ãƒ€ãƒ¼ãƒ©ãƒ³ãƒ‰
Javascriptã®ãƒ†ã‚¹ãƒˆã¯XHRãŒãƒãƒƒã‚¯ JavaScriptを書ã„ã¦ã„ã‚‹ã¨ã€RESTサービスを利用ã—ã¦XHR(XMLHttpRequest)ã‚„jQuery.ajax経由㧠JSONã®ã‚„ã‚Šå–ã‚Šã‚’ã™ã‚‹å‡¦ç†ã‚’実装ã™ã‚‹ã“ã¨ãŒå¤šã„。 ã“ã†ã„ã£ãŸå‡¦ç†ã¯ä»¥ä¸‹ã®ç†ç”±ã‹ã‚‰ãƒ†ã‚¹ãƒˆãŒæ›¸ãã«ãã„。 １．サーãƒã‚µã‚¤ãƒ‰ã®å®Ÿè£…状æ³ã«ä¾å˜ã™ã‚‹ ２．éžåŒæœŸå‡¦ç† JavaScriptを始ã‚ãŸã°ã‹ã‚Šã®æ™‚ã¯jsUnitを使ã£ã¦ãƒ†ã‚¹ãƒˆã‚’書ã„ã¦ã„ãŸã®ã ãŒã€ ã“ã®2点ã¯ã„ã¤ã‚‚ãƒãƒƒã‚¯ã«ãªã£ã¦ã„ãŸã€‚ QUnitã¨mockjaxã§ã ã„ãŸã„解決ã™ã‚‹ æ–°ã—ã„テストフレームワークをã„ã‚ã„ã‚ã¨è©¦ã—ã¦ã¿ãŸçµæžœã€jQueryã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークQUnit㨠jQueryライブラリã®mockjaxを使ãˆã°è‡ªåˆ†ãŒæ›¸ã実装ã®å¤§éƒ¨åˆ†ãŒè§£æ±ºã§ãã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚ QUnitã«ã¤ã„ã¦ã¯è‰²ã€…ã¨æ—¥æœ¬èªžã®æƒ…å ±ãŒã‚ã‚‹ã®ã ãŒã€mockjaxã«ã¤ã„ã¦ã¯ ã»ã¨ã‚“ã©è¦‹ã‚‰ã‚Œ
pjax ã“ã㌠pushState + Ajax ã®æœ¬å‘½ - punitan (a.k.a. punytan) ã®ãƒ¡ãƒ¢
pjaxã®å‰ã«pushStateã¨ã¯ Ajaxã¨jQueryã®èª¬æ˜Žã¯ä¸è¦ã¨ã—ã¦ã€pushStateã¨ã¯ãªã‚“ãžã‚„。 pushStateを使ã£ã¦ãƒ–ラウザã®å±¥æ´ã«å¯¾ã™ã‚‹æ“作をã—ã€HTMLã®ä¸€éƒ¨ã®ã¿ã‚’書ãæ›ãˆã‚‹å‹•ä½œã§ã‚‚ブラウザã®æˆ»ã‚‹ï¼é€²ã‚€æ©Ÿèƒ½ã‚’実ç¾ã§ãる方法ã®ã²ã¨ã¤ã€‚Ajaxãªãƒšãƒ¼ã‚¸ã‚’å†ç¾ã—ã€ã‹ã¤URLを見慣れãŸæ–¹æ³•ã§è‡ªç„¶ã«permalinkを表ç¾ã§ãる。 有åãªã¨ã“ã‚ã§ã¯GitHubã§ä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã€‚ hash fragment (/#!/) ブラウザã®å±¥æ´ã‚’機能ã•ã›ã‚‹ãŸã‚ã€URL ã® fragment (#) を使ã£ã¦Ajaxãªãƒšãƒ¼ã‚¸ã‚’実ç¾ã™ã‚‹æ–¹æ³•ã€‚一時期もã¦ã¯ã‚„ã•ã‚ŒãŸæ„ŸãŒã‚ã‚‹ãŒã€ã•ã‚‰ãªã‚‹ã€Œ#!ã€URL批判 - karasuyamatenguã®æ—¥è¨˜ ãªã©åˆç†çš„ãªåè«–ãŒã‚ã‚Šã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã™ã‚‹ã®ã¯ãŸã‚らã‚れるã¨ã“ã‚。 有åãªã¨ã“ã‚ã§ã¯Twitterã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®åŽ„介者。 pjaxã¨ã¯ pjax
Wakanda FullStack JavaScript Platform
Build Yourself As a developer, use your JavaScript or TypeScript knowledge to develop your next web or mobile App Integrate the best open-source technologies such as Angular, Ionic, and Cordova. Speed up your App release with a smart development flow Build with a Mentor Have a skillful mentor guiding you through the best practices of mobile and web development Accelerate your learning curve with l
Access-Control-Allow-Origin試ã—ã¦ã¿ãŸã€‚ãã®ï¼’ - ミルク色ã®æ‰‹ç´™
å‰å›žã‚ã§ãŸãクãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‹ã‚‰ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚‚らãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‘ã©ã€CookieãŒé€ã‚Œãªã‹ã£ãŸä»¶ã€‚ å‚考をよーã見直ã—ã¦ã¿ãŸã‚‰ã€ãªã‚“ã‹Cookieセットã§ããã†ãªæ–‡ç« を発見。ã§ã€å†åº¦ãŠè©¦ã—。 RPCå´ã‚’次ã®ã‚ˆã†ã«ä¿®æ£ã€‚Access-Control-Allow-Credentialsãƒ˜ãƒƒãƒ€ãƒ¼ã‚’è¿½åŠ ã™ã‚‹ã€‚ <?php header('Access-Control-Allow-Origin:http://localhost'); header('Access-Control-Allow-Credentials:true'); header('Content-Type:text/plain;charset=UTF-8'); $msg = ' World'; if(isset($_COOKIE['_test_'])) { $msg = ' Again'; } else { setcookie('_te
Ajax を利用ã—ãŸã‚¦ã‚§ãƒ–サイトをé©åˆ‡ã«ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã®ã‚°ãƒ¼ã‚°ãƒ«ã®æ案ã«é–¢ã™ã‚‹ã‚¦ã‚§ãƒ–サイト開発者å‘ã‘ã®èª¬æ˜Ž | ã•ãらãŸã‚“ã©ã£ã¨ã³ãƒ¼ãš
グーグル公å¼ãƒ–ãƒã‚°ã®ä¸€ã¤ Official Google Webmaster Central Blog ã«ã¦ A proposal for making AJAX crawlable ã¨ã„ã†è¨˜äº‹ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚SEM R 様ãŒè¨³ã•ã‚ŒãŸã‚‚ã®ã‚’ã€Googleã€AJAXサイトを検索エンジンã«ç™»éŒ²ã™ã‚‹æ–¹æ³•ã‚’解説ã«ã¦å…¬é–‹ã•ã‚Œã¦ã¾ã™ã€‚ ãƒãƒƒã‚¯ãƒ³ã¯ SEM R 様ã®è¨˜äº‹ã‚’å…¬å¼ã‚µã‚¤ãƒˆã‚ˆã‚Šå…ˆã«èªã‚“ã ã®ã§ã™ãŒã€æœ«å°¾ã«ç§ã¯é–‹ç™ºè€…ã§ã¯ãªã„ã®ã§å°‚門用語ã®ä½¿ã„æ–¹ãŒã‚ã‹ã‚‰ãšã€æ–‡ç« ãŒå¤‰ã§ã™ãŒã”容赦をã¨ã®æ³¨æ„書ããŒã‚ã‚Šã¾ã—ãŸã®ã§ç¶šã‘ã¦å…¬å¼ã‚µã‚¤ãƒˆã‚‚èªã¿ã¾ã—ãŸã€‚ã¨ã“ã‚ãŒå…ƒã®æ–‡ç« ã‚‚ã€ãƒ‘ッã¨è¦‹ãŸã ã‘ã§ã¯ã‚¦ã‚§ãƒ–サイト開発者ã«å¯¾ã—ã¦ã‚°ãƒ¼ã‚°ãƒ«ãŒã©ã†ã—ã¦æ¬²ã—ã„ã®ã‹ã¡ã¨åˆ†ã‹ã‚Šã«ãã„よã†ãªæ„Ÿã˜ã®å†…容ã§ã—ãŸã®ã§ã€ã‚¦ã‚§ãƒ–サイト開発者主観ã§ä»Šå›žã®ã‚°ãƒ¼ã‚°ãƒ«ã‹ã‚‰ã®æ案ã®å†…容を簡å˜ã«ã”説明ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšä»Šå›žã®ã‚°ãƒ¼ã‚°ãƒ«ã‹ã‚‰ã®æ案ã¯ã€Ajax ã‚’
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IBM Developer
Account Suspended
Qunit parameterized tests and mocking
{{#tags}}- {{label}}
{{/tags}}