Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT
Webアプリケーションを構築する上で、優れた操作性をもったUIは欠かすことができない。まるでデスクトップアプリケーションのようなインタフェースを持ったソフトウェアが数多く存在している。 Prototype.jsを使ったUIライブラリ そんなUIを構築するライブラリは数多いが、そのためだけのツールが多く、柔軟性にかけるものが多い。そこで優れたJavaScriptライブラリであるPrototype.jsをベースにしたPrototype UIを使ってみよう。 Prototype UIはPrototype.jsとScript.aculo.usを使ってWebアプリケーションにふさわしいインタフェースを提供してくれるJavaScriptライブラリだ。 Prototype.jsがベースという点において好き嫌いが分かれる所かもしれない。とは言え、Railsで標準で組み込まれていることもあり、利用されている
ratproxy――Webアプリケーションのセキュリティレベルを検証するGoogle提供ツール | OSDN Magazine
Webアプリケーション開発者によるセキュリティレベルの検証作業をサポートすることを目的として、 ratproxy と呼ばれるオープンソース型ツールが先日Googleからリリースされた。これはWeb 2.0およびAJAXアプリケーションを対象に構築された非破壊型の検査ツールであり、セキュリティ上の問題点が可読性に優れた形式にてレポートされるようになっている。 ratproxyの実体は、手元のWebブラウザと試験対象のアプリケーションとの間に介在する形で動作するローカルプログラムである。その動作原理は、アプリケーションから出されるリクエストと返されるレスポンスを追跡し、それを基に独自に変換したトランザクションを適用することで、一般的な攻撃に対して当該アプリケーションがどのような反応をするかを検証するというシステムになっている。例えばローレベルテストでは、下記のものを含めた包括的な試験が実施され
Prototype 1.6.0に対応！JavaScriptライブラリ「script.aculo.us 1.8.0」
script.aculo.usプロジェクトは11月6日、JavaScriptライブラリ「script.aculo.us」の新バージョン「script.aculo.us 1.8.0」をリリースした。 script.aculo.usは、Ajaxアプリケーションの開発を支援するJavaScriptライブラリ。JavaScriptのフレームワーク「Prototype」のアドオンとして提供されており、ブラウザ上でのアニメーションやドラッグアンドドロップ、DOMユーティリティ、ユニットテストなど、Prototypeよりも高いレベルの機能を提供している。 今回リリースされた新バージョンは、ほぼ同時にリリースされた「Prototype 1.6.0」に対応したもの。サウンドエフェクトでMP3ファイルを再生することが可能になったほか、Tweenという新しいエフェクトが追加された。また、パフォーマンスが改善され
Ajax開発を強力支援--ログ出力コンポーネント：LogReader
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Ajaxアプリケーションでは、その性格上、JavaScriptによりCSSなどコンテンツを動的に変化させることが多い。しかし一般的なWebブラウザでは、初期状態のソースコードしか見ることができず、Firebugなどのツールを導入しないと、動的に追加したノードやアプリケーションの実行中に変更した値を知ることは難しい。 今回紹介するLogReaderは、Webページ内に表示させるログ出力コンポーネントだ。これがあれば、デバッグツールを用いるのが難しい環境でも、コンポーネントにログを出力させれば、アプリケーションの実行状況を知ることができる。 YUIは、対応するブラウザや利用条件に配慮した上でご利用いただきたい。また、実行環境となるWebブラ
マウスの動きも再現--強力なテストライブラリ：YUI Test Utility
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます YUI Test Utilityは、YUIを含むJavaScriptによるアプリケーションがWebブラウザ上でうまく動作するかをテストするものだ。Webブラウザ上でテスト結果が確認できるので、開発者にとっては便利なコンポーネントだろう。ただしこれはbetaリリースと位置づけられているため、仕様が今後変更されるかもしれない。 YUIは、対応するブラウザや利用条件に配慮した上でご利用いただきたい。また、実行環境となるWebブラウザはJavaScriptを実行可能にしておかなくてはならないのはこれまでと同様だ。 コンポーネントの概要 YUI Test Utilityには、いくつかのクラスが属しているが、そのうち主なものを以下に示す。 a. T
ヽ( ・∀・)ノくまくまー(2007-10-15)
みなさんご機嫌如何ですか？熊井友理奈です。今日から始まりました「使ってみよう、jQuery」のコーナーですが、早速リスナーからお便りが届いてます。埼玉県のくまくまネーム「ツナサラダ☆３」さんから。
Instant.js (now with IE 6/7 support)
Download instant.js and include it into your webpage. // only if you want to use the annotation feature... <script type="text/javascript" src="cvi_text_lib.js"></script> // ...else this one only... <script type="text/javascript" src="instant.js"></script> Initialisation class "instant" vary the shadow by adding ishadow followed by the desired opacity in percent: Shadow opacity class "ishadow" - mi
Web開発者は要注目!! JSONでAjaxアプリ開発 - Protoscript登場 | エンタープライズ | マイコミジャーナル
Yahoo! Ajax Evangelist, Bill Scott氏は6日(米国時間)、Ajaxアプリケーションを開発するための新しいプロトタイプスクリプティング「Protoscript」を発表した。Protoscriptは既存のWebページに対して動作を追加することを目的としたスクリプト。かなりわかりやすい表記で動作を追加できるという特徴がある。 Protoscriptはいちからすべて開発されているのではなく、既存のプロダクトを組み合わせて機能が実現されている。まず、HTMLの要素を特定するためにjQueryが活用されているほか、動作やイベントへの対応にThe Yahoo User Interface LibraryやMooToolsが活用されている。 Webアプリケーションを開発するにあたって、UIを設計してから、そのUIに対して動作を付け足していく方法がある。直感的でわかりやすい方
【レポート】YUIで開発されたソリティア登場!! | エンタープライズ | マイコミジャーナル
2007年7月31日(米国時間)、Webアプリケーション向けに開発されたJavaScriptユーザインタフェース/デザインパターンライブラリであるThe Yahoo! User Interface Libraryの最新版である「The Yahoo! User Interface Library 2.3.0」が公開されたわけだが、はやくも同ライブラリを使った興味深いアプリケーションが登場している。YUIを使って開発されたWebアプリケーション版のソリティア「World of Solitaire」だ。同アプリケーションはアクセスしてプレーしてみるのが一番わかりやすい。ページを開いたと同時にカードが切られるアニメーションが実行される。動作はとてもなめらかだ。そしてそのままソリティアがプレーできる。 UIを使って開発されたソリティアアプリケーション - カードもスムーズに配布描画される メニューに
待望のAjax Webアプリケーションフレームワーク"Ext 1.1"登場 | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは1日(米国時間)、Extの最新版となる「Ext 1.1」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。スタンドアロンで提供されているフレームワークで、軽量HTMLエディタ、新しいExt.Ajaxユーティリティクラス、拡張されたDateFieldおよびDatePickerコンポーネント、整備されたドキュメントなどに特徴がある。以前のバージョンと比較してバグ修正も実施されている。 Ext 1.1では、とくに他のサードパーティライブラリへの依存がなくなった点が特徴的。このためExtを使ってWebアプリケーションを開発する場合にはExtだけを用意すればよくなった。ただし他のライブラリと共有するためのアダプタ機能は引き続き提供されるため、デベロッパのチョイスで複数のライブラリやフレームワークを組み合わせて使うことも
【ハウツー】Yahoo! UI LibraryでさくっとAjax! | エンタープライズ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
(2007-01-29) (舞波が良く使うプラグイン)
● [Rails] グランドリファクタリング 会社で1年前に凍結されたプロジェクトが再始動したのだが、この業界で1年前の技術は既に過去であることを実感した。 Rails自体の問題 (1.0 時代は機能的に貧弱。Cascaed Eager も RJS もないとか) プラグイン環境の充実 (便利なプラグインが現れ日々便利になっている) テーブル設計の問題 (7NFとか考えてると has_many 連発はありえない) 3 は個人的な問題に寄る所であるが、当時はまだ道具(Rails)的に他に選択肢がなかったのも大きい。 ● 修正項目 ということで、1年前の Rails アプリを見て手直ししたくなる項目ベスト5。 テーブル設計 権限管理 1はやはり流行りの三テーブル構造で。関係テーブルをどんどん挟んでエンティティを疎な関係に保ちたい。テーブル数は多くなるけど気にしない。というか、既に100個以上はあ
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
短期集中連載●今こそAjaxに強くなる---目次
Technologies for UI