[B! ajax] Jxckのブックマーク

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

Jxck 2016/11/04

XHR/Ajax の歴史

xhr
ajax

リンク

やさしい 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 ってどうやって実装するんだっけか？﹂というところをまとめた資料を公開します。中級者以上の方にとっては特に目新しい情報は無いと思いますが、経験の浅い方の自己学習や研修な

Jxck 2015/08/23

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

Jxck 2015/02/18

blog 書いた。

ajax
web

リンク

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

Jxck 2014/10/14

XHR をラップして promise で返す。 window.fetch の pollyfil 。

リンク

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

Jxck 2014/01/22

Ajax という名称の出典とされるギャレット氏のブログ、アドレスが変わっていたようだ。しかし 2005 年 2 月だからちょうど来月で 9 年か。

ajax

リンク

AjaxアプリケーションのSEOについて調べてみた | keisuke tsukayoshi

Backbone.jsやEmber.js、AngularJSなどの流行りのMVCフレームワークを用いたAjaxアプリケーションのSEOについて少ししらべてみました。SEOというかクローラー対策っぽいですが。ブログ的には始めての開発系の記事。 AjaxアプリケーションのSEO的な問題そもそもどうしてAjaxアプリケーションがSEO的にやばいかというと、一旦空のHTMLを読み込んだあとJavaScriptを使ってクライアントサイドでコンテンツをレンダリングする仕組み上、Googleのクローラーのような特殊な環境だと内容を正常に読めないというのが現状らしい。というわけでこれを如何にして読み込ませるかが本件のゴールになります。 STEP1:Ajaxアプリであることをクローラーに伝える #!(ハッシュフラグメント)をURLにつける URLに#!(ハッシュフラグメント)が含まれているとクローラーはそ

Jxck 2014/01/15

ajax
seo

リンク

Selenium2.x で Ajax なWebアプリケーションをテストしよう〜 Facebook の自動あいさつ返答機能を実装〜 - Yamashiro0217の日記

この記事では、Facebook のあいさつ(Poke)機能への返信を題材に、沢山たまるとウザい嬉しいあいさつを自動で返すスクリプトを書くことで、Selenium2.x の使い方、特に Ajax アプリをテストする方法について学べるようにする。 Ajax がからんだWebアプリケーションのエンドツーエンドの最近のテスト手法についてのまとめにもなっていると思う。最初の3節ぐらいは「Seleniumとは〜」とか「テストってのはさー」とかゴタクをごたごた書いているので、Seleniumの実際のコード見た方がはえぇよ。って言う人はコードが出てくるまで記事を飛ばすと良い。こんな記事を気合入れて書いて公開した当日に…FacebookのUIが変わって…作ってたスクリプト動かなくなってしまった…orz。俺が何かやったり買うと事件が起きるんや・・「なにか買うとその直後に安くなったり、新機種がでたりするとい

Jxck 2011/09/22

@yamashiro △!!

リンク

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についてはほとんど見られ

Jxck 2011/08/26

Ajax のモックライブラリ 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

Jxck 2011/04/05

リンク

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 techno logies 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

Jxck 2010/12/26

なんだか良く分からないけど、凄そうなやつ。

リンク

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

Jxck 2010/11/12

ajax
xhr2

リンク

Ajax を利用したウェブサイトを適切にクロールするためのグーグルの提案に関するウェブサイト開発者向けの説明 | さくらたんどっとびーず

グーグル公式ブログの一つ Official Google Webmaster Central Blog にて A proposal for making AJAX crawlable という記事が公開されました。SEM R 様が訳されたものを、Google、AJAXサイトを検索エンジンに登録する方法を解説にて公開されてます。ポックンは SEM R 様の記事を公式サイトより先に読んだのですが、末尾に私は開発者ではないので専門用語の使い方がわからず、文章が変ですがご容赦をとの注意書きがありましたので続けて公式サイトも読みました。ところが元の文章も、パッと見ただけではウェブサイト開発者に対してグーグルがどうして欲しいのかちと分かりにくいような感じの内容でしたので、ウェブサイト開発者主観で今回のグーグルからの提案の内容を簡単にご説明したいと思います。まず今回のグーグルからの提案は、Ajax を

Jxck 2010/11/09

リンク

IBM Developer

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.