Webの使い勝手を向上させる決め手「Ajax」とは？
Webブラウザで地図を参照すると，イライラすることが多い。ちょっと表示範囲を移動するだけで地図全体の再描画が起こり，表示が終わるまで待たされるからだ。そうした不便さを解消し，使い勝手を向上させる画期的なWebアプリケーションが登場した。「Googleマップ」や「goo地図」など，いわゆるスクロール地図サイトだ。マウスの動きに合わせて地図の画像がスムーズにスクロールする。 このようなスクロール地図には，「Ajax」（エイジャックス）という技術が使われている。Ajaxとは今年になって登場した新しい造語で，「asynchronous JavaScript ＋ XML」の略。まだ一般にはなじみの薄い言葉だが，Webの使い勝手を大幅に向上させる技術として，注目を集めつつある。 Ajaxとは何かを知るには，実際にスクロール地図がどのように動いているのかを理解するのが近道だ。goo地図を例にしくみを見て
＠IT：古くて新しいAjaxの真実を見極める
Ajax推進委員会 監修：ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー
Programmable Search Engine | Google for Developers
Send feedback Stay organized with collections Save and categorize content based on your preferences. Programmable Search Engine enables you to create a search engine for your website, your blog, or a collection of websites. You can configure your engine to search both web pages and images. You can fine-tune the ranking, add your own promotions and customize the look and feel of the search results.
Google AJAX Search API
Platforms and Operating Systems Android Google AI Chrome Google Cloud Firebase Frameworks, IDEs, and SDKs Jetpack Compose Android Studio Flutter Project IDX Google AI Studio Services and Integrations Gemini API Vertex AI Identity Google Pay API Google Workspace Growth and Monetization Google Play Google AdMob Google Ads Chrome Extensions Google Search Central Groups Google Developer Groups Google
JavaScriptオンリーで動く高速サーチエンジン＆タグクラウド:phpspot開発日誌
Tipue JS Tipue JS is an Open Source JavaScript site search engine. It works with any browser that supports JavaScript and at least partially supports the W3C DOM Level 1. JavaScriptの高速サーチエンジン、Tipue JS。 JavaScriptのみで動作するのでサーバーサイドでの検索処理は不要。 但し、tip_data.js というファイルでデータを持っておき、ブラウザに読ませる必要があります。 現在の所、日本語は通らないようですが、なかなか面白いプログラムですね。 図） Tipueによる検索結果画面 もう一つ。 同じサイトで配布されているCloud JSが面白いです。 Cloud JS Cloud JS use
GIGAZINE - クリックするだけで編集可能な「Easy AJAX Inline Text Edit」
GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor
画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
ThickBox 3.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
Startforce | スタートフォース いつでも、どこでも、あなたのデスクトップ。
StartForce（スタートフォース）は、かつてスタートフォース株式会社により開発、販売されていた、ウェブブラウザ上で動作するデスクトップ環境システムです。 2006年の発売当時、このようなシステムは大変画期的でした。昨今では様々な場面で使われるようになった「クラウド」という言葉とともに、注目を集めることとなったのです。 InternetExplorerなどのウェブブラウザからログインすると、Windowsに近いデスクトップ環境で、オフィススイート、PDFの閲覧、メール、カレンダー、メッセンジャー等のサービスを扱うことができました。 次の項目で、「StartForceでできたこと」をもう少し詳しく見ていきましょう。 StartForceには、ユーザー登録を行うだけで利用できる無料のPersonal版と、企業向け有料プランのEnterprise版が存在しました。 Enterprise版では
Ajaxを使おう RSSリーダーを作る - ［JavaScript］All About
下記ボタンをクリックすると各RSSを動的に読み込み、リストを表示します。 (チャンネルによっては、最新データが0件の場合もあります。別のチャンネルをお試し下さい。上記動作可能ブラウザでうまく表示できない時は、ActiveXの設定などもお確かめください。) パソコン・デジタル家電 ビジネス・キャリア 住宅・インテリア 人気記事ランキング <button onclick="rssReader('http://allabout.co.jp/rss/computer/index.rdf')"> パソコン・デジタル家電</button><br> <button onclick="rssReader('http://allabout.co.jp/rss/career/index.rdf')"> ビジネス・キャリア</button><br> <button onclick="
ツンデレ・幼なじみ・メイド・妹のボイスが入った「∞(むげん)プチプチ ぷち萌え」 - GIGAZINE
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン123.0.6312.58(Linux)／123.0.6312.59(Windows、Mac)がリリースされました。CSSやWeb APIに様々な機能が追加されており、従来よりさらにウェブコンテンツの表現力が豊かになっています。 Chrome Releases: Stable Channel Update for Desktop New in Chrome 123: light-dark function, Service Worker Routing API, and more! - YouTube ◆CSS関数light-dark() CSSの色関数として、新たにlight-dark()が追加されます。この関数は引数として2つの色を指定することができ、下記の状況に応じていずれか一方を返します。 ・ウェブ開発者が明色
画像→HTML変換ツール - 徒然なるままにBlog
ヒマ少し時間があったので画像をHTML(アスキーアート?)に変換するツールを作ってみました。 使い方は"画像のURL"に変換したい画像のURLを入れて"文字"に適当な一文字を入れます。 で、"HTML変換"ボタンをクリックするとその画像が"文字"で表されたHTMLとして表示されます。 デフォルトでミクシィのロゴ画像が変換されるようになっているのでとりあえずそのままボタンを押してみてください。 どうしても画像が表示できない環境や画像を含めたHTMLを無理矢理一枚のHTMLに収めたい かなり特殊な状況下にいる人には使えると思います。 画像のURL： 文字： 大きさ：ピクセル 縮小：% ニアレストレイバー バイリニア 表示： 画像 ソース
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"
暴想 : 自分のココログを全文検索するJavaScript
（2010/06/20追記） 長いことオリジナルテーマに未対応でしたが、対応させました。なので、ココログのどのテンプレートでも動くようになっていると思います。 ------- 自分のココログを全文検索できたらなぁ、、、って思ったことはありませんか。 もちろん、グーグルのサイト内検索機能を使えば似たようなことは可能です。 でも、あれってグーグルに飛ばないといけないし、検索結果も見ずらいし、何よりも完全に全ての記事を検索してくれているわけでもありません。 そもそも、公開設定をオフにしていたり、パスワード保護をオンにしていたらクロールされませんし。 というわけで、ブログパーツでココログ内を全文検索できるようにするブログパーツを作りました。 もちろん、ココログユーザーならば誰でも使えます。 んで、使い方ですが、ココログを使っている人ならば誰でもこの検索ボックスを設置することが可能です。 もちろん、
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
ITmedia +D モバイル：Ajax対応の携帯フルブラウザを開発へ
HOWS（ハウズ）とイノシスは3月30日、Ajax（Asynchronous JavaScript＋XML）を実装可能とする携帯フルブラウザの開発で技術提携すると発表した。これにより携帯電話上でリッチな地図情報を閲覧したり、営業日報や見積もりなどを行う業務アプリケーションを利用したりできるとうたう。 HOWSは、Ajaxを活用したWebコンポーネント技術を提供する企業。またイノシスは、携帯フルブラウザの開発を手がける企業だ。携帯フルブラウザにJavaScriptを利用した技術を用いることで、例えば業務アプリ上で画像の拡大・縮小やポインタによる高速スクロールをストレスなく行えるほか、Ajaxの特徴である非同期通信を利用してデータ通信量の削減、ブラウジング時間の短縮を実現するという。 両社ではAjax対応フルブラウザの利用需要が高い分野として、携帯電話でのリッチな地図情報サービス、営業日報や見
Qooqle Video
2018.12.27 アンダンテ 2018.12.26 私の心は花の雨 2018.12.26 ATHENA ーアテナー 2018.12.26 金蘭良縁 2018.12.26 私たち結婚しました3 イ・ジャンウ&ウンジョン編 2018.12.25 太陽の末裔オリジナルサウンドトラック 2018.12.25 王の顔 2018.12.25 僕は彼女に絶対服従～カッとナム・ジョンギ～ 2018.12.24 密会（韓国ドラマ） 2018.12.24 私だけのあなた 2018.12.24 キム・マンドク～美しき伝説の商人～ 2018.12.23 白夜姫 2018.12.23 未来の選択 2018.12.23 バラ色の恋人たち 2018.12.23 風中の縁（えにし） 2018.12.22 トライアングルメイキング（韓国ドラマ） 2018.12.22 カクシタル 2018.12.22 トライアングル（韓
Ajax 逆引きクイックリファレンス
このページは毎日コミュニケーションズから発売中の書籍「Ajax逆引きクイックリファレンス」のサンプルを掲載しています。 この書籍の元になっているサイト（Ajaxを勉強しよう）も参照してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 第一章 Ajaxとは Ajaxとは DHTMLとFlash Ajaxに必要な知識と技術 Ajaxの弱点／難点 通信上の制約 XMLの処理 スタイルシートの注意点 第二章 非同期通信処理 サーバーと通信を行う サーバーからテキストデータを読み込む サーバーからXMLデータを読み込む サーバーにgetメソッドでデータを送信する サーバーにpostメソッドでデータを送信する 読み込みを中断する タイムアウト処理を行う サーバーからの応答を調べる ファイルが読み込めない、存在しない場合の処理を
suVeneのあれ: Ajaxにおけるメモリリークの注意点
2006年03月06日 Ajaxにおけるメモリリークの注意点 [ajax][javascript][はてブ] はてブの「ブックマークの確認」ページは、IEでメモリリークする！ IE のメモリリーク調べる為の「Drip」ってツールが ここにあって、 このツールは単純にリークしそうなコードチェックしたり、 オートリロードして、外部から参照したメモリ使用量を記録してくれるだけなんだが はてブの追加ページで確認するとこんな感じになる。 (オートリロードなんで負荷高くなるから、悪用したり、やりすぎたりしないようにｗ) タスクマネージャー等の、外部から参照したメモリが増えているからといっても OSがアプリケーション用にキャッシュしているメモリが増加しているだけの 可能性があるから、一概に鵜呑みはできないんだが 平均して1回のリロードに 1M 近く増えていくとかおかしい。 (MicroSoft もタスク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.softama.com/demo/zip/