タグ

ajaxに関するshayashのブックマーク (74)

  • 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

    shayash
    shayash 2006/08/09
    勉強します
  • Lightbox JS

    Overview Lightbox JS 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. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr

  • Web2.0時代の新グループウェア desknet's with Ajax

    まるでデスクトップアプリケーションのような操作性を、ブラウザだけで実現。 マウスによる操作性が大幅に向上されています。 ドラッグ&ドロップによるデータ操作やウィンドウサイズの変更、サブウィンドウの展開 など、様々な操作が可能となります。 従来のWebアプリケーションと比較して、通信量が大幅に削減され、サーバの負荷 が低減されます。 ページが変わるたびにイメージを含めたHTMLページ全体をやり取りしていた従来方式と比べ、Ajaxでは変更された部分だけをサーバと通信します。 Ajaxの中核となる技術は多くのブラウザで標準的にサポートされている、 『JavaScript 』と『Dynamic HTML』です。従来どおりクライアントに特別なソフトウェアを必要としません! クライアント管理を容易にし、親みやすい操作性でユーザーへの展開も容易にします。 最も利用頻度の高いスケジュール機能だか

  • [ThinkIT] 第5回:Ajaxアプリケーションの作成 (1/4)

    今回はRuby on Rails(以下、Rails)を用いてAjaxアプリケーションを作成します。まずはAjaxについて、簡単におさらいしましょう。 ご存知の通りここ1年余りAjaxは多くのメディアで取り上げられ、注目が集まっています。Ajaxは「Asynchronous JavaScript + XML」の略称で、その名の通りXMLとJavaScriptを用いた非同期通信技術のことです。 Ajaxを用いることでサーバアクセスをバックグラウンド化することができ、シングルページでアプリケーションを作成することができます。「サーバアクセス=画面全体更新」であった従来のWebシステムに比べて、効率的でユーザビリティの高いシステムを実現する手法として注目されています。 また現在ではXMLの利用や通信の発生がなくても、JavaScriptを用いてリッチなUIを実現していればAjaxと呼ばれるようにな

  • 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌

    wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt

  • gooサジェストβ with ATOK - goo

    使い方 ・ひらがなで一文字入力される毎に、プルダウン内にキーワード候補が表示されます。 ・カーソルキー、マウスでキーワードを選択し、Enterキーでキーワードを確定して、さらにEnterキーを押すと検索できます。

  • デジタルナビ、Google Maps APIを利用した地図連動型口コミサイトを開設

    デジタルナビは4月7日、Google Maps APIを利用した地図連動型クチコミ情報サイト「マップコミ」を開設したと発表した。マップコミは、ユーザーが地図上に自由にクチコミ情報を登録できるコミュニティサイト。観光スポットやグルメ、ショッピングなど10種類のジャンルを登録でき、マーカーで表示されるそれぞれの情報を、地図をドラッグしながら探すことができる。 マップコミはAjaxを用いて構築されており、クチコミ情報に写真を掲載したり、クチコミに関連する施設や店舗、ユーザーのブログなどをリンク登録できる。同じ位置に登録されたクチコミ情報にさらに情報を追加できるため、掲示板のような使い方が可能だ。また、クチコミ情報登録はauのGPS機能付き携帯電話にも対応している。出先から写真を添付したメールを送信することで、写真付きのクチコミ情報をアップできる。 クチコミ情報をRSSで配信する機能を装備するほか

    デジタルナビ、Google Maps APIを利用した地図連動型口コミサイトを開設
    shayash
    shayash 2006/04/10
    口コミサイト
  • MYCOM BOOKS - Ajax逆引きクイックリファレンス Web 2.0 対応 for Windows & Macintosh

    ■内容紹介 Ajaxの基から応用までやりたいことがすぐひけるAjax逆引きクイックリファレンス。大好評の「逆引きクイックリファレンス」シリーズにAjaxが登場。 Ajaxサンプルを作成する際の「ああしたい」「こうしたい」「ここをこうしたい」に答えるAjax逆引き事典です。 サンプルはAjaxを扱う上で欠かせないライブラリ(prototype.js, Rico.js)を利用しています。また、Google Maps・Yahoo!Amazonを利用したAjaxのサンプルについても解説しています。

  • Bindows 日本公式ウェブサイト

    「フライドポテト」を好きな人もいれば、嫌いという人もいると思う。どうでもいいと思っている人も。あなたが思う「恋」って、どうなんだろう? アンパンマンは、小さな子に人気のある番組だけれど非常に攻撃的に思う。 話のラストは、アンパンチといってぶん殴って話を終わりにする時が非常に多いように見える。 子供にも非常に悪影響だと私は考える。 ばいきんまんとかびるんるん達が、たいしてひどいことをしていない内容の時でもぶん殴って話を終わらせる。 アンパンマンは、ばいきんまんとその他を目撃したら、やめろといいながらもうこぶしを突き出している。 話を聞かずに問答無用だ。 説得するわけでもない。 ただ、暴力で解決するからいつになっても改善されず、毎回同じ内容だ。 思うのだけれど原作は攻撃的でないかもしれないけれど、アニメ向きにする必要があって戦いのシーンをいれてそのようになっているのだろう。 曇っている平日の早

    shayash
    shayash 2006/03/09
    デモサイトはFirefoxを殺します
  • Protopage

    RSS Reader Protopage is an award winning RSS reader. Use it to read RSS feeds, keep bookmarks, sticky notes and to share information. What is RSS RSS news Use Protopage to read RSS news feeds, RSS feeds from blogs and from other RSS podcasts and cartoon/video feeds. Protopage uses the latest Web 2.0 technology to deliver RSS widgets to you as part of an Ajax dashboard start page. We are awarded as

    Protopage
    shayash
    shayash 2005/12/26
    付箋感覚でWebサイトができちゃう?!
  • Ajaxフォトアルバムのフェードイン画像フレームを作ろう -@IT

    連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう? という部分で立ち止まってしまってしまっているのではないだろうか。 そこで連載では、単なるサンプルではなく、完結した機能を持ったAjaxア

    shayash
    shayash 2005/11/11
    「Prototype」と「script.aculo.us」を使う
  • [PHPウォッチ]第21回 初のPEAR“純正”Ajaxツールキット「HTML_AJAX」登場,独自チャネル対応のPEAR 1.4も正式リリース

    日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に! 春割キャンペーン実施中! >>詳しくは

    [PHPウォッチ]第21回 初のPEAR“純正”Ajaxツールキット「HTML_AJAX」登場,独自チャネル対応のPEAR 1.4も正式リリース
    shayash
    shayash 2005/11/10
    PEARのAjaxパッケージ HTML_AJAX
  • [ThinkIT] PHPプログラマーズマガジン 第2回:サーバ用のスクリプトの例 (1/3)

    JPSpanを使ったフローでは、まずJPSpanのサーバ側を設計します。サーバ側のページでは、プロキシオブジェクトを作成するJavaScriptコードを生成し、JavaScriptPHPクラスのマッピングを行い、シリアライズされたデータを送信します。 JPSpanはAJAX部分のコードを提供してくれますが、Webプログラミングの一般的なロジックは自分で実装する必要があり、認証機構やセッション管理などがその例です。サーバは通常のPHPページなので、クッキーやHTTP認証などは問題なく動作します。 セッションに関しても、基的には従来通りの方法で問題ありません。ただしサーバと通信する量が増えるため、セッションがパフォーマンス上のボトルネックになる可能性があります。またJavaScriptオブジェクトが毎回再作成されるため、最後の呼び出しでセットした値がPHP側では存在しないという事態が起こる

    shayash
    shayash 2005/11/09
    JPSpanの解説
  • ソフトウェアに新たな息吹をもたらすAJAX--新興企業らの挑戦

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 新たなウェブ開発技術PCソフトウェアの現状を揺るがし、デスクトップとウェブアプリケーションの境界を曖昧にしつつある。 ここ何年もの間、コンピュータ業界では、デスクトップアプリケーションが特定のオペレーティングシステムと関連付いていることが常識となっていた。だが、過去8年間にわたって標準化が進められてきた開発技術AJAXが、より洗練されたウェブアプリケーションインターフェースを実現し、こうしたスタイルを変えようとしている。AJAXの支持者らは、こうした傾向が進展すれば、強大なマーケットリーダーであるMicrosoftの「Office」などのデスクトップアプリケーションの支配力をそぐことができるとして、期待を募らせている。 メッセージング

    ソフトウェアに新たな息吹をもたらすAJAX--新興企業らの挑戦
  • 日本語で読めるAjax関連情報のリンク集 【▲→川俣晶の縁側→ソフトウェア→技術雑記】

    Ajaxに関する日語の情報をざっと集めてみました。(一部日語ではないものを含みます) 丁寧な調査ではないので、当に大ざっぱなものです。 一応、以下の内容は多少メンテナンスしようと思うので、追加削除などのリクエストがあれば、私までメールを下さい。 非常に長くて申し訳ありませんが、頑張って必要な情報を探してみてください。 ★ 出版物 (この部分は現在フォロー仕切れていません) Ajaxイン・アクション (2006/06/20追加) https://www.amazon.co.jp/exec/obidos/ASIN/4844322222/autumnmagazin-22 Ajax イン・アクションの4章が酷すぎる (2006/06/20追加) https://blog.hawklab.jp/item-69.html Googleマップ+Ajaxで自分の地図をつくる Google Maps

    shayash
    shayash 2005/10/06
    たぶんほとんどを網羅しているはず
  • kentarok.org - Docs » Translations » Ajax: Web アプリケーション開発の新しいアプローチ

    shayash
    shayash 2005/10/05
    Ajaxの定義を発表した元記事の訳
  • adaptive path ajax: a new approach to web applications

    Recent Essays Project Management for Creative Teams: Art and Science April 2, 2008 Kate Discusses the Role of Design in Business with Nathan Shedroff March 18, 2008 Secil Watson Tells Jesse James Garrett About Experience Design at Wells Fargo March 12, 2008 Stephen Anderson Tells Todd About Implementing Visionary Ideas February 28, 2008 Indi Young Tells Kate About Mental Models & Her New Book Febr

    shayash
    shayash 2005/10/05
    Ajaxの定義を発表した元記事
  • @IT:Ajaxを使ったamazon検索をPHPで作ろう

    Ajaxは今年非常にホットな話題の技術である。 @ITをはじめ、さまざまなところでもAjaxについての記事が目立つようになってきた。 ここでは、筆者が携わっているPHPかいわいでのAjaxの動きについて紹介していきたい。 Aajaxとは「Asynchronous JavaScript + XML」の略である。JavaScriptはいわずと知れたクライアント(通常ウェブブラウザ)サイドの技術であり、そこからXMLHttpRequestというものを利用し、ページ推移をせずにサーバ/クライアント間でどんどんデータ交換をしていく技術である。これとDHTMLを併用することでいわゆるAjaxになる。 この辺りの詳しい内容はAjax推進委員会による「古くて新しいAjaxの真実を見極める」を参考にするといいだろう。 PHPはサーバサイド技術、前述のとおりAjaxで用いられるJavaScriptはクライアン

    shayash
    shayash 2005/10/04
    AjaxACのサンプル説明
  • Venkman for Firefox 1.5 Getahead

    This guide is the safest way to do a domain switch, you get all you need to change a blocked domain. What is a user flow and a user journey? There’s a macro view of a customer experience that we can analyze and partially control.

    Venkman for Firefox 1.5 Getahead
    shayash
    shayash 2005/10/04
    Java-Ajax 環境のオープンソースのフレームワーク「DWR]
  • javaworld.jp

    This domain may be for sale!

    shayash
    shayash 2005/10/04
    Java-Ajax 環境のオープンソースのフレームワーク「DWR]の紹介記事。雑誌記事