どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
Modern cloud done right. Innovate faster and compete more effectively in the digital age.
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とscript.aculo.usが持つ豊かな機能を実用的なサンプルコードを多用しながら解説します。初心者はライブラリの使い方だけでなく、PHP、Ruby、Ruby on Railsといったサーバサイドの定番技術と組み合わせて使う方法も学ぶことができます。パワーユーザーであればライブラリの設計哲学を学ぶとともに、自分のニーズに合わせてライブラリを拡張する方法や、ライブラリ開発に貢献する方法についての理解を深めることもできるでしょう。prototype.js 1.6、script.aculo.us 1.8対応。 監訳者まえがき 推薦の言葉 賞賛の声 まえがき I部 Prototype 1章 Prototypeを理解する 1.1 Prototypeとは何であり、何ではないか 1.2 プロジェクトでPrototypeを使う方法 1.2.1 Prototypeの入手方法 1.
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
クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック すぐに実践できる仕事効率アップ術 驚きの効果をもたらす外付けディスプレイ なんと最大50％の業務効率アップも！ いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ サービス
前回までで、基本的なデータ型を拡張したメソッドを紹介してきた。今回からは、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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
