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を勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
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"
Yahoo! ニュース Web サービスを用いたニュースカテゴリの取り込み方法
ここでは Yahoo! ニュース Web サービス を利用して、 Yahoo! ニュースカテゴリ一覧の取り込み方法を説明します。 それぞれのトピック名をクリックすると、Yahoo! ジャパンのニュースヘッドラインページへジャンプします。 まずは実行例を見てください。 Yahoo! Japan ニュース 上記ニュースカテゴリは、Yahoo! ニュース Web サービスを用いて取得しています。 アプリケーションの構築方法 ここでは上記のように、コンピュータカテゴリのニュースカテゴリを取得する方法を説明します。 全体的な構成 いろいろな方法があるのだと思いますが、私は下記のような構成にしています。 次のような順番になります。 Web クライアントの JavaScript から Ajax リクエストを自サーバーに対して行う。 この時、prototype.js の Ajax.Request を利用し
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
WordPress › Error
Error establishing a database connection This either means that the username and password information in your wp-config.php file is incorrect or we can't contact the database server at mysql4-a. This could mean your host's database server is down. Are you sure you have the correct username and password? Are you sure that you have typed the correct hostname? Are you sure that the database server is
ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」:phpspot開発日誌
Toggler Toggler is currently just a proof of concept to mimic the functionality found in desktop programs like Adobe Photoshop ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」。 Togglerを使えばマウスをクリックして上からドラッグするだけでチェックボックスの一括チェックが可能になります。 使い方も次のように簡単です。 var toggle = new Toggler('elementId'); toggle.start(); // start the toggler (enabled by default) toggle.stop(); // stop the toggler これは便利ですね。
Google マップにオリジナル地図作成機能「マイマップ」が追加
グーグルは4月5日、Google マップに自分だけの地図を作成して公開できる機能「マイマップ」を追加した。作成した地図はGoogle Earthからも閲覧できるという。 この機能は、Google マップの左上にある「マイマップ」タブから利用する。地図上に目印を設置したり、道順を示すための線を引いたり、エリアを線で囲むといったことが可能だ。コメントやタイトルには、文字情報のほかに画像やYouTubeにアップされたビデオを貼り付けることもできるという。 マイマップで作った地図はデフォルトで「公開」設定となっている。公開された地図は、Google マップの検索結果の一部として表示される。公開したくない場合は「非公開」設定を選べるが、非公開の地図でもURLをメールなどで知らせることによって友人や家族と共有できるという。 マイマップで地図の作成・編集を行うには、Googleアカウントにログインする必
検索結果のページめくりは不要--goo、新検索インターフェースを公開
NTTレゾナントは4月5日、ポータルサイト「goo」上に開設した実験サイト「gooラボ」において、新しい検索サービスのユーザーインターフェースを公開した。ユーザーの反応を得るのが狙いで、gooの検索サービスの強化へとつなげる。 第1弾として5日に公開されたのは、検索結果をページ分割せず、スクロールで一覧表示する「スクロール検索」。検索結果を順次読み込み、ユーザーがページを切り替えなくてもスクロールするだけで最大1000件の検索結果を見られるようにする。NTTレゾナントによれば、検索結果を動的に表示する取り組みは、国内ポータルサイトでは初という。 4月中には、第2弾として複数の検索結果をブラウザ上に自由に配置できる検索機能「goo-mix検索」を提供する。gooが提供するウェブ検索、画像検索、動画検索、ブログ検索、教えて！goo検索の結果を、ユーザーがブラウザ上で自由に配置できる。 いずれも
入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
画像カーソル位置をズームインできるライブラリ「tjpzoom.js」:phpspot開発日誌
valid.tjp.hu - tjpzoom.js 2.0 - JavaScript / CSS / DOM image magnifier As you may have realized, this is a tool that brings images closer. This is the new version of my script, tjpzoom. 画像カーソル位置をズームインできるライブラリ「tjpzoom.js」。 次のように、カーソル位置の画像をズームできます。 知っておけば、ウォーリーを探せ風の簡単なゲームを作ったり、サイトのキャンペーンとしての面白い１要素として使えそう。 設置方法は簡単で、まず、次のようにスクリプトを読み込みます。 <script type="text/javascript" src="http://valid.tjp.hu/zoom2/tj
Apollo参戦でWidget開発者の争奪戦が激化 Ajax うきうき Watch 第18回 ─ ＠IT
Yahoo! JAPAN - WEB API コンテスト 日本のYahoo!が、プログラミングのコンテストを行います。分野は2つ。1つは、ウィジェット部門です。Yahoo!ウィジェットエンジンを使って開発したウィジェットを募集しています。もう1つは、検索・地図情報・そのほかAPI部門です。こちらは、Yahoo! JAPANの提供するAPIを活用したウェブコンテンツ、アプリケーションを募集しています。 この2つのうち、検索・地図情報・そのほかAPI部門はまさにAjaxの世界にジャストミートする部門といえます。Yahoo!のAPIをマッシュアップした便利なサービスのアイデアを思い付いたら、ぜひ応募してみましょう。 さて、問題はウィジェット部門の方です。これは、Webブラウザで実行するものではないため、Ajaxとはあまり関係がないように思えるかもしれません。しかし、JavaScriptで記述する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本IBM
not found
http://www.ajax-tutorials.com/tutorial-list/