2010/12/10 コース:元祖こってり 「元祖こってり」記事はネットエージェント旧ブログ[netagent-blog.jp]に掲載されていた記事であり、現在ネットエージェントに在籍していないライターの記事も含みます。 IE8+jQueryによるクロスドメイン通信とXDomainRequestラッパーの作成 こんにちは、ネットエージェント株式会社、研究開発部の長谷川です。 さっそくですが、みなさんは「Advent Calendar」をご存じでしょうか? Advent Calendar と言えば、一般的には、クリスマス(12月25日)までの残り日数をカウントダウンするカレンダーを思い浮かべるかもしれませんが、ここで紹介する Advent Calendar とは、様々な業界、技術方面で活躍されているプログラマ有志が、毎日交代で1つずつ技術的なトピックスを紹介する技術系Webイベントのことです
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法 AJAXアプリ(サイト)をクローラブル(crawlable)にするための技術的アプローチ。Googleが公開した最新ドキュメントを基に解説します。 公開日時:2010年03月05日 19:53 米Googleが、AJAXベースのウェブサイトをコンテンツを検索エンジンに登録する方法についての、最新ドキュメントを公開しました。昨年10月に検討段階の実装方法が公式サイトで紹介されましたが、それのアップデート版になります。 最初におさらいをします。AJAX(エイジャックス)は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能です。しかし、いまブラウザで表示している内容と対になるURLが存在しないために、クローラが個々のコンテンツをクロールできないこと、また、仮にステートフルU
JSが少しできる人ならうじうじ考えるほどのこともでもない! 何も難しいことはない!ぶっとんぢまいなよ!ヒャッパー!!! というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ! 以上入門終り!キミは完璧だ!次いけ! Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ! どうでもいい!そんなことよりもXMLHttpRequestオブジェクト生成! var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.net」です。形・色・サイズ・アニメーションする速度を選べば即座に完成するというお手軽さ。だからといってできあがるアニメーションはしょぼくないというのがポイントです。 実際のサンプルや作り方などは以下から。 Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D) http://www.preloaders.net/ 種類は「3次元(3 dimensional)」「四角形(Rectangular)」「円(Circula
ユーザーが画像をアップロードできるフォームなどで、「参照」ボタンのあるフォームコントロールを使うことはよくあります。 しかし、なかなか見栄え良くならない上に、アップロードのためにフォームを送信しなければならず、いまいち素敵なフォームになりません。 そこで、「Ajax file upload with jquery」を使えば、素敵なアップロードページを作ることができます。 ライブラリを利用すると、大きなボタンが表示され、クリックするといつも通りファイル指定ダイアログが表示されます。 ファイルを選択すると、画面がリロードすることなくボタン上でアニメーションが展開されます。 利用には jQuery 1.2が必要だとか。素敵ですね。 Ajax file upload with jquery - valums.com
RJSなら数行のRubyコードでAjaxアプリを作成できる:Ruby on RailsのRJSでかんたんAjax開発(後編)(1/4 ページ) ほんの数行のRubyコードで、Ajaxアプリケーションを 今回は、前回の「かんたんAjax開発をするためのRuby on Railsの基礎知識」に引き続き、Ruby on Rails(以降、Rails)が提供するRJSを使用したAjaxの開発の仕方について解説しています。 まだRailsを使ったことがない方でも大枠の理解ができるように、前回はRuby言語やRailsの基本部分を解説しました。後編である今回はいよいよ本題のRJSの解説をメインに進めていきます。RJSを利用すれば、ほんの数行のRubyコードを書くだけで、非常に簡単にアプリケーションをAjax対応できることを解説していきます。 もう一度、サンプルをおさらい 今回のサンプルプログラム(拡大
加藤です。 先月購入したオライリーのAjax on Railsがあまりにも使えるので、小脇に抱えてこれでもかというぐらい使い倒しています。でも本だけだとやっぱり足りない部分があり、本とリファレンスとコードの三角読み状態もきつくなってきたので、簡単なチートシートをつくってみました。 せっかくなので公開しますが、自分用にサクッとつくったので間違いがあるかもしれません。見つけたらぜひ教えてください。 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=airs-22&o=9&p=8&l=as1&asins=4873113326&fc1=000000&IS2=1<1=_blank&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" marginwidth="0" frameborder="0" marginheight="0
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
リストの順番を自由に並べ替えたい。こんな時、Railsにはヘルパメソッドsortable_elementがある。このメソッドを1行追加するだけで、マウス操作でドラッグして並べ替えが可能になる。但しいくつか注意することがある。それを知らないために、思うように動かず遠回りしてしまったので、忘れないように自分用のメモ。まずは以下のように使ってみた。 利用環境 MacBook Rails 1.1.6 scriptaculous-js-1.7.0 必要最小限の基本動作を確認 <%# view %> <%= javascript_include_tag :defaults %> <ul id='sort'> <li id='item_1'>item_1</li> <li id='item_2'>item_2</li> <li id='item_3'>item_3</li> </ul> <%= sort
盟友ティッシ卿が、かの連載によってこの世界に対してすばらしい貢献をしているというのに、こちらはそれを享受するだけでよいのだろうか? そういうわけで、俺も書こう、比較対象を。というわけで、ふかくていWicket第3夜の内容をRuby on Railsで実装してみることにした。これまでAJAXは軽視してきているので、まともに書いてみたことが無い。勉強半分。 準備 RoRはもう使えるという前提。モデルは使わないから、DBいらない。 プロジェクト作成 $ rails piyo_rails (なんかいっぱいできる) $ cd piyo_rails 日本語環境向け設定 config/environment.rbのトップに次の一行を追加する。 $KCODE = 'utf8' app/controllers/application.rbを次のようにする。 この設定だと、AJAXを使ったアプリケーションを作
些細なことだが、以前から気になっていたのだ...。in_place_editorの上にマウスを乗せた時、ハイライトして、消え行く最後の色を。もう少し詳しく説明すると、in_place_editorでは、以下のような状態変化を確認出来る。 マウスカーソルがin_place_editorの上に乗ると、その文字列の背景色がピカッと黄色く光る。 マウスカーソルがin_place_editorの上に滞在している間は、背景色の黄色はその状態で維持される。 マウスカーソルがin_place_editorから離れると、文字列の背景色が次第に薄れて行く...。 3番目の「背景色が次第に薄れて行く」ところが問題で、実は「薄れて行く」のではなく、「白(#ffffff)に変化して行く」というのが正しい表現だ。今まで背景が白い時は気にならなかった。(同じ白に変化して行くので、薄れて行くように見えたのだ。) ところが
link_to_remoteなどによるajaxリクエストは、通常、非同期で処理*1される。ところが、:type => :synchronousオプションを設定することで、同期処理*2になることを知った。 :type => :synchronousを設定すると、asynchronous:falseに展開される。(指定が無い場合は、asynchronous:trueに展開される。) 送信ボタンをクリックすると、処理が完了するまでボタンが押されたままの状態が続き、マウスやキーの操作を受け付けなくなる。 <%= form_remote_tag :update => 'default_update', :submit => 'default_params', :url => {:action => 'update_preference'}, :type => :synchronous %> 上記ヘル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く