下記勉強会の発表資料です。 --------------------------------------------------------- JSLOVE 〜JavaScriptを愛する人の話を聞いてみよう〜 http://devlove.doorkeeper.jp/events/5811 ---------------------------------------------------------

1. JavaScriptで出来る、
あんなことこんなこと
株式会社オープンストリーム
木村茉由
1
photo:
h(p://flickr.com/photos/62579653@N04/5695999384

2. アジェンダ
• 自己紹介
• 今日お話しないこと
• JavaScriptとWebのおさらい
• Webの世界のJavaScript
• WebだけじゃないJavaScript
• まとめ
2

3. 自己紹介
はじめましての方が多いかと思いますので…。
3

4. 自己紹介
• 株式会社オープンストリーム所属
• フロントエンドアーキテクト
• 好きなものはJavaScriptとおうどんです
• 最近翻訳にハマってます（InfoQ）
• 佐世保鎮守府です
• Twitter：@kimura_m_29
4

5. 今日お話しないこと
何はさておき
5

6. 今日お話しないこと
• JavaScriptのノウハウ
– 本日2番目の講演を乞うご期待！
• 素敵フレームワークのご紹介
– 本日3番目の講演を乞うご期待！
6

7. JavaScriptとWebのおさらい
ささっとおさらい
7

8. JavaScript誕生
8
• 1995年に、Netscape社のBrendan
Eich氏（現
Mozilla
CTO）によって開発された
• 『Java』Scriptの名称は、当時注目株だった
Javaにあやかったもの
• Netscape
2.0に実装され、1996年
にはIE3.0にも実装される（JScript）
ブレンダン・アイク -­‐
Wikipedia

9. 9
第一次ブラウザ戦争（1995年〜2000年）
photo:
h(p://www.flickr.com/photos/8070463@N03/54829527
←IE
Netscape↑

10. 10
Ajaxの登場（2005年）
photo:
h(p://flickr.com/photos/11498442@N00/2415031925

11. 11
jQueryの登場（2006年）

12. 12
Web標準準拠とJavaScript高速化競争
photo:
h(p://www.flickr.com/photos/27886874@N03/9659689900

13. 13
第二次ブラウザ戦争（2005年〜2012年）
photo:
h(p://www.flickr.com/photos/7960563@N07/4310367387
↑Opera
↓FireFox
↑Chrome
←IE
Safari↑

14. WEBの世界のJavaScript
そんなこんなで
14

15. クライアントサイドJavaScript
15
• HTML5
– Webのアプリケーション化を推進する仕様
– システム開発の現場では、関連
API（≒JavaScript）を指すことがほとんど
– Ajaxで汚名を返上したJavaScriptが、
より確固とした地位を確立する
きっかけとなった
HTML5
-­‐
Wikipedia

16. サーバサイドJavaScript
16
• Node
– サーバサイドJavaScriptは昔からあった（Rhino、
Aptana
Jaxer、Narwhal）
– 『Nodeの目標は、簡単にスケーラブルなネット
ワークプログラムを作成する方法を提供すること
です』（node.js）
– イベントループ
– 非同期I/O
Node.js
-­‐
Wikipedia,
the
free
encyclopedia

17. WEBだけじゃないJavaScript
だけじゃない！
17

18. ブラウザ拡張
18
• Firefox
– XUL/CSS/JavaScriptで開発できる
– Add-­‐on
SDKを使用すれば、XULではなくHTML/
CSS/JavaScriptによる開発が可能
h(p://www.mozilla.jp/press/images/

19. ブラウザ拡張
19
• Chrome
– HTML/CSS/JavaScriptで開発できる
– Webアプリをパッケージ化して配布できる
• 拡張機能との連携も可能

20. デスクトップアプリケーション
20
• Chrome
Apps
– 米国時間2013/09/05に発表された
• 以前は「Chrome
Packaged
App」と呼ばれていた
– Chrome上で起動するのではなく、ランチャーから
起動する
– Google
Drive連携、自動アップデート、USBや
Bluetooth経由で接続されたデバイス（デジカメ含
む）へのアクセスが可能
etc...

21. ハードウェア
21
• JavaScriptが動くマイコンボードの登場
– Espruino
• Espruino
Web
IDE
– TESSEL
• GPSやSDカード等のハードウェアモジュールを組み合
わせての機能拡張が可能
• npmを利用したパッケージインストール
• 組み込みの世界がぐっと身近に！

22. スマートデバイス向けアプリケーション
22
• スマートデバイスの多様化
→マルチプラットフォーム対応大変…。
→HTML5で解決したい！
• HTML/CSS/JavaScriptで開発できるフレーム
ワークの登場
– Titanium
Mobile
– PhoneGap
– Sencha
Touch

23. スマートデバイス向けアプリケーション
（ネイティブ）
23
• ネイティブアプリをHTML/CSS/JavaScriptで開
発できる
– Windows
8
– Firefox
OS

24. まとめ
色々話してきましたが…。
24

25. まとめ
25
• JSLOVE♥
• 簡単なことも難しいこともできるJavaScript
• 様々な分野で採用されているJavaScriptが読
める・書ける
→世界が広がる！

26. 26
ご清聴ありがとうございました！
photo:
h(p://www.flickr.com/photos/26782864@N00/8526743557