タグ

Ajaxに関するtemogのブックマーク (19)

  • Loading...

    temog
    temog 2013/03/11
  • Ajaxページでは“#”(ハッシュ)よりも“pushState”を使ったほうがGoogleのSEOに楽かも

    [対象: 上級] Ajaxを利用しているページでは、Googleのクロールやインデックスを考えた場合、pushStateを使ったほうが“#”(ハッシュ)を使うよりも労力が少なくなりそうです。 下の質問にGoogleのMatt Cutts(マット・カッツ)が回答しました。 Ajaxのナビゲーションを管理するために“#!”から“pushState”に更新すべきだろうか? Googleは両方ともサポートしている。だけどpushStateは特別な設定が不要だしGoogleも余分な処理をしなくて済む。 Matt Cutts氏の答えを一言でまとめると上のようになります。 ここからは僕からの補足です。 #を使ったAjaxページをSEO対応にするのは面倒 一般的に、Ajaxを使ったページではURLに“#”が含まれます。 検索エンジンは#以下をユニークなURL(の一部)として処理しません。 そこでGoogl

    Ajaxページでは“#”(ハッシュ)よりも“pushState”を使ったほうがGoogleのSEOに楽かも
    temog
    temog 2013/03/11
  • Ajaxコンテンツでも手軽に「進む」「戻る」を実装できるjQuery hashchange event | バシャログ。

    iPadが薄くて軽くなったら買うね」と言っておきながらiPad2を傍観しているminamiです。 今回は便利なjQueryのプラグインの紹介です。 Ajaxでも「進む」「戻る」ボタンを使いたい Ajaxを利用して、ページ遷移することなくコンテンツを展開するWebページも増えてきていると思いますが、URLが遷移しないので、ブラウザの「進む」「戻る」ボタンを使ってさかのぼることができないのがネックです。 そこで最近よく見かける手法が、URL中の"#"以下の文字列を元にページの情報を表示する方法です。TwitterPCページなどでも取り入れられています。ちなみにこの方法の是非についてもいろいろと議論があるようですが(主に検索エンジン対策)、そこは割愛します・・・ jQuery hashchange eventを使う jQuery hashchange eventは、jQueryのプラグインと

    Ajaxコンテンツでも手軽に「進む」「戻る」を実装できるjQuery hashchange event | バシャログ。
    temog
    temog 2013/02/28
  • Ajaxのローディング画像ジェネレータ『AJAX LOADING GIF GENERATOR』 | CREAMU

    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 UIで実現! Ajaxで複数選択ドラッグ&ドロップ

    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のドラッグ&ドロップ機能

    jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ
    temog
    temog 2010/03/06
  • ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery(入門編)

    こんにちわ。山下です。 最近、私の周りでは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

    temog
    temog 2010/03/06
  • Plugins | jQuery Plugins

    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.

    temog
    temog 2010/03/06
    Windowプラグイン
  • Google マップ API リファレンス - Google マップ API - Google Code

    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,

    Google マップ API リファレンス - Google マップ API - Google Code
    temog
    temog 2010/03/06
  • jQuery 開発者向けメモ

    jQuery 開発者向けのメモです. ずっと以前に,jQuery に関する日語の情報がまだ少ない頃に作ったページですが, その後 jQuery を再び利用する機会があったので,最新バージョン向けに記述を更新しました. 住宅ローンシミュレーションです. jQueryを利用したフォームの動的な追加や,flotプラグインによるグラフ描画などを行っています. ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです. 最終更新:2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したイ

    temog
    temog 2010/03/06
  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

    temog
    temog 2010/03/06
  • [Think IT] 第1回:Ajaxの基礎知識 (1/3)

    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を使うことは少ないですし、動的

    temog
    temog 2010/03/06
  • jQuery 関連記事まとめ - Cyokodog::Diary

    はてブだと埋もれるのでこちらに書き足してきます。 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 ではじめ

    jQuery 関連記事まとめ - Cyokodog::Diary
    temog
    temog 2010/03/06
  • あるSEのつぶやき: 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 PDFAPI/サンプル/解説 Prototype.js Documentation - まとめサイト Prototype 1.6.0へのアップグレード実例紹

    temog
    temog 2010/03/06
  • Yahoo UI Library リファレンス

    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と異なり他のライブラリとは干渉しないように

    temog
    temog 2010/03/06
  • Developer's Guide - Google AJAX Search API - Google Code

    注意: 一部のページは英語でのみご利用いただけます。 Developer's Guide Google AJAX Search API は、Google Searchをウェブ ページやその他のウェブ アプリケーションに埋め込むことを可能にする Javascript ライブラリです。Flash や、その他の JavaScript を使用しない環境において、API では直接の RESTful インターフ

    temog
    temog 2010/03/06
  • Ajax (JavaScript) Library List (Ajaxライブラリ一覧)

    このページはAjax (JavaScript) 関連ライブラリ一覧を掲載しています。 ライブラリのサンプル(例文)に関しては新JavaScript例文辞典にも掲載しています(新しいライブラリなどにも対応しています)。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。

    temog
    temog 2010/03/06
  • http://moto-mono.net/2009/07/07/jqueryplugins-i-have-used.html

    temog
    temog 2010/03/06
  • 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"

    temog
    temog 2010/03/06
  • Yahoo! UI Library

    Measure, monetize, advertise and improve your apps with Yahoo tools. Join the 200,000 developers using Yahoo tools to build their app businesses.

    Yahoo! UI Library
    temog
    temog 2010/03/06
  • 1