XMLHttpRequest とはなんだったのか | blog.jxck.io
Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命
そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで
Ajax animated gifs - loading graphics - loading bars - ajax animation | OpenGraphicDesign | free vectors, graphic design, free download
It’s time to create those cool user interfaces and now you need some ajax-style loading animation. Download these graphics and use them on your next online application. These are great if you like to add a little interactivity to your submission form or interactions page. These animated gifs work specially good when data is being submitted or files are being uploaded. It is recommended to use some
Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog
On one of my web projects I’ve been working on, we needed to allow the user to edit some information on their profile page. I could have written an HTML form page and then written the php database updater, but why use such outdated interfaces? This is the era of AJAX, and you can’t deny it. AJAX is pretty sweet. I decided on using flickr-like editing boxes to do the job. If you are not familiar wi
Edit-in-Place with Ajax
Back on day one we looked at using the Prototype library to take all the hard work out of making a simple Ajax call. While that was fun and all, it didn’t go that far towards implementing something really practical. We dipped our toes in, but haven’t learned to swim yet. So here is swimming lesson number one. Anyone who’s used Flickr to publish their photos will be familiar with the edit-in-place
RailsにJSONデータをPostする
概要 クライアント側からポストされたJSON形式のデータを、サーバ側でparamsから利用する。 こんな感じ。 クライアント側 $ telnet localhost 3000 POST /projects HTTP/1.1 Accept: application/json Content-Type: application/json Content-Length: * { project : { name : "Hello!", desc : "Hello World Project!" } } サーバ側 def create project = Project.new project.name = params['project']['name'] project.desc = params['project']['desc'] project.save ... end 通常の場合 通常
YvoSchaap.com
As everybody knows, refreshing pages is so 1999. AJAX, DOM, whatever you call it makes it possible to let people edit a piece of text inline without having to use a submit button. You say: but that ain’t new at all! I say: But all of this has been made easy to use and implement: 2.0! Example page: inline edit (no JS knowledge needed) [source ] | Inline example: Please edit me! How you can make it
Juggernaut
The Juggernaut plugin for Ruby on Rails aims to revolutionize your Rails app by letting the server initiate a connection and push data to the client. In other words your app can have a real time connection to the server with the advantage of instant updates. Although the obvious use of this is for chat, the most exciting prospect is collaborative cms and wikis. What happens Client A opens socket
ActiveScaffold :: A Ruby on Rails plugin for dynamic, AJAX CRUD interfaces
「私達はUR賃貸物件しか住まない」「子供が出来たら、絶対にUR賃貸住宅がいい」などと、UR賃貸住宅には根強いファンがたくさんいます。特に最近は、子連れ家族に大人気で どうにかしてお気に入りの物件を借りようと、競争が激化しているのです。 礼金・仲介手数料・更新料が不要という大きなメリットがあるUR賃貸住宅ですが、家族3人以上のファミリー向け住宅に人気が集中しているのには、3つの理由があるのです。 一体、どのような魅力があるのでしょうか？早速、ご紹介していきます。 ＜UR賃貸住宅が、子連れ家族に人気の3つの理由＞ 理由1、間取りに対する専有面積が広い＆面白い間取りが多い UR賃貸住宅は、一般的な賃貸住宅に比べて1つ1つの空間がとてもゆったりしています。 ですから、一般の賃貸住宅と同じ間取りでも専有面積が広いので圧迫感がないのです。また間取りを見ると子連れ家族に嬉しい収納スペースがきちんと確保さ
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」:phpspot開発日誌
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」 2009年06月16日- jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」。 同様のライブラリは他にあるかもしれませんが、アニメーションや見た目の点で非常に洗練されていて覚えておく価値アリなものになってます。 Expose 該当部分だけを目立たせることが出来る ↓↓クリックするとクリックした位置以外がグレー表示になります Tooltip イカしたスタイルがかかったツールチップ Tab 綺麗なタブUI Overlay LightBox風のページ内ウィンドウ実装 Scrollable 少ないスペースでコンテンツをスクロールするウィジェット実
利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」:phpspot開発日誌
Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは２回連続で呼び出しても、ちゃんと１個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
プレビュー付きエディタ『Google AJAX APIs Playground』を使ってみた
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
JavaScriptやCSSのメンテナンスにぜひどうぞ·CocProxy MOONGIFT
こ、これは便利…。新規開発しているときはまだしも、実際に動いているサイトのデザインやJavaScriptをメンテナンスしようと思うと以外と大変だ。静的な場合はまだしも、Ajaxを使ってデータを取得していたりすると、その用意だけでも時間がかかってしまう。 そんな時に使えるのがamachangご推薦のCocProxyだ。Webデザイナーまたは開発者の方はおお、こんなのを待っていたと思うに違いない。 CocProxyはRubyで書かれたオープンソース・ソフトウェアで、開発用プロキシだ。 CocProxyを使う際には、filesというディレクトリを作成し、そこにファイルを配置する。ドメインごとにフォルダを作成して、その中にファイルを入れても良いし、直接ファイルを置いても良い。優先度はfiles直下にあるファイルだ。 style.cssはヒットしたのでローカルファイルを利用している そしてproxy
MOONGIFT: » Ajax開発で使えそうなJavaScriptのHTMLレンダリングエンジン「PURE」:オープンソースを毎日紹介
Ajaxを使った開発において、Prototype.jsなどのAjaxではレスポンスを全て指定したID内に入れてしまうことでごく簡単に複雑なレンダリング結果を表示できるようにしている。Ajaxというと、結果のXMLを操作して複雑にJavaScriptを操作しなければならないというイメージに比べてずいぶん単純になり、身近になった。 サンプル だがそれでは通信量が増えてしまうのも事実だ。ごくシンプルなデータを複雑なレンダリングにつなげる、こちらを使ってみよう。 今回紹介するオープンソース・ソフトウェアはPURE、JavaScript向けのHTMLレンダリングエンジンだ。 PUREはjQueryプラグインとして動作するソフトウェアで、複雑なレンダリングを実現しようと思うとなかなか難しいJavaScriptによるHTMLレンダリングを容易にしてくれるソフトウェアだ。 クリックするとデータを追加するサ
| ＾＾ |秒刊SUNDAY | ずばり客が喜ぶWEBサイトを作れるフリーのAjaxサンプル集３０個
2008年08月05日 ずばり客が喜ぶWEBサイトを作れるフリーのAjaxサンプル集３０個 WEB制作で、デザイン性に優れているも、機能的にイマイチだな。と思われてしまうことは無いか。しかしそんなにお金を掛けれないという客にオススメなのが、フリーのAjaxです。FLASHにしてしまうと十万単位で値段が上がりますが、これなら数万に抑えれます。 ◆Lightbox 2 ■Lightbox 2 写真をポップアップして背景を暗くする、イメージギャラリーに使えるライトボックス。はいはい、メジャーですね。ｊｐｇ 次！ ◆Timeline ■SIMILE | Timeline プロジェクト管理や、スケジュールなど幅広く利用できるタイムライン ◆Reflection.js ■Reflection.js ＷＥＢ上で画像にエフェクトを掛ける。 ◆Pie & Donut Chart ■amCharts:
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
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"
Javascript/Ajaxのチートシート集:phpspot開発日誌
Javascript/Ajax cheat sheets >> Scott Klarr Javascript/Ajaxのチートシート集。 JavaScript言語に関するチートシート、そして、jQuery、Prototype、YUI、Scriptacuolous等のライブラリ用チートシートも。 よく使うものは印刷して貼っておきたいですね。 関連エントリ Prototype.js 1.6.0 用チートシート
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax/Javascript/Dhtml examples and demos to download
20の優れたAjax効果*ホームページを作る人のネタ帳
