読者です 読者をやめる 読者になる 読者になる

at kaneshin

Free space for me.

ローカル環境でお手軽にAjaxを開発する方法

Ajax Dropbox

ローカルの環境でAjaxを動作させると、下記のように動かない場合があります。

f:id:laplus-knsn:20120814032854p:plain

これは、XMLHttpRequest() オブジェクトはSame origin policy - Wikipedia, the free encyclopediaというセキュリティによるものです。

これを回避するために、基本的にサーバに作成したAjaxアプリケーションをアップロードして、…など面倒な作業が必要ですが、DropboxのPublicフォルダを使えば簡単にhttp通信できるのでお手軽です。

やる方法は、まず、Publicフォルダに対象のファイルを置きます

f:id:laplus-knsn:20120814033625p:plain

次に、開きたいhtmlのファイルまでいき、そのファイルの上でコンテキストメニューを開いて「Dropbox->Copy public link」を選択します。

f:id:laplus-knsn:20120814033721p:plain

そのコピーしたアドレスをブラウザのアドレスバーに挿入して開いてやればOKです。

お手軽ですねー