prototype.jsベースの凄いビジュアルエフェクト＆ＵＩ作成用JavaScriptフレームワーク「scripty2」 2009年06月29日- scripty2: for a more delicious web prototype.jsベースの超絶ビジュアルエフェクト＆ＵＩ作成用JavaScriptフレームワーク「scripty2」が公開。 jQueryではなく、prototype.jsベースになっていて、まだまだprototype.js も負けていない、という感じでしょうか。 デモとして、カードをアニメーションさせるものや、パズルが公開されています。 カードが面白く動くサンプル アニメーションするパズルのサンプル API リファレンスはこちら jQuery でも同様のものが出てきそうですが、互いのフレームワークで競い合い、より沢山のことが出来ていっているという意味ではよいことかも

先に 別にどっちがいいという話ではないです。 向き不向きはありますが、どちらもフレームワークとしての完成度は高いです。（Prototype.jsも1.6.0でDOM Readyサポートしたし） 先に 具体的には以下のような使い分けがおすすめ Prototype.js 速度が要求される演算 複雑なアルゴリズムを使用した計算 他のクラスを拡張した処理（google mapsとか） jQuery 簡単なDOM操作 イベント処理 ブログパーツ

Ajaxライブラリが生まれた経緯 Ajaxテクノロジで開発する上で、大きな問題となることの1つは各Webブラウザ間の互換性問題です。主にInternet Explorer（以下、IE）とそれ以外のWebブラウザの仕様の違いに依存しています。 まず、Ajaxの肝となるXMLHttpRequestの呼び出し方からして異なっています。 IEの場合は、「xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")；（IE７はXMLHttpRequest()でも可能）」となり、それ以外のWebブラウザでは、「xmlhttp = new XMLHttpRequest()；」となります。 また、オブジェクトにイベントをアタッチするやり方も違います。 IEの場合は、「element.attachEvent('onclick', handler);」となり、それ以外のWe

ここに掲載する以外にも多くのメソッドが定義されているので、それらについてはAPIドキュメントなどを参照していただきたい。なお、実行画面はInternet Explorer 7で示す。 HTML要素(Element)の拡張メソッド APIドキュメントには、HTMLの要素に関連するクラスとしてElement、Element.Methods、Element.Methods.Simulatedが掲載されているが、Elementでは他の2つで定義されているメソッドも拡張されているため、ここではElementのメソッドとして紹介する。 Elementのメソッドは $(...).メソッド名(引数) のように記述できるものが多い。しかしAPIドキュメントによると、一部のWebブラウザでは Element.メソッド名(引数) と記述しなければならないメソッドがあるようなので、注意していただきたい。 要素の作

Prototype.js1.5→1.6への移行を容易にしてくれる「Deprecation.js」 2008年02月15日- Prototype JavaScript framework: Deprecation.js: easing the 1.5 → 1.6 transition If you’ve put off the task of upgrading your old code to Prototype 1.6, now you’re out of excuses. Prototype.js1.5→1.6への移行を容易にしてくれる「Deprecation.js」。 利用手順は以下 <script src="prototype.js" /> で読みこむPrototype.js のバージョンを1.5→1.6へ <script src="deprecation.js" />でdepre

Kanasan.JS の Prototype.js CodeReading #3 (参加者のブログ記事一覧) に行ってきた。今回は告知が開催間際だったせいか人数はやや少なめだったけど、内容的にはこれまでと変わらぬ濃さ。範囲としては Prototype.js 1.6.0.2 の 1352 行目から 1650 行目付近まで。 コードリーディング 無線ネットワークが提供されているはずが私のマシンでは利用できず。LAN ケーブルをお借りして有線で接続。それにしても私がこれまでに参加した Kanasan.JS でネットワーク関係の不備に陥ること 4 回中 4 回。何か呪いでもかけられているのかと疑いたくなる。 例外処理の有無 Ajax.Response#getStatusText などは try 文による例外処理を行っているのに、Ajax.Response#getResponseHeader および

twitter facebook hatena google pocket 現在JavaScriptライブラリは数多くリリースされていますが、それらのさきがけとなったのは「prototype」でした。 またNASAのサイトでも使用されているように、その実力は広く認められています。 今回はprototypeの価値を見直し、勉強できるサイトを紹介します。 sponsors Reference ・prototype.js リファレンス（v1.4.0,1.5.x,1.6.0） ・prototype.js の開発者向けメモ：（v1.5.0） ・prototype.jsリファレンス HowTo / Review ・第１回：Prototypeライブラリの内部 ・いまからはじめるPrototype.js ・第１回：Prototype.jsを使う準備 ・Prototype.jsとは何か ・Prototype

