で配布されているGecko DOM ReferenceのZIP version(古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。 prototype.jsの開発メモ Gecko DOM Reference prototype.jsの開発メモの方はHTMLに手を入れて、メソッドやプロパティにidを振り、キーワー...
で利用できるプラグインを提供しています。ここでは、Java版のEclipseプラグインを利用して、jMakiの簡単なアプリケーションを作成してみます。 jMaki Java版の4つの主な特徴 jMaki Java版には、次のような特徴があります。 ■ 【1】JavaScriptライブラリを透過的に扱えるタグライブラリを提供 1つのWebアプリケーション内で複数のJavaScriptライブラリを利用する場合、ライブラリによっ...
Ajaxなど非同期処理などプログレスバーを表示させたいと思うことがある。しかし、実装の手間や開発期間を考えると、進行状況を表示するだけのプログレスバーに時間をかけたくない。簡単にプログレスバーを実装できるのがjsProgressBarHandler。
『 prototype.jsのわかりやすい入門解説 』
原文:Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse Prototype (http://prototype.conio.net/) ライセンス:MIT 概要: Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で開発されている点も多いですが、どのような環境でも利用できます。 長所: ScriptaculousやRico(同様にRuby on Railsに含...
『 Featuringaunique,easy-to-usetoolkitforclass-drivendevelopmentandthenicestAjaxlibraryaround,Prototypeisquicklybecomingthecodebaseofchoiceforwebapplicationdeveloperseverywhere. 』
『 ページ内ページを左右スライドの視覚効果で切り替えるJavaScriptライブラリ。要prototype.js&script.aculo.us。(→インターバル切替え:http://youmos.com/news/javascript_sliderjs.html) 』
通常、JavaScriptを使って動的にデータを読み込む際には、データソースが同一ドメイン上にある必要があります。XMLHTTPRequestを使う場合でもIFRAMEを使う場合でも同様です。ですが、scriptタグを使う場合に限り、ドメインの制約を受けずにデータを取得することが出来ます。検索結果をページに貼り付けるJavaScriptなどでよく使われる方法ですが、これを応用して、外部ドメインに置い...
9月29日に行われました技術発表会の内容を撮影した動画ファイルを公開いたしました。内容は以下のとおりです。 |*テーマ|prototype.js| |*発表者|d:id:danjou| |*時間|26:26| |*ファイルサイズ|153,326,910bytes| 以下よりダウンロードしてご覧ください。 http://www.hatena.ne.jp/sound/tech/050929hatenatech.wmv
JSON を Template-Toolkit で展開する Jemplate という記事を書いたんですが、Jemplate を使うと何がいいかってのをもう少し詳しく書いてみます。 Jemplate は TT で JavaScript 上の JSON を展開できるんですが、それだけ聞いてもしかすると「これで普段サーバーサイドでやってるテンプレートの展開をクライアントサイドに持って行けて負荷がクライアントに移ってウマー」っていうのが使いど...
ウェブを扱うライブラリやプログラムで必ずと言って良いほど見かけるものに、escapeHTML という関数があります。 "&" 等、特別な意味を持つ文字を、表示等のために実体参照 (&) に変換するお決まりの関数なんですが、実装には色々とバリエーションがあるものです。 1. String#replace メソッドを繰り返す (MochiKit 等) function escapeHTML(str) { return str.replace(/&/g, "&").repla...
『 和訳、出た。//2007-04-20追記:ブクマ時はv1.3.1だったらしい/現在:document.title==prototype.jsv1.5.0の使い方;jQuery('h1').text()==prototype.jsの開発者向けメモ;/→はてブタイトルを「prototype.jsv1.5.0_rc2」(b:id:komusubi123/20070212)から変更 』
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading Ex...
Railsにははじめからprototype.jsやイフェクト用のeffects.jsが入っているので、手軽にJavaScriptによる各種イフェクトを楽しむことができる。 [1] だが、人によってはprototype.jsよりも、プラグインで拡張できて軽量なjQueryの方がお好みだろう。その際にはこれを使おう。 今回紹介するオープンソース・ソフトウェアはjRails、Rails向けjQueryプラグインだ。 [1] http://www.moongift.jp/wp-content/uploads/200...
Shibuya.js in Kyoto にて「WSHでDOM」というタイトルで発表しました。 開発に一週間、プレゼン作りに一週間かけた渾身のネタです。 (Flash Player 9 以上が必要です) プレゼン作りにあたっては、2ページ目のイメージ写真を撮るために祇園祭に出かけたのが楽しかったです。 ソースコード:http://coderepos.org/share/browser/lang/cplusplus/dom4winui/trunk/src プレゼン 全画面で見る:http://tech.nitoyon.com/mis...
企業のホームページや、ショップのホームページ等を作る際、必ずあるのが、「お問い合わせフォーム」。 しかし、よくあるのが、入力項目が大量にあるフォーム。 これでは問い合わせをしようとした方も、面倒になり、途中で入力をやめてしまう可能性があります。 フォームをできるだけ簡潔にしたほうが、コンバージョン率は高くなります。 そこで、入力を少しでも簡潔に...
『 PrototypeUIisajavascriptlibrarybasedonPrototype1.6andscript.aculo.us. 』
Ajaxとは 最近、猫も杓子も「Ajax」というほど、よく目にする「Ajax」という言葉。 実は何なのかよく分かっていないという方もいらっしゃるのではないでしょうか。 かくいう私も人に説明できるほど完璧に理解しているか?と言われると微妙なので、「Ajax」についてまとめてみようと思います。 まずは言葉の定義から。はてなダイアリーキーワード「Ajax」によると Asynchronous JavaS...
によると、 サーバからのレスポンスの X-JSON ヘッダに含まれる文字列をオブジェクトに変換してくれるものらしい。 早速、サンプルを作ってみた。 <html lang="ja-JP"> <head> <script type="text/javascript" src="prototype.js"></script> <title>JSON Test</title> <script type="text/javascript"> function update() { url = 'ajax.cgi'; options = { onComplete: complete }; new Ajax.Request(url, options); } function complete(...
『 GTD::資料(いつか使う)【連載】いまからはじめるScript.aculo.us(1)概要と基本的な演出効果|エンタープライズ|マイコミジャーナル 』