Prototype.js を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
Javascriptで指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
JavaScript Shell
JavaScript Shell A command-line interface for JavaScript and DOM. Open the shell or get the Shell bookmarklet (Firefox only). Features You can enter statements and expressions at the same prompt. The result of each non-void statement or expression is shown. User-defined variables. b = document.body User-defined functions. function f() { return 5; } JavaScript error messages are shown in red. Previ
プロキシを使わずAmazonデータをAjaxする
Ajax で画面遷移なしの Amazon 検索 : NDO::Weblog という記事で、画面遷移なしの、Ajaxという物をしていたが、AmazonとホームページでURIが異なるために、Ajaxがうまくできずプロキシ的な物を使っていた。これが気になったので、ProxyなしでAjaxするようにしてみる。 サンプル まだ、チューンがカンペキじゃないので、表示がおかしい場合はリロード 問題点 ☆表示するホームページのドメインとAmazonのドメインが異なるために、XMLHttpRequestが許可されない。（セキュリティ上のガードが入る） 解決策 XMLHttpRequestをホームページのドメインとそろえる。 Ajax で画面遷移なしの Amazon 検索 : NDO::Weblog でやられているように、リクエストのプロキシを用意する。 ホームページのドメインをAmazonにす
Collection & Copy | 翻訳ドキュメント
翻訳ドキュメント Scheme Is Love eHub インタビューズ - Protopage eHub インタビューズ - Writely eHub インタビューズ - Openomy eHub インタビューズ - Kiko eHub インタビューズ - Codase eHub インタビューズ - Netvibes eHub インタビューズ - goowy eHub インタビューズ - ColorBlender eHub インタビューズ - Last.fm eHub インタビューズ - SWiK eHub インタビューズ - The Form Assembly eHub インタビューズ - SuprGlu JavaScript: 世界で最も誤解されたプログラミング言語 JavaScriptにおける古典的継承 JavaScriptにおけるプライベートメンバ JSON入門 JSON in
川o・-・）＜2nd life - Amazon最速検索ライブラリ - awsearch.js
http://rails2u.com/misc/awsearch/ http://rails2u.com/misc/awsearch/awsearch_demo.html みなさんご存じのAmazon最速検索はアイディア、技術的に大変面白い(特にXSLTでJavaScriptコードをジェネレートするところと、コールバック処理の呼び出し)のですが、ソースが密結合しすぎていて、自分で利用する場合はいろいろ大変そうなので、検索部分の処理を切り出してライブラリ化してみました。 JavaScriptを前面に押し出したAmazon検索サイトや、サーバサイドが重すぎて検索が遅いと悩んでる人は使い道があるかもしれません。Safariとかじゃ動かないけど。Safari 2.0.2（416.13)で動いたという話です。 ライブラリのインターフェイスはprototype.jsのAjax関連と同じ感じにしたので、
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex
2003/9/3 2003/9/4 2003/9/5 2003/9/6 はじめに オブジェクトとプロパティ 連想配列 オブジェクトと連想配列 「クラス」というテンプレート オブジェクトとメソッド 特定の型専用の関数 「メソッド」というプロパティ クラスとメソッド 「オブジェクト指向」の簡単なまとめ DOMとオブジェクト指向 「DOM」とは何か？ インターフェースとクラス DOM操作の実例 簡単な処理の例 もっと複雑な処理の例 おわりに Cが分かる人には疑りぶかいあなたのためのオブジェクト指向再入門というページがお勧めです。僕の稚拙な説明よりずっと分かりやすいです。 Home Back to Flakes Prev. Next はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからD
x-desktop.org - x desktop リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
檜山正幸のキマイラ飼育記 - プログラマのためのJavaScript (0)
ジジイの手習いで、JavaScriptを勉強中でございます。その動機は「結局、ブラウザベースRIAかよ」のようなこと。非ブラウザベースのリッチクライアントへの期待を失ってしまったんですね。短期的・現実的な策としては、Ajax的な手法によるRIAなのかなぁ、という気分。ただし、「短期的」が“1年”と“5年”ではえらい違いです。今のところ僕には、「短期的」の実際の期間はわかりません。 僕のJavaScript調査の結果は、「初心者でも使えてプログラマでも困惑するJavaScript 」などに書きました。これらの続きとして、「プログラマのためのJavaScript (*)」というタイトルで書こうかと予定してます。あくまで予定、気まぐれでモノグサな僕のことだから、…… “プログラマのための”というのは、C, C++, Java, C#など“普通の”プログラミング言語にある程度慣れていることを前提に
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
Pengeluaran HK | Togel Hongkong | Data HK | Keluaran HK Hari Ini
Pengeluaran hk malam ini dan hasil keluaran hk hari ini live tercepat disediakan oleh togel hongkong pools berupa data hk prize sah. Pengeluaran HK | Togel Hongkong | Data HK | Keluaran HK Hari Ini Pengeluaran hk dan keluaran hk hari ini merupakan sebuah informasi yang di sediakan oleh pasaran togel hongkong. Dimana data keluaran hk ini tentu sangat dibutuhkan para pemain untuk dijadikan sebagai a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.morijp.com/masarl/homepage3.nifty.com/masarl/article/js-oop.html
Effective JavaScript - Dynamic Scripting