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]+)@((?:
JavaとJavaScriptの親しい関係
教育界、技術者コミュニティでJava言語の教育と啓蒙に長年携わってきた 筆者が、独自の視点からJavaの面白さを掘り下げていく。（編集局） 注目を浴びるJavaScript JavaScriptが世に広まって10年近くたちますが、最近話題に上ることが多くなってきています。なぜ、いまさらJavaScriptが注目を浴びているのでしょうか？ JavaScriptはECMA（ヨーロッパ電子計算機工業会）によって、ECMAScriptとして標準化されていて、Standard ECMA-262 ECMAScript Language Specification 3rd edition (December 1999)や、Standard ECMA-357 ECMAScript for XML (E4X) Specificationといった仕様が公開されています。これらの仕様を見て分かるように、Java
【ハウツー】たった一行、これは簡単 - JSFでAjax、Ajax4jsf (1) Ajax4jsfとは | エンタープライズ | マイコミジャーナル
Webアプリケーションシステムにおけるプレゼンテーション層の技術はJSFが主流になっていくのではないかとみられている。このJSFにJavaScriptを連携させしAjaxを実現するコンポーネントにAjax4jsfがある。JSFの特徴を活かしているため多くのライブラリと併用ができるうえ、直接JavaScriptを記述する必要がない。場合によってはJSF時代の重要なプレーヤになるかもしれないAjax4jsfをここでは紹介したい。 Exadelは8月1日(米国時間)、Ajax for JavaServer Faces(Ajax4jsf)の最新版となるAjax4jsf 1.0を公開した。16日(米国時間)にはいくつかの問題を修正したAjax4jsf 1.0.1が公開されている。 Ajax4jsfはJSFでAjax機能を実現するためのコンポーネントフレームワーク。COMMON DEVELOPMENT
あるＳＥのつぶやき: 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 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
Ajax技術の目に見えない通信内容をのぞいてみよう ― ＠IT
Ajax（エイジャックス）の登場によって、ブラウザのプラグインソフトに頼らなくても、見た目が華やかで動きも面白いWebアプリケーションの開発が可能となりつつあります。筆者のみならず、読者の皆さんもこの技術の行方に興味津々といったところでしょう。本連載では、ブラウザ上での「見た目」だけに注目するのではなく、本技術の背景や目に見えない通信内容、セキュリティといったところにも焦点を当て、より深く掘り下げていきたいと考えています。 はじめに まず、読者の皆さんは、なぜAjaxに興味を持たれたのだろうか？ おそらく、GoogleローカルやGoogleサジェストが、そのきっかけの1つになったのではないかと予想する。確かに、地図が滑らかにスクロールしたり、キーを入力するたびに画面がリアルタイムに切り替わったりする点は、これまでのWebページにはなかった新しい「感触」で、感嘆の声を上げた方も少なくないだろ
オンラインでPhotoshop級の画像加工ができる「nexImage」 - GIGAZINE
DHTMLやAJAXを使いまくったオンライン画像加工サービスです。 レイヤー機能や自動でコントラストを調整する機能などがあり、シャープやぼかし、グレースケール、ガンマ値補正、ネガポジ反転といった代表的な各種フィルタも使用可能です。切り抜き、回転、反転、リサイズ、なんでもできます。 また、ちゃんと「元に戻る」機能があり、何段階でも戻ることが可能です。これは安心。 編集するためにアップロードした画像は最後に自分のパソコンへダウンロードして保存可能。ファイル形式も幅広く、JPEG・GIF・PNG・BMP・TIF・PICT・PCX・TGA・PCD形式で保存できます。JPEGは圧縮率の指定が可能で、GIFは色数指定やディザリングの指定もできます。 というわけで、実際にデジカメで撮影した画像で「nexImage」を使ってみました。 nexImage :: The ultimate online ima
【レビュー】WebデザイナーのためのAjaxツール、Adobeの「Spry framework」とは? (MYCOMジャーナル)
米Adobe Systems(以下、Adobe)は、同社の技術者向けサイト「Adobe Labs」で、5月11日、Ajax向けのフレームワーク「Spry framework for Ajax」を発表した。"JavaScript library for web designers(WebデザイナーのためのJavaScriptライブラリ)"と銘打たれたこのフレームワークを利用すれば、高品質な演出をWebデザイナーが手軽に施すことができる。 ここでは、技術的な観点を交えてSpry frameworkの魅力を紹介してみよう。 フレームワークの種類 フレームワークとは、プログラミングを行う時に土台となるプログラムのこと。Ajaxの場合は特にブラウザ間の依存性解消などの理由で、フレームワークが非常に重宝されている。 数あるAjaxフレームワークの中で、現在最も多く採用されているのが proto
作って理解するAjax (1)：IT Pro
最近，Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際，ユーザーにページのリロード作業を強いることが多く，決して操作性が良いとは言えませんでした。しかしAjaxを利用すると，サーバーと非同期な通信ができるので，ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。本連載では，実際にAjaxアプリケーションを開発しながら，Ajaxアプリケーションの動作の仕組みや，既存のWebアプリケーションとの違い，実装上の注意点などについて紹介していきます。 「枯れた技術」を組み合わせる 筆者にとってAjaxの第一印象は強烈でした。「Google Map」のスムーズな地図操作，「Google Suggest」のリアル
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」、バージョン2を公開 ― ＠IT
2006/6/20 オープンソース・ジャパン（OSJ）は、Flash形式のWebアプリケーションを生成する新手法「Arax」を採用したリッチクライアント開発技術「ダイナミック・コックピット・テクノロジー」のバージョン2を、5月末に完成させた。バージョン2ではXML定義の仕様の一部を公表し、Webサービス連携を強化した。ダイナミック・コックピット・テクノロジーを使ったデモンストレーションなどもWebサイトで公開している。 Araxは「Asynchronous RPC and XML」の略。Ajaxと同様に非同期通信を使って、スムーズな画面操作を可能にする。XMLで定義した画面ファイル、ロジック、データを分離することでメンテナンス性を高めた。「同じようなロジックであればサーバサイドの環境は同じで、インターフェイスだけを複数用意することができる」（同社 技術部 アソシエイツ 岡村雅宏氏）。 ダイ
Ajaxな有用コンポーネント集:phpspot開発日誌
TurboWidgets, presented by TurboAjax Group TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. 以前紹介した、AjaxなphpMyAdmin のページで、TurboWidgetsというAjax部品集がリリースされていたので紹介。 例えば、次のイメージはTurboGridというコンポーネント。かなりクオリティ高いです。 その他にも、次のようなプログレスバー(ぐんぐん伸びるイメージがカッコいい) 高品質なボタンコンポーネント集(一見デスクトップ風) ツリービュー(アイコン表示できる) タブコンポーネント(Appleのサイトっぽい) ドラッグアンドドロッ
Ajaxを使ったファイルマネージャをPHPで作ろう - ＠IT
JavaScriptとPHPの通信 JavaScriptから見たPHPからのリクエストとPHPから見たJavaScriptからのリクエスト Ajaxを使わずにファイルマネージャを作ろう Ajaxを使わないでPHPファイルマネージャの概要と実装スタイル Ajaxを使ってファイルマネージャを作ろう Ajaxへの改変部分と注意点／ファイルマネージャの制限／Ajaxを用いたオープンソースのPHPアプリケーション／phpFreeChat／自前WebにphpFreeChatをコピーしてみよう JavaScriptはブラウザ上で実行されるインタプリタ言語である。PHPはサーバ上で実行されるインタプリタ言語である。JavaScriptとPHPのメッセージの流れは基本的に＠IT上のほかの記事を参考にしてもらうといいだろう。 ■JavaScriptでの実装例 下記はJavaScriptからサーバ上のURL、「
blueprints:
Javaデベロッパ向け AJAX FAQ Author: Greg Murray 訳: Yutaka Yoshida 私たちは現在すでにAJAXに触れ、まったく新しい世界が広がっていることに気づいています。 多くの開発者が既存のフレームワークを通してAJAXを使っていますが、より深くAJAXを知り、 今以上の機能を提供したい人もいるかもしれません。これはアプリケーションにAJAXの機能を 持たせたいJava開発者向けのFAQです。 AJAXを使うべきでしょうか AJAXはJavaと一緒に使えますか 現在使っているフレームワークにAJAXの機能はありますか 何から始めたらいいですか 自分でAJAXの機能を作るためには何を知っておかなければならないですか JavaScriptを知っていなければならないですか Java開発者用にどのようなJavaScriptライブラリやフレームワークがありますか
Startforce | スタートフォース いつでも、どこでも、あなたのデスクトップ。
StartForce（スタートフォース）は、かつてスタートフォース株式会社により開発、販売されていた、ウェブブラウザ上で動作するデスクトップ環境システムです。 2006年の発売当時、このようなシステムは大変画期的でした。昨今では様々な場面で使われるようになった「クラウド」という言葉とともに、注目を集めることとなったのです。 InternetExplorerなどのウェブブラウザからログインすると、Windowsに近いデスクトップ環境で、オフィススイート、PDFの閲覧、メール、カレンダー、メッセンジャー等のサービスを扱うことができました。 次の項目で、「StartForceでできたこと」をもう少し詳しく見ていきましょう。 StartForceには、ユーザー登録を行うだけで利用できる無料のPersonal版と、企業向け有料プランのEnterprise版が存在しました。 Enterprise版では
Adobe、Ajax対応ページ作成用の「Spry」公開
AdobeはWebページにAjaxを組み込むためのWebデザイナー向けフレームワークを公開した。HTML、CSS、JavaScriptの基本的な知識があれば簡単に導入できるという。 米Adobe Systemsは5月11日、WebページにAjaxを組み込むためのWebデザイナー向けフレームワーク「Spry framework for Ajax」のリリース1を公開した。同社サイトから無償でダウンロード提供している。 Spryフレームワークでは、HTMLとCSSおよび最低限のJavaScriptを使い、HTML文書にXMLデータを組み込むことが可能。HTML、CSS、JavaScriptの基本的な知識があれば簡単に導入できるという。 ダウンロードにはJavaScriptライブラリと同フレームワークについての説明、利用例を示すデモアプリケーションが含まれる。 Adobeでは、今回リリースしたのは
Ajaxを利用し、ブラウザ上でデスクトップと同じ機能を提供する「StartForce」 - CNET Japan
フュージョン・コミュニケーションズ子会社のフュージョン・ネットワークサービスは5月11日、ウェブサイト上でパソコンのデスクトップと同様の作業環境を提供するサービス「StartForce」のアルファ版を公開した。米StartForceがAjax技術を用いて開発したシステムのライセンスを取得。同社と共同で日本での提供を行う。 今回公開したアルファ版では、OSのデスクトップとよく似たサイト画面上に各種アプリケーションのアイコンを配置しており、それらをクリックすると、ウェブベースのインスタントメッセンジャーや、ファイルアップローダなどを呼び出す。アップローダを使用すると、専用サーバスペースに自分のファイルを保存できる。 またサイト上で、アップロードした画像ファイルの閲覧や、楽曲ファイルの再生が可能。文書ファイルを作成／保存するテキストエディタ機能を備えるほか、ファイルを保存するディレクトリの追加、
Ajax開発ツール推進コミュニティ「Open Ajax」にAdobeやIntelなど13社が参加
Ajaxに対応したオープンソースの開発ツールを推進するコミュニティ「Open Ajax」に，新たに13社が加わった。Open Ajax設立メンバーである米IBMが米国時間5月9日に明らかにした。これにより，同コミュニティの参加メンバーは28組織となる。 同コミュニティは，IBM社をはじめ，米BEA Systems，米Borland Software，Dojo Foundation，Eclipse Foundation，米Google，米Laszlo Systems，Mozilla，米Novell，米Openwave Systems，米Oracle，米Red Hat，米Yahoo!，イスラエルZend Technologies，米Zimbraの15組織が2006年2月に立ち上げた。今回加入した13社は，米Adobe Systems，Backbase社，米Fair Isaac，ICEsoft社
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
画像やページを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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」