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ノードを追加した時に、単
six6s লগইন অনলাইন ক্যাসিনো এ 10,000 টাকা পর্যন্ত বোনাস পেতে জুয়া খেলা শুরু করুন, 150% বোনাস সাথে। লাইভ ক্যাসিনো অফার করে 50% প্রথম ডিপোজিট বোনাস এছাড়াও 12,000 টাকা। অত্যাধুনিক অনলাইন গেমিং প্ল্যাটফর্মে ক্যাসিনো প্রচারটি নতুন খেলোয়াড়দের জন্য প্রথম ডিপোজিটে বোনাস দেওয়া হয়। অনলাইন গেমিং খেলোয়ারদের একাউন্ট যাচাই করার পর স্বাগত বোনাস দেওয়া হবে। নতুন খেলোয়াড়দেরকে অনলাইন গেমিং সাইটে 700 টাকা উপ
jQPie (Jquery PHP interface extension) JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ「jQPie」。 <a>のonclickイベントからPHPの関数をキックするという仕組みが簡単に実装できます。 PHP関数の返り値を alert したりすることも出来ます。 例えば、以下のコードを見てみましょう。 <a href="#" onClick="$.getJSON('handler.php', { handler: 'json', callback: 'getarray' }, function(json) { alert(json.a)})">Test 1</a> .getJSON メソッドの第一引数に、キックするPHPのソースコードを指定、第二引数に、返り値をjsonで受け取る指定と、callback として、PHPの関数
Googleから、またまた素敵なプレゼントが届けられました。「Google AJAX Language API」は、Google翻訳のエンジンを利用することができるAPIです。 日本語から英語や、英語から日本語へ。さらには、イタリア語、スペイン語、ドイツ語等々10ヶ国語以上に対応しています。 使い方も非常に簡単で、次のようなスクリプトを記述するだけ。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <!– スクリプト –> <script type="text/javascript"> google.load(’language’, ‘1′); window.onload = function() { google.language.translate(’hello’, ‘en’,
ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。 応用としては、広告バナーのクリックについてアイトラッキング（目の動きを追う）の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。 実際のデモは以下から。 Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみた
Code Central He is no fool who gives what he cannot keep to gain that which he cannot lose. -Jim Elliot Download YUI Test upload example online Online Example Source YUI is a truly amazing framework for those who are writing Ajax applications. Its JavaScript widgets allow programmer to create richly interactive UI components with ease. However, these UI widgets are not very useful unless the e
CodeZine：Adobe製、AjaxでFLVを制御するオープンソース「Flash-Ajax Video Component」（アドビ）より。 動画共有サイトでは大抵、Flashビデオの下部に再生、音量変更、早送り/巻き戻しの制御が付いている。これはFlash側で組み込まれているので、便利ではあるがそれ以上の発展がない。 もっと動画とサイトをインタラクティブに融合させるためにも、これを使ってみるのが手だ。 今回紹介するオープンソース・ソフトウェアはFlash-Ajax Video Component、Adobe Labs謹製のAjaxによるFlashビデオ操作ライブラリだ。 Flash-Ajax Video Componentを使うと、FlashビデオをJavaScriptから制御できるようになる。Flashオブジェクトの描画もJavaScriptを通じて行うので、embedタグを書くこ
Googleは、ウェブブラウザの機能を拡張する技術「Google Gears」の提供を開始する。ネットワークにつながっていないPCでもブラウザ上でウェブアプリケーションが使えるようにするもの。第一弾として、5月31日にフィードリーダー「Google Reader」をGoogle Gearsに対応させる。 Google GearsはJavaScriptを利用して、オフラインでもブラウザ上でウェブアプリケーションが動作できるようにしたもの。仕様はオープンソースで公開し、第三者が無料で利用できるようにする。 Googleはブラウザ上でワープロ文書や表計算シートが作成できる「Google Docs ＆ Spreadsheets」など、これまでに多くのウェブアプリケーションを無料で提供してきた。ただ、これらのサービスはネットワークに接続していないと利用できないという大きな弱点があった。Google
Introducing the AJAX Feed API FeedControl
This morning we added a new class to the Google AJAX Feed API designed to allow you to more easily add a collection of feeds to your pages. The FeedControl is pretty simple: var feedControl = new google.feeds.FeedControl(); feedControl.addFeed("http://www.digg.com/rss/index.xml", "Digg"); feedControl.addFeed("http://feeds.feedburner.com/Techcrunch", "TechCrunch"); feedControl.draw(document.getElem
Timeline has graduated! The Timeline project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information.
「Web 2.0はセキュリティ上の危険が高い。そのリスクを回避するためには，技術面やコスト面から現実的な対策を考えるべきだ」---。不正なWebアクセス/DBアクセスを防御する機器「SecureSphere」の開発会社，米ImpervaでCTO（最高技術責任者）を務めるAmichai Schulman氏は2007年4月27日，東京エレクトロンデバイスが開催したユーザー・セミナー「Web 2.0のセキュリティ･リスクと回避法」で講演した。 Amichai Schulman氏: “Web 2.0”という次世代のWeb利用方法が広まっている。Web 2.0は情報システムを便利にしてくれるが，その半面，セキュリティ上のリスクも広がってしまうという側面がある。情報システム部門は，Web 2.0によって引き起こされるリスクを知るとともに，このリスクを回避しなければならない。リスクの姿と対処方法を示そう
Spotlight-Like Search As You Type With CSS, AJAX & JS Dustin Bachrach Blog OS X has a lot of great effects. These are great building blocks for creating effects for the web. OS X の Tiger についてくるインクリメンタル検索機能のSpotlight機能をWebでも実現するためのCSS&HTML&JavaScriptサンプル。 次のようなインクリメンタルな検索機能をあなたのサイトにも実装できます。 Spotlight 自体の ユーザインタフェースが既によく考えられて作られていて、優れているので、サイトにも実装するとユーザビリティが上がることは間違いなさそう。 prototype.js と scriptaculou
crossdomain.js とは？ crossdomain.js は、Ajax でいうところの XMLHTTPRequest を Flash 経由で行う為のライブラリです。 通常の Ajax のリクエストでは、ドメインの異なるページへのリクエストが行えませんが、Flash 経由にすることで crossdomain.xml が置かれている一般的なAPI サーバーなら直接アクセスが可能です またJSON で E4X ライクに返値を返している為、XML の内側の要素に簡単にアクセスできて非常に便利です。 crossdomain.xml を利用してクロスドメインの壁を越えられる E4X ライクに簡単に XML 要素にアクセス ダウンロード 以下から入手できます。
進歩の速いWeb関連技術。次から次へと新しい概念や技術が登場するので，なかなかフォローしきれないと考えている人も多いでしょう。そこで，この春からWebを担当するという人に向けて，とりあえずこれだけは押さえておきたい三つのトレンドについて，これまでに当サイトに掲載した解説記事を紹介します。すでにWebを担当している人も，復習を兼ねて読んでみてください。 その1：Web標準 （筆者：益子 貴寛） Web業界では「Web標準（Web Standards）」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について，基礎知識だけでなくトレンド的な観点を交えながら，「なぜWeb標準が普及してきているのか」を考えてみよう。 Web標準（Web Standards）とは，「Webで標準的に利用される技術の総称」である。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
