Rails3.1でAjaxを使う - ひげろぐ
よく理解できていなかったのでチュートリアル的に整理した。 まずはチュートリアル用のアプリを新規作成して、コントローラーを一つ作る。 rails new ajax_tutorial cd ajax_tutorial rails g controller sandbox index update_time Ajaxなフォームやリンクを作成する form_forやlink_toといったヘルパーのオプションに:remote => trueを加えるとボタンを押した時やリンクをクリックした時のリクエストが非同期リクエストになる。 app/views/sandbox/index.html.erb <h1>Sandbox#index</h1> <%= link_to('update time', {:action => 'update_time'}, :id => 'update-time-link',
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 |
吠えるだけじゃなくて、行動しなくちゃ──IT戦士・amachang
ひとりで作るネットサービス──第20回目は「IT戦記」のブログで知られるamachangこと天野仁史さん（25）にお話を伺った。JavaScriptとCSSを活用してブラウザだけで動くプレゼンテーション・ツールや、主要なブラウザでXpathが使えるようにする技術などを1人で開発するamachang。その背景にはどういった苦労や悩みがあったのだろうか。 「今のamachangは吠えているだけだよね」で変わる 「今のamachangは吠えているだけだよね。君の言っている理想に近づきたかったら、もっと人を巻き込まなくちゃだめだよ」。当時のamachangはmixi日記に、仕事の愚痴を垂れ流していた。自分のやりたいことが分からない、何を勉強していいか分からない、上司とうまくいかない……。そうした愚痴を書き込んでいたら、エンジニア仲間に冒頭のように言われた。ショックだった。 もっと人に会わなくちゃだ
第2回 Ajaxはどんなときに使えばいいの？
Ajaxの開発を経験した多くのITエンジニアは，「ちょっとだけ気が利いているというレベルのものにAjaxを使うとよい」とアドバイスする。 SIベンダーであるオープンストリームの川道司氏（ソフトウェアエンジニアリンググループ システムズアーキテクト）は，処理経過を表す「プログレス・バー」をAjaxで顧客のシステムに実装した（図1）。このシステムでは，WebブラウザからWebサーバーにHTTPでアップロードしたファイルを，Webサーバーがさらに他社のFTP（File Transfer Protocol）サーバーに転送する。以前は，ファイル転送の途中経過が利用者に分からなかった。例えば，ファイル容量が大きくFTPで転送しているうちにHTTPがタイムアウトになっても気付けなかった。 図1●Ajaxを適用することで実現した処理の例 オープンストリームの川道氏は，Webサーバーにアップロードされたファ
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
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"
zuzara.com » 日本で公開されているAPI一覧（下書き）
追記：清書としてusing API;でAPIに関するブログをはじめました。 「ProgrammableWeb: Web 2.0 Mashup Matrix」には海外のAPIがずらりと並んでいますが、日本語圏のAPIの最新のリストは見当たらなかったので集めてみました。 Nakamura-KU ADDICT <>invGeocoder のREST 緯度経度を引数に住所を返す写真共有「フォト蔵」Geocoding API – 住所から緯度経度を検索RSSナビ –開発者の方 (RSSナビ RSET API)Simple API – ウェブサイト・サムネイル化ツールlivedoor PICS WebService – livedoor PICS サービスのお知らせ – livedoor Wiki（ウィキ）ヨコナビ – livedoor ReaderのAPI一覧Weather Hacks – live
Ajax、PDA、自然言語――なぜあのとき失敗したのか
ソフト開発に関して言えば、Googleのアダム・ボスワース氏はスピードを必要としている。 「物理学、スピード、心理学：ソフトウェアで何がうまくいき、何がうまくいかないのか。それはなぜか」と題された講演の中で、Google副社長のボスワース氏は、Ajax、PDA、自然言語などの技術がなぜ過去にははやらなかったのに、今成功しているのかを語った。同氏は1月29日、Google NYC Speaker Seriesの一環としてGoogleオフィスで講演を行った。 ボスワース氏は、これまで約30年間ソフトを構築してきたが、常に「そのすべてがうまくいくわけではない」と述べた。「その理由は、振り返ってみると、主に物理的要素と人間心理によることが分かった」。同氏はまた、「その多くはトム・クルーズと関係がある」と語り、映画「トップガン」のトム・クルーズの台詞「I feel the need, the nee
【レビュー】これは凄い! Ajax最強のデバッグツール"FireBug 1.0"リリース (1) デベロッパのアツい視線を受ける実力派エクステンション (MYCOMジャーナル)
デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb
DWRはAjaxアプリを作りたいJava開発者にお勧め
DWRはAjaxアプリを作りたいJava開発者にお勧め：MyEclipseでAjax＋Javaをやさしく開発（2）（1/4 ページ） MyEclipseはJava EE開発を効率化するプラグインの集大成でかつ統合開発環境だ。併せてAjaxの開発を容易にする機能も持ち合わせている。本連載では、サーバサイドにJava EEを、クライアントサイドにAjaxを用いたWebアプリケーションをMyEclipseを使って容易に開発する手法を紹介していく。また、AjaxとJava EEの連携にはAjax開発用のJavaフレームワーク「DWR」を活用する。（編集部） Ajaxアプリケーション開発用のライブラリは数多くありますが、Java開発者がすんなり入っていきやすいのはDWR（Direct Web Remoting）でしょう。本記事では、MyEclipseを使ってDWRの簡単なサンプルを開発しながら、DW
Seis Pesos: Google Maps テンプレート（1）基本
・ああでもない、こうでもないと試行錯誤しながらGoogle Mapsを作っておりますと、そのうち何がナンだか判らなくなり混乱をきたしてきました。しかもAPI 2 が出て従来のバージョン1はいずれ使えなくなるというので、ちょっと要点を整理。覚書代わりに、ひながたのほうが判りやすいかなぁと。他人様の役にも立てるかな？ ・以下のひながたをコピーしてメモ帳などに貼り付け、Sign up for the Google Maps APIで取得した固有のAPI Keyを「キー」の部分に記述、あとは★印の箇所だけ好きなように書き換えアップロードすればいいだけです。 注：「名前を付けて保存」する際に文字コードは「UTF-8」にしないといけません。HEADのmetaも、 content="text/html; charset=UTF-8"にしないといけません。DOCTYPE は、Strict でも Tran
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌
Software Development in the Real World: The Complete List of Ajax Tools Ajax has really taken off over the last two years. Ajax is really just the combination of Asynchronous JavaScript and XML. 各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。 PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。 AJAX ライブラリ Yahoo Ajax Libraries - ご存知Yahoo UI Library Google Ajax Search Yahoo Maps Ajax API -
Top Beachbody Coach – Canada's Top Beachbody Coach
Have you ever wondered what it takes to get in the best shape of your life? Did you know that you could simply workout from home, instead of going to the gym? This blog shares all the best health and fitness advice that you won’t be able to find anywhere else. The Best Way To Workout From Home Looking for tips to be able to workout from home? Make sure you check out our incredible article. The key
【ハウツー】Makiって何よってのは兎も角、JavaScript不要JSP-JSFでAJAX - jMaki (1) AJAXデベロッパにもう一つの朗報 - jMaki (MYCOMジャーナル)
AJAXは主にJavaScriptの機能を使って実現されている技術だ。AJAXは使うぶんにはうれしい技術だが、作る方は大変だ。このため最近ではAJAX用のJavaScriptライブラリを使ってAJAXを実現することが多い。The Yahoo! User Interface LibraryやDojoなどこうしたライブラリは数多く存在する。 これらAJAX JavaScriptライブラリをさらにJSPやJSFで隠蔽して、Javaデベロッパから簡単に扱えるようにしようというプロジェクトに「jMaki」がある。JavaScriptをつかってAJAXを実現したいものの、正直なところJavaScriptを使うのは嫌だというデベロッパには朗報だ。jMakiはまさにそれを実現するためのプロジェクトである。本稿ではこのjMakiの使い方を紹介する。
生産性の高いWeb開発環境 Ruby on Rails：ITpro
ジャンル：Webアプリケーション開発環境 作者：David Heinemeier Hansson氏など ライセンス：MIT License URL：http://www.rubyonrails.org/ Ruby on Railsはデータベースを利用したWebアプリケーションを構築するためのフレームワークだ。RubyとMySQLで構成される。新規に記述するコードの量が少なくて済み，簡単にWebアプリケーションを開発できる。利用可能なアプリケーションも多い。 Ruby on Rails（以下，Rails）は，2005年12月14日にバージョン1.0が登場したこともあり，今最も注目されるWebアプリケーション・フレームワークといえるだろう（写真1）。PHPやJavaを使った既存のフレームワークに比べて，開発時間が短い，すなわち生産性が高いことが特徴である。Ajax（Asynchronous J
Ajax IME: Web-based Japanese Input Method
Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TinyMCE Javascript Content Editor by Moxiecode Systems AB
Google Maps API サンプル一覧
http://blogs.sun.com/roller/page/akihito?entry=youos_%E4%B9%85%E3%81%97%E3%81%B6%E3%82%8A%E3%81%AB%E4%B8%8D%E6%98%8E%E3%82%92%E6%81%A5%E3%81%98%E3%82%8B