本にタグを付けて分類、共有する「ECナビリスト」--今後はCDやDVDも
ECナビのソフトウェア技術・インターネットサービス研究開発部門であるECナビラボは、2005年11月に発表したソーシャルブックマークサービス「ECナビ人気ニュース（アルファ版）」（関連記事）に引き続いて、1月11日に新サービス「ECナビリスト（アルファ版）」を発表した。 ECナビリストは、自分が持っている本や欲しい本にタグ（キーワード）をつけて登録し、その情報をユーザー間で共有できるサービスだ。ユーザーはECナビの会員に登録すれば無料でサービスの利用が可能となる。主な機能は、本の検索機能をはじめ、ユーザーが持っている本や欲しい本などを、タグやコメント、5段階のおすすめ度つきで登録できる「リスト管理機能」、またリスト管理機能で管理している本のリストを他のユーザーに公開できる「公開マイリスト機能」などだ。 インターフェースにはAjaxを利用しており、ドラッグ＆ドロップでリストの作成が可能となっ
Realtime validation using Ajax
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
Realtime validation using Ajax - masuidrive
Ajaxで、フォームの検証をリアルタイムに行います。 イベントハンドラの指定もjavascript側で行うので、既存のフォームに加える場合もメッセージ表示用のdivタグを追加するだけでOKです。
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 (1)：IT Pro
最近，Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際，ユーザーにページのリロード作業を強いることが多く，決して操作性が良いとは言えませんでした。しかしAjaxを利用すると，サーバーと非同期な通信ができるので，ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。本連載では，実際にAjaxアプリケーションを開発しながら，Ajaxアプリケーションの動作の仕組みや，既存のWebアプリケーションとの違い，実装上の注意点などについて紹介していきます。 「枯れた技術」を組み合わせる 筆者にとってAjaxの第一印象は強烈でした。「Google Map」のスムーズな地図操作，「Google Suggest」のリアル
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Digg - What the Internet is talking about right now
There's no doubt that baby boomers have very distinct generational markers, but we won't miss these quirks at all.
最速インターフェース研究会 :: prototype.jsのObject汚染を回避する方法
かなりターゲットの狭いTips。役に立たない。 prototype.jsというRuby on Railsなんかのフレームワークで使われている有名なJavaScriptのライブラリがあって、これが色々と使えそうな処理を綺麗に詰め込んであり、デファクトスタンダート的な地位を確立しているのだけれど、ちょっと微妙だなーと思うところがあって、それはObject.prototypeを拡張してしまう点。 実際の弊害はこういう。 http://d.hatena.ne.jp/nazoking/20050425/1114374966 要は連想配列として使うときに困るって話。 多分prototype.jsはJavaScriptの側でロジックを組むことをあまり想定していないため、この辺の問題にあんまり配慮していないのではないかと思うのだけれど、とりあえず無理やり回避する方法を思いついたので書いてみる。 http:
Prototype.js - Effectサンプル
これはオブジェクト指向JavaScriptライブラリ PrototypeのEffectのサンプルです。付属のサンプルにちょっと手を加えてちょっ と日本語訳したものです。 Effect.Fade() & Effect.Appear() 呼び出し方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
表示をぐりぐり動かせるWeb技術「Ajax」って、だから何なの？ / デジタルARENA
Ajax(エイジャックス)という言葉をよく見かけるようになった。なんだか新しいWeb技術らしい。でも新しくないという声もある。JavaScript（ジャバスクリプト）のようでもある。元はと言えば、ギリシャ神話の英雄アイアースの英語名の駄じゃれ。などなど。だからAjaxって何なの？にぶっちゃけお答えしよう。 ずばりこれがAjax技術の応用だというのは、Googleローカルだ。例えば、平河町で検索すると、「Google ローカル - 平河町」の地図が出てくるが、この地図をマウスでドラッグすると、上下左右に自由に動く。地図左上の操作ボタンで、縮尺も変わる。 つまり、マウスの操作に反応して表示がぐりぐりと変わる。 普通の地図だと、マウス操作でぐりぐり変わるということはない。地図画面の上下左右に矢印ボタンがあって、それを押すと別画面に切り替わるというのが普通だった。 だけど、Googleローカル
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
Ajaxをコーディングレスで作成するAjaxBuilder - ＠IT
Google Mapsへの驚きから始まったAjaxブームは、とうとうAjaxを基盤技術として国産ソフトウェアベンダまで生み出した。株式会社HOWS（ハウズ）は、あのBiz/Browserを生み出したアクシスソフトの創業者である大塚裕章氏が新たに起業したベンチャーである。 同社の主力製品はAjaxBuilderだ。AjaxBuilderはAjaxを利用したWebアプリケーションをGUIで構築できる開発ツールで、そのライトバージョン（基本機能のみを提供）が年内に出荷される予定だ（2005年11月現在）。 ■コードを１行も書かないAjax開発ツール AjaxBuilderは、GUIのインターフェイスのみでAjaxアプリケーションを構築できるユニークなツールだ。Ajaxアプリケーションでよく利用されるコードがコンポーネントで用意されているため、アプリケーション作成者は、これらを組み合わせるだけでA
Ajax、それはWeb 2.0へと続く道 ― ＠IT
Web2.0時代の勝者となるべく、Ajaxという戦場が熱い。GoogleとYahoo!のみならず、マイクロソフトやオープンソース・ジャパンも参戦している。彼らがリリースしたWebアプリケーションをピックアップしてお届けする。 Ajax、それはWebアプリケーションのユーザビリティを改善する切り札である。古い技術を組み合わせ、魔術のごとく生まれ変わった新しいファッションである。それは仕方なく使う消極的な選択ではない。未来への可能性を切り開く前進しようという意思である。未来形のWebとして語られるWeb 2.0へ至る道はRSS、ATOMなどいくつかあるとされるが、Ajaxもまた、Web 2.0に続く道の1つといえるのだ。 この連載では、毎月Ajaxの動向をウオッチングしている。基本的には、新しい話題を中心に、厳選した面白い話題を提供していきたいと思うが、面白いもの、確実に押さえておきたいものを
Ajaxを超える「Arax」採用、リッチクライアント新技術の内容は ― ＠IT
2005/11/15 オープンソース・ジャパン（OSJ）は11月14日、RPC（Remote Procedure Call）の非同期通信を使って動的なアプリケーション生成を可能にする新手法「Arax」を採用したリッチクライアント開発技術「ダイナミック・コックピット・テクノロジー」を発表した。LAMP（Linux、Apache、MySQL、PHPなど）技術を使いながら従来のWebアプリケーションの弱点であるクライアントの操作性や表現力を大きく向上させられるとしている。 Araxは「Asynchronous RPC and XML」の略。OSJによると、RPCを使うことでビジネスロジック処理をサーバサイドに集約でき、クライアントサイドの開発工数を削減できるという。またXMLの利用でデータとアルゴリズムの区別が容易になり、再利用やメンテナンスが簡単になるという。AraxはAjaxの弱点を克服する
iteman's blog
ほぼスマホ・MEDIAS for BIGLOBEの広告が気になり、ホームページにアクセスしてみました。 要はMVNOですね。今ならキャンペーン中で、「MEDIAS NEC-102」がタダとのこと。スマホの代わりにモバイルルータも選べるようです。 月額は、24時間使えるスタンダードプランで2,980円。2:00～20:00の時間限定のデイタイムプランで1,980円。安い・・・。 このデイタイムプランってのは魅力的ですね。なんか使いすぎると速度制限があるみたいですけど、まあそんなに動画とかガンガン見たりすることもないのでおそらくその点は大丈夫でしょう。 非常に気になる存在ですね。他の人のレビューとか見てみよう・・・。
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScript for CSS (2)
DOMを利用。IE5/6はいつものように中途半端に、Netscape6は細かいバグが目立つがDOM2の大部分までサポートしている。毎度のことながら、IEはOSによって動作が異なる場合も多い。 namedItemメソッドはid属性値を検索後、name属性が許されていればname属性値も検索する。存在しない場合はnullが返る。 tagNameプロパティは読み出し専用で、要素名をHTMLの場合は大文字で返す。 <SCRIPT type="text/javascript"> <!-- function fDom1(){ if(document.documentElement) alert(document.documentElement.tagName); } function fDom2_1(){ if(document.getElementsByTagName){ var obj=docum
こども(てれび)
適当な感想を言うだけなのもなんなので例を書きます。これを作る。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/
こども(てれび) prototype.js ってなに？の巻
追記 2005-08-23 Using prototype.js v1.5.0 リファレンスがあったみたい。これを読んだ方がはるかに有益です。あー書くんじゃなかった。 はてなの人気者 id:naoya が「prototype.js でデザインパターン」というのをやってるんだけど、prototype.js の説明をしてくれなくて困る。前から「Rails の prototype.js は便利だ」というのを目にすることがあったので、ちょうどいい機会だってことで調べた。 http://prototype.conio.net/ ドキュメントが全然ない。ないこたないと思うのでご存知の方は教えてください。しょうがないのでコードを読むことに。 http://dev.conio.net/repos/prototype/src/ ここのを順次読みます。 base.js http://dev.conio.net
日本語で読める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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
