prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
Script.aculo.usの次期版·scripty2 MOONGIFT
Script.aculo.usといえばPrototype.jsが出回った時からあるイフェクトライブラリだ。スライドでオブジェクトを表示したり（逆に消したり）、スムーズなスクロールを実現したりとユーザビリティを良くしてくれる便利なライブラリだ。 パズルのサンプル 継続的に開発が行われてきたとは言え、2008年11月の1.8.2から更新されていない。だが時代はさらに進化し、次世代のイフェクトライブラリを求めている。それがscripty2だ。 今回紹介するオープンソース・ソフトウェアはscripty2、もっと美しいWebインタフェースを実現するためのイフェクトライブラリだ。 scripty2は実に多彩なイフェクトを行える。Script.aculo.usと同じくPrototype.jsに依存する（1.6.1 RC3以降）。スクロールやイフェクトを行うライブラリはもちろん、同根されるCSSも使って表
Pure JavaScript Template Engine - mixi engineer blog
はじめましてhirokiです。こんにちは。新卒で弊社に入って一年が経過しようとしているので、そろそろエンジニアブロガーの仲間入りをしてみようかと思っています。 今回はJavaScriptのお話です。ハードボイルドなバックエンド側技術のご紹介が多い当ブログですが、スイーツ（笑）なフロントエンド技術もおもしろいんだよ！ということをアピってやろうという魂胆です＞＜。 HTML.Template(JavaScript) 弊社では、サーバサイドによるHTMLの出力テンプレートエンジンにCPANモジュールであるHTML::Template::Proを使用しています。今回はそのJavaScript実装をオープンソースとして開発しましたので、紹介をさせていただきます。 HTML::Templateは貧弱で、冗長で、洗練されていないシンタックスでお馴染みのテンプレートエンジンですが、高速で必要以上のロジック
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
MindFrame - Demystifying Rich Internet Application
Jimmy Vu from Javascriptly has posted a great tutorial on working with chain.js. Check this out! For v0.1: http://javascriptly.com/2008/08/a-better-javascript-template-engine/ Updated to v0.2: http://javascriptly.com/2008/09/chainjs-02-updated-examples/ Thanks for the article!
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」:phpspot開発日誌
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
[ThinkIT] 第7回：DOMの拡張（後編） (1/2)
前回は$関数や$$関数について解説しました。$$関数や$関数を用いてHTML要素（以下、単に要素）を取得すると、新しいメソッドが追加されコードがシンプルになります。前回述べたように、$関数や$$関数は要素を取得した後のことまでしっかりと考えてくれるのです。
超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
从 ;’w’;)クゥ～ン(2007-02-13) [Rails] Spinelz タブ表示機能
一見タブブラウザが頭によぎる名前だが、この prototype.js ベースの JavaScript ライブラリが熱い。というか、「デモ」の「Tab Box」にいきなり感動した！長い間 cool なタブ表示ツールを探していたけど、ようやく自分の要求を満たすものに出会えた気がする。 ● 要求 というのも、タブ表示というか、見栄え系のJS(or CSS)には妙な拘りがあるのだ。その自分ルールは、スロットの4号機のサブ基盤制約に非常に似ていて あれば見た目が綺麗になる (演出が楽しい) 外してもちゃんと動く (メイン基盤へ影響を与えない) という存在であるべきである、という点。当然ながら、JS でゴリゴリやればできるのはわかってるし、CSSだけでもある程度はいけるのだが、ハートを掴むものはこれまでなかった。よくあるのは、タブとコンテンツが離れていたり、事前にタブのエレメントIDを JS で登録し
prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「F... 次の記事 ≫：フリーのPHPフォトギャラリースクリプト「phpGraphy」 solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のようなグラフをJavaScript+CSSで描画することが可能。 ライブラリを使ったソースコード例は次になります。 var dataset = { 'myFirstDataset': [[0, 1], [1, 0.8], [2, 2.3]
Prototype.js 1.5 の PDF リファレンス:phpspot開発日誌
Prototype 1.5 PDF: The Complete Documentation (Global Moxie) Prototype is a JavaScript framework that takes the pain out of coding JavaScript by papering over browser differences and filling gaps in the language itself. Prototype is the creation of Sam Stephenson and a core team of open-source developers. Prototype.js 1.5 のリファレンスがPDFで提供されています。 PDFということで、印刷などして電車の中の移動などで読みたいですね。 関連エントリ prototype.js
Prototype.jsリファレンスウィジェット:phpspot開発日誌
Bartelme Design | Prototype Reference Widget I was excited when the first documentation of the Prototype JavaScript Framework was released a couple of weeks ago. In order to get quick access to the documentation I created a simple Dashboard widget. And well… I thought it would be nice to share it with you. Prototype.jsリファレンスウィジェット。 次のようなカッコいいprototypeウィジェットが使えます。 MacOS10.4.3以降で使えるようです。 関連サイト proto
Extend for Prototype - JavaScriptでオブジェクト指向を簡単にするライブラリ: ある SE のつぶやき
Extend for Prototype このExtend for Prototypeは、prototype.jsの継承周りが使いにくいということで、クラスをporotype.jsよりも使いやすくしたライブラリです。 ライセンスは、修正BSDライセンスとのこと。 実際に動作させたサンプルは、以下のようになります。 <html> <head> <script type="text/javascript" src="extend.js"> </script> <script type="text/javascript"> <!-- var Animal = Class.create({ CLASSDEF : { name : 'Animal' }, sex : 0, //0:Male, 1:Female initialize : function (_sex) { this.sex = _se
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
prototype.jsを10KBにする方法
2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。 prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype（“prototype-1.4.0.js”）を10キロバイト（10,453 bytes）に圧縮して、しかも（当たり前ながら）動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした（他は
Prototype Dissected - snook.ca
In getting to know Prototype a little better, I decided to go through the latest version of the Prototype library (1.5.0_pre0) and detail every method and property that was available. In doing so, I got a much better understanding of how the code works. Here are the files in a 1280x960 and a widescreen 1440x900 version. 1280x960 1440x900 1280x960 on White 1440x900 on White And with WHITE backgroun
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/lightbox_effect
http://www.solutoire.com/plotr
spinelz.org
http://gplotter.offwhite.net/