1. Let’s JavaScript !

2. お品書き
• JavaScriptのいいところ
• JSの主戦場
• SlideShareアプリ、作ってみた。

3. JavaScriptのここが楽しい

4. その１

5. イベントループ

6. <script>
var
divs=document.getElementsByTagName('div');
for(var i=0,len=divs.length;i<len;i++){
divs[i].addEventListener('click',function(){
console.log(this.innerHTML
});
}
</script>

7. その２

8. コンパクトな言語仕様

9. Not Exist
Standard Input/Output

10. HelloWorld
var HELLO_WORLD=“Hello JavaScript World !”;
//警告
alert(HELLO_WORLD);
//consoleオブジェクトが有効なら
console.log(HELLO_WORLD);
//古いブラウザ
document.write(HELLO_WORLD);

11. その他にも。。。
• スクリプト言語の癖にめちゃくちゃ早い
• デザインさんも関わる言語なので親しみやす
い
• JSON形式がネイティブに扱える
– DBもJSON
• 割と何でもできる
– オブジェクト指向、イベント指向、メタプログラミ
ング、関数型プログラミングetc…

12. JSの主戦場

13. Webブラウザ

14. • Titanium
–AndroidOS or iOS
• Windows8 Native App
–HTML5+JavaScript
• Serve side
–Rhino,Node.js…
• DataBase
–CouchDB,MongoDB…

15. フロントエンドからバックエン
ドまで全てJavaScriptで作れる

16. このアプリは

17. 全てJavaScriptで構成されてます
(jQuery+Node.js+MongoDB)

18. 前々からHTMLベースのスライドが
作りたかった

19. そこで妄想していたアプリにぴっ
たりだったのがWebSocket

20. WebSocketとは？

21. 簡単に言うと双方向通信ができる
Ajax

22. 理由

23. ソースコードをベタ貼りしたい

24. 配信制御をスマホやタブレットで
やりたい！

25. +α

26. スライド内にコメントが残せます

27. 書いた内容はWebSocketでリアル
タイムに更新されます

28. ドラッグでメモの位置も変更でき
ます。
これもリアルタイム。

29. JavaScriptは
技術いっぱい夢いっぱいです。

30. あなたも今日から

31. Let‘s Enjoy JavaScript！！

32. ご清聴ありがとうございました。