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