• Save
prototype.jsをかじってみる
Upcoming SlideShare
Loading in...5
×
 

prototype.jsをかじってみる

on

  • 3,661 views

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

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

Statistics

Views

Total Views
3,661
Views on SlideShare
3,660
Embed Views
1

Actions

Likes
2
Downloads
0
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

prototype.jsをかじってみる prototype.jsをかじってみる Presentation Transcript

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