Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
Back from Callback Hell with Bacon.js
I've heard the words Callback Hell quite a many times lately. I'll take it that you know what I'm talking about. Just gonna briefly show how to get Back from Hell with bacon.js... So, what about if you want to perform two independent AJAX calls and do something with the values of both? You might $.ajax("/cats").done(function(cats) { $.ajax("/dogs").done(function(dogs) { doStuffWithCatsAndDogs(cats
64connors | Chromeでajax通信時に起こるエラー
『少しはまったので、備忘録的にメモ』 というフレーズを自分が書くことになるとは。。。感慨深いぜ！ さて、業務で少しはまった点を書いておきます。 2012年の4月くらいからですかね、 chromeのバージョンが18くらいになったときからですが、 それまでは普通に動いていた、ajax通信にエラーが起こるようになりました。 『POST http://www.hoge.com/hoge.json 412 (Precondition Failed) 』 こんなエラー内容です。 何のことやらさっぱりです。 これが、ページのリロードをすると、2回に1回起こるようになりました。 ちなみに、ajax通信部分は、下記のような書き方です。 jQueryに任せたコードです。 $.post( "hoge.json", null, function (data) { /* データ通信後の動作 *
Use basic authentication with jQuery and Ajax
I am trying to create a basic authentication through the browser, but I can't really get there. If this script won't be here the browser authentication will take over, but I want to tell the browser that the user is about to make the authentication. The address should be something like: http://username:password@server.in.local/ I have a form: <form name="cookieform" id="login" method="post"> <inpu
A Better Way To AJAX - jqueryahm.com
jquery-ahm light-weight jquery plugin that eliminates client-side ajax callbacks What is jquery-ahm? jquery-ahm is a replacement for $.ajax. $.ajax requires custom and often times repetitive client side javascript code to handle ajax responses. This problem is especially evident in complex ajax heavy pages. $.ahm reduces javascript code by letting the response data define the actual callbacks. Lea
XMLHttpRequest - Wikipedia
XMLHttpRequest (XHR) は、JavaScriptなどのウェブブラウザ搭載のスクリプト言語でサーバとのHTTP通信を行うための、組み込みオブジェクト（API）である。 すでに読み込んだページからさらにHTTPリクエストを発することができ、ページ遷移することなしにデータを送受信できるAjaxの基幹技術である。 XMLHttpRequestを利用したWebアプリケーションは非常に多く存在し、例として、Google マップ、Facebookなどが挙げられる。 XMLHttpRequestは、マイクロソフトがOutlook Web Access 2000のダイナミックHTMLによるウェブインターフェースに活用するため、1999年公開のInternet Explorer 5においてActiveXオブジェクトとして実装したのが始まりである[1]。その後、2001年にMozillaプロジ
FormData - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback The FormData interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the fetch(), XMLHttpRequest.send() or navigator.sendBeacon() methods. I
Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
徳丸浩の日記 - iモードブラウザ2.0のXMLHttpRequestでPOSTデータの扱いが困難になった
_iモードブラウザ2.0のXMLHttpRequestでPOSTデータの扱いが困難になった このエントリでは、iモードブラウザ2.0の制限により、XMLHttpRequestでPOSTメソッドの利用が困難になっていることを確認したので報告する。 iモードブラウザ2.0のJavaScriptを試していて、POSTメソッドでデータが渡せていないことに気がついた。以下のようなプログラムで検証してみた。 【post.html】 <html> <head> <script> function test() { try { var requester = new XMLHttpRequest(); requester.open('POST', '/dumppost.php', true); requester.onreadystatechange = function() { if (requeste
Ajax を利用したウェブサイトを適切にクロールするためのグーグルの提案に関するウェブサイト開発者向けの説明 | さくらたんどっとびーず
グーグル公式ブログの一つ Official Google Webmaster Central Blog にて A proposal for making AJAX crawlable という記事が公開されました。SEM R 様が訳されたものを、Google、AJAXサイトを検索エンジンに登録する方法を解説にて公開されてます。 ポックンは SEM R 様の記事を公式サイトより先に読んだのですが、末尾に私は開発者ではないので専門用語の使い方がわからず、文章が変ですがご容赦をとの注意書きがありましたので続けて公式サイトも読みました。ところが元の文章も、パッと見ただけではウェブサイト開発者に対してグーグルがどうして欲しいのかちと分かりにくいような感じの内容でしたので、ウェブサイト開発者主観で今回のグーグルからの提案の内容を簡単にご説明したいと思います。 まず今回のグーグルからの提案は、Ajax を
Ajax リクエストの順番を直感的に記述可能な uu.ajax.queue を追加 - latest log
uu.ajax.queue は順番や待ち合わせなどの規則を指定した Ajax リクエストを可能にします。 uu.ajax.queue(cmd, [url, ...], [option, ...], [fn, ...], lastfn, ngfn) cmd には "0+1+2" や "a>b+c>d" などのような規則を文字列で記述します a+b なら a と b を同時に読み込みます。 ブラウザ毎に、同時にリクエスト可能な数に制限があるので、同時にならないこともあります。 a>b なら a をロード後に b をロードします。 a や b の部分には一文字の英数字(0-9,a-z,A-Z)を指定できます。 ここで指定した ID は lastfn や ngfn の第一引数(hash.id)に設定され、リクエストの追跡に利用できます。 option オプションを Hash で指定します。省略可能
MOONGIFT: » CSSを使ったクロスドメインAjax「CSSHttpRequest」:オープンソースを毎日紹介
CSSHttpRequestはJavaScriptを使ったオープンソース・ソフトウェア。AjaxはWebシステムを進化させた凄い技術ではあるが、制約も色々とある。特に大きいのがクロスドメインによるデータの授受ができないという問題だろう。その問題を解決するため、JSONPをはじめとする様々な対抗技術が生み出されている。 デモ。文字表示やFlickr検索など GETリクエストの限定されるが、CSSを使ってAjaxと同じような動作を実現するというのがCSSHttpRequestだ。これは新しい視点で、なかなか面白い。CSS側の書き方も特徴的になるが、これはPHPをはじめとするサーバ出力によって自動生成すれば良い。 Ajaxで受け渡すデータを#c0、#c1といったIDを定義して、そのbackgoundプロパティでdata URIスキーマを使って受け渡す。data URI自体は柔軟なので、バイナリに
AJAXサイトをスピード化するMXHR - huixingの日記
本来のオプティマイズでは難しいAJAXを多用するサイトの高速読み込みを実現する技術をdiggの開発者がMXHRとして発表した。いままではページのどのパーツも同等の重要度で扱われ、ページがレンダリングされるたびにすべてのパーツからHTTPコネクションのリクエストが送られていた。またdiggのような掲示板のようなページでは大量のキャッシュが必要で、クライアントによって実際にどれくらいのコメントが見えるかの差が非常に大きい。MXHRはこれらの問題を解決するためにデザインされたもので、サーバーとクライアント間で、ただひとつだけのHTTPコネクションを開く。これによりサーバーがページのどのパーツを先行して読み込むかをコントロールすることが可能になり、ユーザーにとってはページ読み込みがほぼ一瞬で済むことを意味する。コードはdiggのブログで公開されており、MXHRが発展していけばAJAXの利便性にスピ
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Does jQuery send cookies in a post?
GitHub - defunkt/jquery-pjax: pushState + ajax = pjax
2 Ajax plugins for jQuery +1.3
Apache2 Ubuntu Default Page: It works