Chimply generates your images
New: Added new fonts to generate more creative buttons and badges! More to come... Chimply is a website to easily generate loading image indicators, buttons and badges. You can also manipulate images by resizing and cropping them with the image editor. Create professional images with Chimply. It's easy and free!
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については ほとんど見られ
Google App Engineでクロスドメイン通信
前回「秋はまだですか」と書きましたが、その日のうちに気温下がったｗ これでちょっと過ごしやすくなったかも。…薄着で寝ててちょっと風邪引きそうになったのは内緒(・ω・) 本題。 クロスドメインでの非同期通信(XMLHttpRequest Level2)をGoogle App Engineで実装したのでメモ。はまったポイントもいくつか書いておきます。 特にハマったのは出力ヘッダ周り。 Access-Control-Allow-Origin これはあちこちのサイトに書かれてますね。このヘッダを「*」で出力してあげると他ドメインからの通信を受け付けるようになります。・・・が、これだけじゃダメなんです。 Access-Control-Allow-Methods こいつを指定してあげないとサーバーが受け付けてくれません。GETならGET、POSTならPOST・・・と指定してあげないといけません。これは
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
AJAX内でのリダイレクト処理の罠
こんばんは。笹亀です。 iPhoneの白をず〜〜っと待っているのですが、 今年末ということになってとても残念でなりません。 ここまで待ったので気長に待つことにします。 さて今日はAJAX内でのリダイレクト処理をした際に、 起こったことをご紹介させていただきます。 結論から言うと、 「AJAX内でリダイレクトするときはセッションは使うな！」 まずは遷移として下記のように試しました。 AJAXでSymfonyをfile_get_contentsで呼び出すスクリプトを指定します。 info.php ↓AJAXで呼び出し get.php(外部のSymfonyで作成されたページの呼び出し) ↓file_get_contents関数で呼び出し http://sasa.local/top/sessionTest ↓(Symfony内でリダイレクト http://sasa.local/top/sessio
)
ASP.NET 2.0 でのクライアント ファイルの処理
Victor Garcia Aprea Obies Technologies January 2004 適用対象 : Microsoft® ASP.NET 概要 : ASP.NET 1.x のリソース ファイルを使用して作業する場合の技術的な問題、およびこの作業が ASP.NET 2.0 ではどのように向上するかについて検証します。 この記事のソース コードのダウンロード はじめに Microsoft® ASP.NET コードを作成したことがあれば、おそらく既にクライアント ファイル (スクリプト、スタイル、イメージなどが特に一般的) の処理が必要な状況を経験したことがあるでしょう。ASP.NET の次期バージョン、ASP.NET 2.0 では、Web アプリケーションのクライアント ファイルを処理するための新しく簡単で安全なアプローチが導入されます。ここでは、このアプローチを使用する方法
WebResource.axdの不具合 :: Mind of J
[1] .NET FrameworkとIISのインストール順不同等の理由で、WebResource.axdが生成されず、maintainScrollPosition等のJavaScript functionがCallできないことがあります。その場合は、.NET Frameworkの"修復"インストールで不具合解消するようです。シングルサーバ構成で上記の状態になる場合に、これに該当するみたい。 [2] シングルサーバ構成だと正常に動作するが、複数台のWebサーバをロードバランシングした途端に、WebResource.axdのJavaScript Object(Sys等)がnullになってしまう場合は、Web.Configの<machineKey>の設定が必要なようです。ここに記載されているのと同じ状況に私も陥りました。ここに記載されているmachineKeyの構成方法で正常に動作するようにな
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法 ::SEM R (#SEMR)
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法 AJAXアプリ（サイト）をクローラブル（crawlable）にするための技術的アプローチ。Googleが公開した最新ドキュメントを基に解説します。 公開日時：2010年03月05日 19:53 米Googleが、AJAXベースのウェブサイトをコンテンツを検索エンジンに登録する方法についての、最新ドキュメントを公開しました。昨年10月に検討段階の実装方法が公式サイトで紹介されましたが、それのアップデート版になります。 最初におさらいをします。AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能です。しかし、いまブラウザで表示している内容と対になるURLが存在しないために、クローラが個々のコンテンツをクロールできないこと、また、仮にステートフルU
CometとAJAX CHATの作り方について整理 (Re::Monologue)
AJAXでCHATを作る場合のパターンについて、現時点で集めた情報をまとめてみました。 前提 JavaScript は、HTTP通信オブジェクトである XMLHttpRequest を持つためにブラウザの再読込なしにデータの送受信が可能です。また、JavaScriptはDOMを扱うことができるのでHTMLの要素を自由に書き換えることができます。(innerHTMLを用いても可) この二つの特徴を生かすと、ブラウザの再読込なしにHTTP経由で受け取ったデータをHTMLに表示することができます。 このような技術を用いて CHATを作ると、画面遷移(リロード)のない高速なCHATを構築することができます。あたかも IRCクライアントのようにWebページにログを書き出していくことができるわけです。これがAJAXでCHATを行う場合のメリットです。 ここまでは、AJAXでCHATを作るメリットについ
Web SocketsでAjaxは不要になるか？ － ＠IT
2009/12/11 グーグルのGoogle Chromeチームは12月9日、開発者向けの最新バージョン「Google Chrome developer channel release 4.0.249.0」で、Web Socketsに対応したことを明らかにした。デフォルトで有効となっていて、Pythonで書かれたApache向けモジュール「pywebsocket」と組み合わせることで、Web Socketsを利用したWebアプリケーション実装を始めることができるとしている。 Web SocketsはHTML5関連技術を取りまとめた「Web Applications 1.0」に含まれるサーバ・クライアント（Webブラウザ）間のAPIおよびプロトコル。HTML5に取り組むWHATWGがAPIを、IETFがプロトコルを策定作業中だ。Chrome開発チームの藤島勇造氏らによれば、プロトコルについて
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
超高速無料レンタルチャットCometeo
Ajax と Comet を利用した非常にリアルタイム性の高いチャットルームが無料でレンタルできます。 チャットルームには固定URLが与えられ、個人・商用問わず自由に利用することができます。 プラグイン等のインストールは必要なく、ほとんどのブラウザで高速に動作します。 デスクトップに発言を通知するCometeo Radarを別途インストールすれば、チャットルームを簡単に監視できます。 チャットルームはインターネット上に公開されており、誰でもアクセスできます。個人情報等の取り扱いには十分注意して下さい。 当サイトの利用により損害・不利益が生じても当サイトは一切の責任を負いません。
Ajax中にページ更新する際の注意点
Ajax中にページ更新する際の注意点 Ajaxで通信中にF5などを押してページをリロードすると通信エラーが帰ってきます。 詳しくは調べていませんが、どうもFirefoxでの挙動のようです。 参考：FirefoxでAjax中にF5押したとき « pocketo.net blog このサイトのようにAjaxのXMLHttpRequestをabort()で中断すれば、この問題は解決できます。 var xhr = $.ajax( {....}) $( document ).bind( 'beforeunload', function() { xhr.abort(); } ); ただ、通信の数が多い場合は、毎回設定するのは少し面倒。 そういう場合は、以下のように設定しておくとjQueryでajaxを使うと自動でabort()を設定してくれます。 $("body").bind("ajaxSend",
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自体は柔軟なので、バイナリに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Simple ajax with Play!
ASP.NET AJAXの暗い将来
ASPCode.net Developers Cloud
server.py
Admiral