Java script1

1,478 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,478
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Java script1

  1. 1. 入門 JavaScript<br />本間皇成<br />1<br />
  2. 2. 対象とする方<br />C 言語の基礎知識を持っている<br />オブジェクト指向をなんとなくだけどわかっている<br />JavaScript は聞いたことがあるだけ<br />2<br />
  3. 3. 発表予定<br />3<br />第一回 JavaScript とは、基本構文<br />第二回 オブジェクト (配列、ハッシュ、クラス)<br />第三回関数<br />第四回ブラウザと JavaScript 、 FireBug<br />第五回 DOM (Document Object Model)<br />第六回 Ajax と ライブラリ<br />第七回 HTML5<br />
  4. 4. 本日の内容<br />なぜ今 JavaScript なのか<br />JavaScript への勘違い<br />はじめよう<br />基本的な文法<br />やっておくといいかも<br />まとめ<br />4<br />
  5. 5. なぜ今 JavaScript なのか<br />5<br />
  6. 6. なぜ今 JavaScript なのか<br />主要なブラウザのほぼ全てが標準でサポート<br />インターネットが今後10年でなくなりますか<br />Ruby ? Objective-C ? FLASH ?  会社のもくろみ<br />従来のアプリケーションのほとんどがブラウザで実行されるようになる日が来る<br />クラウド化していく IT 業界<br />アプリケーション化を目指すブラウザと HTML5<br />Ex) ofiiceと docs<br />楽しい!!<br />6<br />
  7. 7. 言われ始めていること<br />7<br />われわれの夢は、ローカルなアプリケーションと同じようなことがWebアプリケーションにでもできるようになること。オンライン・オフライン関わらず全てできるようになることです。そこに足りないものは実装し、標準化を進めていきたいと考えています。 <br />「このまま HTML5 が普及してくれればスマートフォン向けのアプリの大半は HTML + CSS + Javascript だけで作れるんじゃないか」と感じ始 めている私である。<br />出典<br />http://www.atmarkit.co.jp/fwcr/design/benkyo/html5_01/01.html<br />http://www.publickey1.jp/blog/10/iphone_osflashhtml5javascript.html<br />
  8. 8. JavaScript でマリオブラザーズ<br />8<br />http://jsmario.com.ar/<br />
  9. 9. JavaScript で OS<br />9<br />http://www.lucid-desktop.org/<br />これは感動ものです<br />
  10. 10. JavaScript への勘違い<br />10<br />
  11. 11. JavaScript への勘違い<br />素人向けの簡易な言語である<br />-> れっきとしたオブジェクト指向言語<br />  Ajaxの登場で見過ごせないもの<br />セキュリティーホールが多い<br />-> JavaScript を実装するブラウザの問題<br />クロスブラウザ問題があるから開発生産性が低い<br />->これもブラウザの問題。ライブラリで解決<br />11<br />
  12. 12. はじめよう、JavaScript<br />12<br />
  13. 13. はじめよう<br />JSdo.it<br />http://jsdo.it/ ・・ JavaScript/HTML/CSS の共有サイト<br />HTML のキャンバス要素を消す<br />JavaScript の枠にコードを記入<br />13<br />
  14. 14. 基本的な文法<br /> <br />制御の文は C と同様と考えてよい<br />if , while , for , switch 等<br />出力は document.write 関数<br />var 変数名; で宣言する<br />配列や関数、クラスが特徴的<br />14<br />
  15. 15. やっておくといいかも<br />練習<br />以下のように出力するコードを JavaScript で書いてみて下さい<br />出力例: <br />50以下の3の倍数は <br />3,6, 9,12,<br />15,18,21,24,<br />27,30,33,36,<br />39,42,45,48<br />Hint : 改行は ではなく、 <br> で!<br />余裕があれば、50が最大 , 3の倍数, 4列の各パラメータをコード中の1か所変更しただけで適用できるプログラムにしてみてください<br />15<br />
  16. 16. まとめ<br />16<br />JavaScript って便利!<br />

×