prototype.js をかじってみる ©  株式会社 一六社
©  株式会社 一六社 prototype.js って何? prototype.js  は  Sam Stephenson  氏によって書かれた  JavaScript  ライブラリ  【ライブラリ】 ある特定の機能を持ったプログラムを、他のプ...
©  株式会社 一六社 <ul><li>クロスブラウザ対応 注:クロスブラウザ対応は完璧というわけではない </li></ul><ul><li>※ ブラウザによって、動作が違うために、一つのコードで同じように動作するようにすること。 </li>...
©  株式会社 一六社 2 .  DOM 要素の操作   【 DOM 】  Document Object Model     Web ページの内容 ( 文章、画像、音声など ) およびそれらの配置、スタイルをオブジェクトとして扱い、スクリプト...
©  株式会社 一六社 2 .  DOM 要素の操作  ( 例 )   何が楽ちんになる?
©  株式会社 一六社 3 .  Ajax の利用が簡単になる 【 Ajax 】  Asynchronous JavaScript + XML  Web ブラウザに実装されている JavaScript の HTTP 通信機能を使って、 Web ...
©  株式会社 一六社
©  株式会社 一六社 4 .  prototype.js のオブジェクト指向の機能 クラスの定義や継承が出来るらしい。 何が出来る?
©  株式会社 一六社 実際に使っている今日の宿題を少しみてみる 実際に使ってみる
©  株式会社 一六社 <ul><li>JavaScriptist - Prototype.js 逆引きサンプル集 http://javascriptist.net/docs/samples_prototype.html </li></ul><...
Upcoming SlideShare
Loading in …5
×

prototype.jsをかじってみる

2,422 views

Published on

JavaScriptのライブラリprototype.jsをかじってみる。

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,422
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

prototype.jsをかじってみる

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

×