prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
伊藤直也の「アルファギークのブックマーク」 - Ajax、Ruby on Rails、Web 2.0。2005年を彩ったWebテクノロジー
時間が経つのは早いもので、2005年ももうまもなく終わりです。Webの世界でも、今年1年を振り返るためのさまざまなニュース、記事が発表されています。これに便乗しつつ、ギークの視点かつ新しいWebテクノロジーの切り口で、2005年を自分なりに振り返ってみたいと思います。 さて、2005年のWebテクノロジーの世界でもっとも際だった3つの言葉として私が挙げる物は、おそらく多くのギークな人たちと同様、「Ajax」「Ruby on Rails」「Web 2.0」の3つです。 ■ JavaScriptに光を当てたAjaxという方法論 AjaxはJavaScriptを利用した動的ロードテクニックの総称で、「Google Maps」などが見せた、新しいWebアプリケーションの可能性を切り開く方法の1つです。Ajaxの功績は、そのテクニックを利用した斬新なWebインターフェイスの表現方法を世の中に示したこ
満足せる豚。眠たげなポチ。:2005年の技術的なトレンドに乗り遅れないための5つのテーマ
年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。（多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。） Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。猫も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life
作って理解するAjax (3)：IT Pro
図1 インクリメンタル検索を実現<br>作成したサーバーCGIプログラムを使ってインクリメンタル検索する様子。計画通りに稼働しているのが分かります。 前回は，インクリメンタル検索を実現するAjaxアプリケーションのクライアント・サイドの実装を紹介しました。今回は，サーバーとして稼働するCGIプログラムを作成します。このCGIプログラムは，クライアントから送られてきたクエリーに基づいてテキストを検索し，その結果を返送します。Ajaxアプリケーションは通常のWebアプリケーションに比べて，サーバー・アクセスが増加しがちです。このためサーバーをいかに効率よく実装できるかが，サービスを快適に提供できるかどうかを左右します。サーバー負荷を下げる手法についても考えてみましょう。 テキスト検索にsaryを使用 みなさん，テキスト検索といえばどんな方法を思いつくでしょうか。単純なところではgrepコマンド
JavaScriptでUnix！？ JS/UIX - モジログ
JS/UIX - Terminal http://www.masswerk.at/jsuix/ JavaScriptでUnix！？ すごい。キーボードまでついてるし。コマンドマニュアル。 以前紹介した以下の２つとあわせて、これで「ブラウザでOS」の御三家が揃った（笑） Mac OS X が Web に！？ http://mojix.org/2005/10/14/024233 ブラウザがWindowsに！？ Ajaxによるアプリケーションフレームワーク 「Bindows」 http://mojix.org/2005/09/22/104518 ネタ元 : Ajaxian - JS/UIX: You wanted a JavaScript OS http://ajaxian.com/archives/2005/11/jsuix_you_wante.html
Zopeジャンキー日記 :JavaScriptのテンプレートエンジン 「Ajax Pages」
Ajax Demo Blog : Demonstration of an Ajaxian Blog http://ajax-pages.sourceforge.net/examples/blog/ ここにアクセスして、以下の操作をやってみてほしい。 1. 右下のAdminをクリック 2. admin / adminでログイン 3. 「New Post」ボタンを押す 4. タイトル、本文を書いて「Publish」を押す 5. 上の「back」をクリックすると、ブログエントリが「載った」！ なんと、これがJavaScriptだけでできているのだ！ つまり目の前のHTMLページが「ブログシステム」になっている（サーバがないので、このデモでは「保存」はされない）。 これはJavaScriptのテンプレートエンジン「Ajax Pages」のサンプルのひとつ。 Ajax Pages http://aj
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
伊藤直也の「アルファギークのブックマーク」 - 誤解から賞賛へ。Ajaxで再評価されたJavaScriptから学ぶこと
■ Googleマップによる“Ajax”の隆盛 最近、「Ajax」という言葉を耳にすることはありませんか？ Ajaxとは、「Asynchronous JavaScript + XML」の略称で、「えいじゃっくす」と呼ばれています。このワード、半年ほど前に突然盛り上がりだして、いまではWebエンジニアの間ではお馴染みの言葉になっています。 今年の2月に、Googleが「Googleマップ」という地図サービスのベータリリースを行ないました。 地図に関するサービスは、これまでも数多く存在していますし、特にYahoo!やその他大手ポータルのそれは高機能かつデータベースも充実していて、実用性十分です。そんな地図サービス界隈に、いまになってGoogleが乗り込んでくる、というので、Webな人たちは固唾を呑んでそのリリースを待っていました。 そうしてリリースされたGoogleマップは、人々の期待を裏切ら
実践 prototype.js [3] - higepon blog
id:higepon:20050901:1125555797の続き。 今日は、はてなマップの新機能をリリースしました。 http://hatena.g.hatena.ne.jp/hatenamap/20050907 本日、はてなマップに新機能を追加しました。 http://map.hatena.ne.jp/ * タグでつながるクリップ機能の追加 * ユーザーページの追加 * アイコンの表示設定の追加 かなり遊べる機能なのでぜひお試しくださいませ。 さて実際に prototype.js を利用したコードを公開すると書いたのですが、このはてなマップの JavaScript のコードのことでした。 このコードは私ともう一人のエンジニアで書いたもので、以前のコードを prototype.js で書き直したうえで機能拡張を行いました。 http://map.hatena.ne.jp/js/map.j
![実践 prototype.js [3] - higepon blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/d696b69e45bd1035ce3767bd2030dae9e1b59a2b/height=288;version=1;width=512/https%3A%2F%2Fimages-fe.ssl-images-amazon.com%2Fimages%2FI%2F51AVWQQV2GL._SL160_.jpg)
こども(てれび)
適当な感想を言うだけなのもなんなので例を書きます。これを作る。higeponにあやかりたいあやかりたい。 いまさら人に聞けないAjaxと簡単なサンプル - higepon blog ・画面上テキストラベルに見える部分をマウスクリックすると編集可能になる ・文字列を入力し、Enterキーを押すと、テキストがバックグラウンドで更新され、ラベル表示に戻る。 ・画面はリロードされない。 完成品はこれ。 http://childtv.org/prototype/sample.html 使っているのは Prototype 1.3.1 です。 http://prototype.conio.net/dist/prototype-1.3.1.js sample.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C/
Ajaxで基本認証 SSL - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ Ajaxで基本認証+SSL 前回は、Ajax+PHPでの動的なテーブル書き換えを行いました。 つまり、Ajaxを利用したページ構築と動的書き換えについての話題でした。今回は、ページに入る前の話題です。 ユーザーを限定した基本認証ページをAjaxで利用してみます。 AjaxをいじっていてXMLHttpRquestのopen()メソッドに「ユーザー名」「パスワード」という引数があることに気づかれた方も多いと思います。これで、基本認証ページを利用することができます。 Webサービスなどの実際の業務の中で生まれてきたAjaxにとって、ユーザー限定のサービスは大切です。XMLHttpRquestオブジェクトに仕込まれ
最速インターフェース研究会 :: JavaScriptにBlogの全文検索をやらせてみる
というのを作ってみました。 http://la.ma.la/search.html ---- http://kengo.preston-net.com/archives/002021.shtml http://johnvey.com/features/deliciousdirector/ これ見てすげーなーと思って同時にここ数ヶ月のもやもやしていたものを文章に書き起こそうという気になったので明日にでもアップします。 超高速全文検索を作ってみた MovableTypeの検索機能って、 検索結果が表示されるまでの速度が遅いっすよね。 まあ遅いっつっても30秒も待たないけど、早くはない。 原因はMovableTypeの構造とかサーバー構成とかいろいろ。 そこで最速インターフェース研究会で発見した JavaScriptにBlogの全文検索をやらせてみるという記事を参考に それをちょっぴり改造してサ
[Ajax]fladdict.net blog: コンポーネント指向Ajaxのサンプル カラーピッカー
コンポーネント指向Ajaxの実験として、FlashからDOMを操作してみた。。効果音やスライダーでは、AJAX構成要素をコンポーネント化する利点を説明しきれない気がしたので、もうちょっと凝ったものを作ってみました。ブログの背景色を直接コントロールできます（画面を広くしないとわからないかも）。 ここでは実装速度の関係上、JSをswf内にハードコードしているけど、動的にflashとDOMノードバリューをバインディングするようにすれば、背景や文字の色からフォームの値まで柔軟に対応できるでしょう。 Ajax用コンポーネント設計のコツは、できるだけ両者に相手のことを意識させないように書くことみたいですね。JavaScriptはflashから直接イベントを受け取るのではなく、ＤＯＭの値の変化をフックする形が簡単かと。ここではやっていなけど、Flash側へ情報を送る場合はswfのリロードをトリガーにする
fladdict.net blog: JavaScript で音を制御してみたよ
ブログのリンクをマウスオーバーすると、効果音がなるようにしました（ページのロードが終了してからだけど）。 基本的に不可能なはずの、JavaScriptによるサウンドコントロールです。 Ajaxのユーザビリティの向上にでもどうぞ。ソースはこちら。 使用をする場合は、 ・WEBページのエンコードとjsファイルのエンコードを同じにすること ・jsコード内のswfファイルへのパスを、自分のサーバーの絶対パスに変更すること にご注意ください 現在の所、対応ブラウザはほぼパーフェクツ。 win IE6/FF1/OP7 mac IE5.5/Saf1.3/FF1.1 まぁ、タネとしては音声再生用のコンポーネントをflashで作成し、それをJavaScriptで制御しているわけです。 一応過去にも、flashを利用してajaxに効果音やBGMをつけるで紹介したように、先行事例はあるのですが、従来のLiveC
ひげぽん - XMLHttpRequest on Ajaxのあれこれ
XMLHttpRequestを使用するとサーバに対する非同期リクエストを行うことができます。 最近巷で話題のAjaxで使われている技術の1つです。 自分でAjaxのコードを書いていた時に、いろいろ調べた結果のメモをまとめておきます。 1. XMLHttpRequestのオブジェクトの生成について ブラウザやそのバージョンによってオブジェクト生成方法が違うので http://web.paulownia.jp/script/xmlhttp2.html にあるように、違いを吸収したfunctionを用意すると良い。 2. ReadyStateのハンドリング xmlhttp.readyState == 4 && xmlhttp.status == 200 をもって正常レスポンスと判断している場合が多いようですが、Firefox では後述のバグ？によるエラーが発生します。 なので、xmlhttp.s
[javascript] nazono
ファイル resizegrip エレメントをマウスでリサイズできる透明グリップ resizegrip - エレメントをマウスでリサイズできる透明グリップ floatingWindow 浮遊するウィンドウを生成する floatingWindow - 浮遊するウィンドウクラス buttondrag エレメントをマウスでドラッグ＆ドロップ buttondrag - エレメントをマウスでドラッグ＆ドロップさせる floatingLayer レイヤを浮遊させる floatingLayer - 浮遊するレイヤクラス xbrowser いくつかのブラウザで共通して使える基礎関数 xdom - DOM操作系関数 isbrowser - ブラウザ判定 Point - x,y の構造体 json json方式のエンコードとデコード json - json方式のエンコードとデコード ajax 非同期通信 aja
fladdict.net blog: Flash と JavaScript でクロスブラウザな通信を行う
ActionScript/JavaScript integration Macromedia自ら、ajax（JavaScript)とflashの融合に乗り出した模様。先週からMXNAのフィードリポートがFlashとAjaxの混合になっています。 やり方としては、JavaScript から Flashを制御する（超クロスブラウジング編）で書いたやり方と殆ど変わらない感じ。ダミーswfのリロードをトリガーに、本体swfを更新する手法のようです。ユーザビリティ的にかなりよさげ、作るほう的にはアレっぽいですが。 投稿者 Taka : 2005年05月16日 17:32 book bookmark はてなブックマークに追加 del.icio.usに追加 trackbacks this entry's trackback URL: http://www.fladdict.net/cgi-bin/mt3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Main Page - AjaxPatterns