[対象: 上級] Ajaxを利用しているページでは、Googleのクロールやインデックスを考えた場合、pushStateを使ったほうが“#”(ハッシュ)を使うよりも労力が少なくなりそうです。 下の質問にGoogleのMatt Cutts(マット・カッツ)が回答しました。 Ajaxのナビゲーションを管理するために“#!”から“pushState”に更新すべきだろうか? Googleは両方ともサポートしている。だけどpushStateは特別な設定が不要だしGoogleも余分な処理をしなくて済む。 Matt Cutts氏の答えを一言でまとめると上のようになります。 ここからは僕からの補足です。 #を使ったAjaxページをSEO対応にするのは面倒 一般的に、Ajaxを使ったページではURLに“#”が含まれます。 検索エンジンは#以下をユニークなURL(の一部)として処理しません。 そこでGoogl
「iPadが薄くて軽くなったら買うね」と言っておきながらiPad2を傍観しているminamiです。 今回は便利なjQueryのプラグインの紹介です。 Ajaxでも「進む」「戻る」ボタンを使いたい Ajaxを利用して、ページ遷移することなくコンテンツを展開するWebページも増えてきていると思いますが、URLが遷移しないので、ブラウザの「進む」「戻る」ボタンを使ってさかのぼることができないのがネックです。 そこで最近よく見かける手法が、URL中の"#"以下の文字列を元にページの情報を表示する方法です。TwitterのPCページなどでも取り入れられています。ちなみにこの方法の是非についてもいろいろと議論があるようですが(主に検索エンジン対策)、そこは割愛します・・・ jQuery hashchange eventを使う jQuery hashchange eventは、jQueryのプラグインと
Ajaxのあのくるくる回るロード画像を作りたい。 そんなあなたにおすすめなのが、『AJAX LOADING GIF GENERATOR』。Ajaxのローディング画像ジェネレータだ。 『AJAX LOADING GIF GENERATOR』は、ローディング画像の種類が豊富なのと、すごく簡単に作成できる点がとてもいい。色やスピードなども選ぶことができ、ローディング画像ジェネレータの決定版と言えるサービスだろう。 Ajaxのローディング画像ジェネレータ、チェックして使っていきたいですね。 ■関連記事 » MySpaceやブログ用にオリジナルゲームを作れるジェネレータ『your pics make funny games!』 » 10秒でfaviconを作成できるジェネレータ『FavIcon Generator』 » Wii用のキャラクターを作るジェネレータ『Mii Editor』 » 誘拐犯のた
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法(1) 基本/おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック < リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは? 今回紹介するjQuery UIは、JavaScript(Ajax)フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ&ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット(アコーディオン、日付入力、ダイアログ、スライダー、タブなど) 今回は、jQuery UIのドラッグ&ドロップ機能
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの?っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
Send feedback Overview Stay organized with collections Save and categorize content based on your preferences. The Maps JavaScript API lets you customize maps with your own content and imagery for display on web pages and mobile devices. The Maps JavaScript API features four basic map types (roadmap, satellite, hybrid, and terrain) which you can modify using layers and styles, controls and events,
jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日本語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
Ajaxの定義を考える 皆さんはAjaxという言葉がなんの略かご存じですか? AjaxはAsynchronous JavaScript + XMLの略称で、Asynchronousは非同期という意味です。この言葉はデザインコンサルティング会社Adaptive PathのJesse James Garrett氏によって提唱されました。 その内容はadaptive pathの2005年2月18日掲載記事で読むことができます(出典:Ajax: A New Approach to Web Applications)。 その記事によればAjaxという具体的な技術があるわけではなく、既存技術の組み合わせによって定義されると述べられています(図1)。 では、それを満たさないとAjaxと言えないのでしょうか? データ通信に関して最近ではJSONというフォーマットが主流でXMLを使うことは少ないですし、動的
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery+ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
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へのアップグレード実例紹
Yahoo UI LibraryはAjaxライブラリの1つです。Yahoo UI Libraryは数あるAjaxライブラリの中では非常に高機能なものです(他に高機能なものとしてはDojoやExtJSがあります)。非同期通信機能なども備えていますが、主な機能が集中しているのはUI(ユーザーインターフェース)部分です。このため、XMLデータ処理はver 2.4.0では装備されていないため、自前で実装するか他のライブラリと併用する必要があります (ver 2.4.0以降ではJSON形式を扱えるようになっています)。 ver 2.5.1からはAdobe AIRにも対応するようになりました。 ver 2.8.0からはFlash対応やHTML 5の機能(データストレージ)にも対応するようになりました。 Yahoo UI Libraryはprototype.jsと異なり他のライブラリとは干渉しないように
注æ: ä¸é¨ã®ãã¼ã¸ã¯è±èªã§ã®ã¿ãå©ç¨ããã ãã¾ãã Developer's Guide Google AJAX Search API ã¯ãGoogle Searchãã¦ã§ã ãã¼ã¸ããã®ä»ã®ã¦ã§ã ã¢ããªã±ã¼ã·ã§ã³ã«åãè¾¼ããã¨ãå¯è½ã«ãã Javascript ã©ã¤ãã©ãªã§ããFlash ãããã®ä»ã® JavaScript ã使ç¨ããªãç°å¢ã«ããã¦ãAPI ã§ã¯ç´æ¥ã® RESTful ã¤ã³ã¿ã¼ã
このページはAjax (JavaScript) 関連ライブラリ一覧を掲載しています。 ライブラリのサンプル(例文)に関しては新JavaScript例文辞典にも掲載しています(新しいライブラリなどにも対応しています)。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。
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"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く