前回までで、基本的なデータ型を拡張したメソッドを紹介してきた。今回からは、JavaScriptによる処理に関する拡張メソッドを紹介していこう。まずは配列、関数、イベントだ。説明に用いるPrototype.jsのバージョンは、本年1月にリリースされた1.6.0.2とする。 ただしメソッドの数が多く本稿ではその一部しか紹介できない。詳細はAPIリファレンスなどを参照していただきたい。また、省略可能な記述は[〜]で表す。 配列(Array)のメソッド Arrayに対する拡張メソッドは、それ自身のものだけでなく、要素の集合に対する操作を便利に行うEnumerableのメソッドも含むため、拡張メソッドの数が特に多い。そのためここでは、メソッド名だけでは、そのはたらきが分かりにくいものについて利用例を示す。 配列.compact() nullでない要素のみの配列を生成。 ['a', null, 'b'

Prototype.jsは、コードの記述を楽にしてくれるJavaScriptオブジェクトと関数のライブラリだ。Prototype.jsにはAjaxによる通信を扱う多数のオブジェクトが含まれているため、特にAjax開発で威力を発揮する。もはやAjaxのために大量のコードを書く必要はないのである。 Prototype.jsを利用するには、最新のバージョンをダウンロードしてprototype.jsという名前でファイルに保存し、次のようにしてページ内にインポートすればよい。 Prototype.jsでは、Ajaxの機能はAjaxクラスに含まれている3つのオブジェクト「Ajax.Request」「Ajax.Updater」「Ajax.Responders」が核となる形で提供されている。 Ajax.Request Ajax.Requestオブジェクトは、XMLHttpRequestオブジェクトの設定を

The Prototype, Sam Stephenson氏は25日(米国時間)、Prototypeの最新版となるPrototype 1.6.0.2を公開した。PrototypeはJavaScriptで開発されたAjax Webアプリケーション開発フレームワーク。The MIT Licenseのもとで公開されており、2007年版Ajaxianの調査によるとscript.aculo.usとともに相変わらず高い人気を誇っている。 Prototype 1.6.0.2はいくつかの互換性問題とパフォーマンス問題を改善したバージョン。またWebブラウザ環境以外の環境でPrototypeを使った場合に存在する潜在的なセキュリティ問題への対応が実施されている。28のバグが修正されているほか、コードベースに対する改善が実施されている。またSafari 3におけるCSSセレクタの改善、すべてのWebブラウザに

ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て

オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 非構造化データのデジタル活用へ 社内の文書コンテンツを一元管理 デジタル変革と内部統制の二兎を得るECM 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビ

Javascript用のテストライブラリを探していたのですが、そういえば script.aculo.usについてるじゃん、と思い見てみるとなんか使えそう。 じゃあもう少し詳しく調べて・・・みようと思ったら、資料があんまりない。公式サイトのドキュメントもめっちゃ書きかけ。 しょうがないので、結局 script.aculo.us自身のテストを読むことに・・・ というわけで、せっかくなので UnitTestの使い方の解説をしてみようと思います。なんかここんとこ技術系の話題に向きが振れ気味。そしてまた 2回にわかれます・・・ 1.用意するもの とりあえず script.aculo.usの一部なので、ベースとなるprototype.jsは必須です。 script.aculo.usに最新の prototype.jsが同梱されているので、それを使えばよいでしょう。 というわけで、prototype.js

Prototype.jsでは、数値(Number)や文字列(String)のオブジェクトに拡張メソッドを追加している。今回は、その中からいくつかのメソッドを紹介しよう。バージョンは引き続き1.6だ。 数値(Number)のメソッド Numberのメソッドには、Mathから取り込んだもの(abs/round/ceil/floor)とライブラリにより拡張したものとがある。ここでは後者の一部を取り上げる。詳細はAPIドキュメントを参照していただきたい。 (数値).toColorPart(); 数値を16進数に変換する。JavaScriptやCSSで色を表すために#ccff66などの16進表現が用いられることが多く、メソッドの名称もそれに合わせている。 (204).toColorPart(); // 戻り値 : 'cc' var a = 11; a.toColorPart(); // 戻り値 :

Webアプリケーション開発者にとって、1ページあたりのダウンロード容量を最小限に抑えつつ最大限の効果をあげるのは大きな課題のひとつだ。使うライブラリを増やせばそれだけ高度な機能が使えるが、最初にページを開く際にダウンロードすべきデータの量も増えてしまう。初見でこのサイトは重いと思われることは、Webアプリケーションとしてはなんとしても避けたい。 JavaScript Ajaxアプリケーションフレームワークとしてここ数年、常に高い人気を誇ってきたフレームワークはPrototypeとSciptaculousだ。20日(米国時間)、John-David Dalton氏はPrototypeとSciptaculousを圧縮したファイルの最新版「protopacked_v2.17」を公開した。 protopacked_v2.17に含まれているのはPrototypeのv1.4、v1.5、v1.5.1.1