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 |
| ＾＾ |秒刊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
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
FrontPage - nttdatagroup-oss-square Wiki @ SF.jp
NTTデータグループ・オープンソーススクエアでは、NTTデータグループが開発するオープンソースソフトウェア、及び、関連製品の紹介を行います。実際のシステムでの適用事例や、各プロダクトのリリース情報やセミナー開催等、NTTデータグループがサポートするオープンソースソフトウェアのホットな情報も皆様にお届けします。また、NTTデータグループの社員でオープンソースの世界で活躍する熱きエンジニア達もご紹介します。是非ご覧ください（本サイト公開のニュースリリース） トピックEclipse 3.3 日本語化言語パック(サードパーティ版)及びEclipse 3.4 日本語化言語パック(サードパーティ版) Eclipse3.3/3.4で日本語が利用できるようにする日本語化言語パックのマイルストーン版を公開しました。詳しくはオープンソーススクエア内の解説ページやblancoNLpackGeneratorの解
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Ajaxのキソのキソまとめ - builder by ZDNet Japan
Ajaxパワーの活用方法 Ajaxは、ウェブアプリケーションの開発方法や利用方法を大きく変えた破壊的な技術だ。Ajaxによってインタラクティブなページの作成が可能になったのである。Ajaxは現在もウェブの流行の最先端を走り続けている。 Ajaxという用語は比較的最近生まれたものだが、Ajaxを支えている技術は以前から存在していた。ブラウザに送られたウェブページの内容をあとから変更する機能自体は、何年も前からあったのである。たとえば、JavaScriptでiframeのsrc属性を変更するのもそのような技術の一つだ。 しかし、XMLHttpRequestオブジェクトが主要なブラウザで実装され、GmailやGoogle Mapsが公開され始めると、開発者はそれをきっかけとしてウェブページの構築方法をもう一度考えるようになったのである。 XMLHttpRequestオブジェクト Ajaxを可能に
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
Ajax技術の目に見えない通信内容をのぞいてみよう ― ＠IT
Ajax（エイジャックス）の登場によって、ブラウザのプラグインソフトに頼らなくても、見た目が華やかで動きも面白いWebアプリケーションの開発が可能となりつつあります。筆者のみならず、読者の皆さんもこの技術の行方に興味津々といったところでしょう。本連載では、ブラウザ上での「見た目」だけに注目するのではなく、本技術の背景や目に見えない通信内容、セキュリティといったところにも焦点を当て、より深く掘り下げていきたいと考えています。 はじめに まず、読者の皆さんは、なぜAjaxに興味を持たれたのだろうか？ おそらく、GoogleローカルやGoogleサジェストが、そのきっかけの1つになったのではないかと予想する。確かに、地図が滑らかにスクロールしたり、キーを入力するたびに画面がリアルタイムに切り替わったりする点は、これまでのWebページにはなかった新しい「感触」で、感嘆の声を上げた方も少なくないだろ
【ハウツー】たった一行、これは簡単 - JSFでAjax、Ajax4jsf (1) Ajax4jsfとは | エンタープライズ | マイコミジャーナル
Webアプリケーションシステムにおけるプレゼンテーション層の技術はJSFが主流になっていくのではないかとみられている。このJSFにJavaScriptを連携させしAjaxを実現するコンポーネントにAjax4jsfがある。JSFの特徴を活かしているため多くのライブラリと併用ができるうえ、直接JavaScriptを記述する必要がない。場合によってはJSF時代の重要なプレーヤになるかもしれないAjax4jsfをここでは紹介したい。 Exadelは8月1日(米国時間)、Ajax for JavaServer Faces(Ajax4jsf)の最新版となるAjax4jsf 1.0を公開した。16日(米国時間)にはいくつかの問題を修正したAjax4jsf 1.0.1が公開されている。 Ajax4jsfはJSFでAjax機能を実現するためのコンポーネントフレームワーク。COMMON DEVELOPMENT
Javaの最新動向を見極める デブサミ2007 (1/2) - ＠IT
Javaから見たデブサミ2007 今年の「Developers Summit（通称デブサミ）」は2月の14、15日に東京・目黒の目黒雅叙園にて開催された。今年は昨年までの5会場に加え、「コミュニティライブ！」と称したオフィシャルコミュニティによる30分間のミニライブ会場を特設し、ステージ数も6会場へと増えている。全体では、上記の「コミュニティライブ！」を含め、全部で80を超えるセッション（講演）が行われ、100人ほどのスピーカーが熱弁を振るった。 本稿では、数あるセッションの中から記者が厳選して、Javaに関するものを中心にいくつかレポートしていく。 ■ 関連リンク Developers Summit 2007の開催概要 あのDukeがリンゴを射抜く？ まず最初に紹介するのは、サン･マイクロシステムズ（以下、サン）の草薙昭彦氏によるReal-Time System For Javaについて
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 で動作確認をしていま
ITmedia Biz.ID：海外のPCでも日本語を入力する
日本語変換エンジン（IME）が入っていない、海外のPCでも日本語を“入力”できる――。もうすぐゴールデンウィーク。海外旅行に覚えておきたいそんなツールがあるのだ。 皆さんは海外旅行にPCを持って行きますか？ 仕事だけでなくプライベートでも、メールチェックやSNSの書き込みをしたいと思う人が増えている。海外のホテルでもネット接続環境が充実してきているので、PCを持って行くのも一案。 わざわざ重いPCを持っていくより、町中にあるネットカフェを活用するほうが、スマートかもしれない。そんなとき、困るのが“日本語の入力”である。 IMEが入っていないPCで、Webページから日本語入力 海外のPCには当然ながら、日本語変換エンジン（IME）がインストールされていない。だから、検索エンジンに言葉を入力するのも一苦労だ。筆者は、ITmediaを開いて、必要な言葉を見つけてはコピー＆ペーストを行い、日本語を
[Ajax] 日本語（漢字かな混じり文）にローマ字ルビ
Kawa.netxp Japanese Alphabet - 日本語（漢字かな混じり文）にローマ字ルビ 日本語の文字列を入力すると、 ローマ字 のルビを付けて表示します。 ひらがな・カタカナだけでなく、漢字にも対応しています。 完全な読み下し処理ではないので、複数の読み候補を表示する場合があります。 こんにちは。 私の名前は川崎です。 有難う御座います。 結果はここに表示されます。 更新履歴 2010/02/28 技術解説はこちらに移動しました。 2006/05/11 リンク間違いを修正。（Thanks to Roy at SEVENtwentyfour） 2006/05/08 MeCab(和布蕪) を利用したローマ字化に対応しました。 2006/03/26 SKK の辞書を利用して、漢字かな混じり文のローマ字化に対応しました。 2006/03/22 中国語バージョン と 韓国語バージョン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax/Javascript/Dhtml examples and demos to download
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
googlemapでドラクエ
IBM Developer
