prototype.jsをかじってみる
- 1. prototype.js をかじってみる © 株式会社 一六社
- 2. © 株式会社 一六社 prototype.js って何？ prototype.js は Sam Stephenson 氏によって書かれた JavaScript ライブラリ 【ライブラリ】 ある特定の機能を持ったプログラムを、他のプログラムから利用できるように部品化し、複数のプログラム部品を一つのファイルにまとめたもの。 参照： IT 用語辞典 -> Sam Stephenson 氏が提供するサイトから取得できる。 http://www.prototypejs.org/download
- 3. © 株式会社 一六社 クロスブラウザ対応 注：クロスブラウザ対応は完璧というわけではない ※ ブラウザによって、動作が違うために、一つのコードで同じように動作するようにすること。 何が楽ちんになる？
- 4. © 株式会社 一六社 2 . DOM 要素の操作 【 DOM 】 Document Object Model Web ページの内容 ( 文章、画像、音声など ) およびそれらの配置、スタイルをオブジェクトとして扱い、スクリプト言語を使って制御するための取り決め。 参照： IT 用語辞典 DOM の操作が簡単になり、ソースコードも読みやすくすることが出来る。 何が楽ちんになる？
- 5. © 株式会社 一六社 2 . DOM 要素の操作 ( 例 ) 何が楽ちんになる？
- 6. © 株式会社 一六社 3 . Ajax の利用が簡単になる 【 Ajax 】 Asynchronous JavaScript + XML Web ブラウザに実装されている JavaScript の HTTP 通信機能を使って、 Web ページのリロードを伴わずにサーバと XML 形式のデータのやり取りを行なって処理を進めていく対話型 Web アプリケーションの実装形態。 参照： IT 用語辞典 Ajax 機能の実装を手助けするために、ライブラリでは Ajax.Request クラスが定義されている。 何が出来る？
- 7. © 株式会社 一六社
- 8. © 株式会社 一六社 4 . prototype.js のオブジェクト指向の機能 クラスの定義や継承が出来るらしい。 何が出来る？
- 9. © 株式会社 一六社 実際に使っている今日の宿題を少しみてみる 実際に使ってみる
- 10. © 株式会社 一六社 JavaScriptist - Prototype.js 逆引きサンプル集 http://javascriptist.net/docs/samples_prototype.html prototype.js の開発者向けメモ http://www.imgsrc.co.jp/~kuriyama/prototype/prototype.js.html Prototype.js リファレンス http://www.openspc2.org/JavaScript/Ajax/ref/prototype.js/index.html 参考サイト