狠狠撸

狠狠撸Share a Scribd company logo
JavaScriptで出来る、?
あんなことこんなこと	
株式会社オープンストリーム	
木村茉由	
1	
photo:	
 ?h(p://?ickr.com/photos/62579653@N04/5695999384
アジェンダ	
?? 自己紹介	
 ?
?? 今日お話しないこと	
 ?
?? JavaScriptとWebのおさらい	
 ?
?? Webの世界のJavaScript	
 ?
?? WebだけじゃないJavaScript	
 ?
?? まとめ	
2
自己紹介	
はじめましての方が多いかと思いますので…。	
3
自己紹介	
?? 株式会社オープンストリーム所属	
?? フロントエンドアーキテクト	
?? 好きなものはJavaScriptとおうどんです	
?? 最近翻訳にハマってます(InfoQ)	
?? 佐世保鎮守府です	
?? Twitter:@kimura_m_29 	
4
今日お話しないこと	
何はさておき	
5
今日お話しないこと	
?? JavaScriptのノウハウ	
 ?
–?本日2番目の講演を乞うご期待!	
 ?
?? 素敵フレームワークのご紹介	
–?本日3番目の講演を乞うご期待!	
 ?
6
JavaScriptとWebのおさらい	
ささっとおさらい	
7
JavaScript誕生	
8	
?? 1995年に、Netscape社のBrendan	
 ?Eich氏(現
Mozilla	
 ?CTO)によって開発された	
 ?
?? 『Java』Scriptの名称は、当時注目株だった
Javaにあやかったもの	
 ?
?? Netscape	
 ?2.0に実装され、1996年	
 ?
にはIE3.0にも実装される(JScript)	
 ?
ブレンダン?アイク -?‐	
 ?Wikipedia
9	
第一次ブラウザ戦争(1995年?2000年)	
photo:	
 ?h(p://www.?ickr.com/photos/8070463@N03/54829527
←IE	
Netscape↑
10	
Ajaxの登場(2005年)	
photo:	
 ?h(p://?ickr.com/photos/11498442@N00/2415031925
11	
jQueryの登場(2006年)
12	
Web標準準拠とJavaScript高速化競争	
photo:	
 ?h(p://www.?ickr.com/photos/27886874@N03/9659689900
13	
第二次ブラウザ戦争(2005年?2012年)	
photo:	
 ?h(p://www.?ickr.com/photos/7960563@N07/4310367387	
↑Opera	
↓FireFox	
↑Chrome	
←IE	
Safari↑
WEBの世界のJavaScript	
そんなこんなで	
14
クライアントサイドJavaScript	
15	
?? HTML5	
 ?
–?Webのアプリケーション化を推進する仕様	
 ?
–?システム開発の現場では、関連
API(≒JavaScript)を指すことがほとんど	
 ?
–?Ajaxで汚名を返上したJavaScriptが、         
より確固とした地位を確立する           
きっかけとなった	
 ?
HTML5	
 ?-?‐	
 ?Wikipedia
サーバサイドJavaScript	
16	
?? Node	
 ?
–?サーバサイドJavaScriptは昔からあった(Rhino、
Aptana	
 ?Jaxer、Narwhal)	
 ?
–?『Nodeの目標は、簡単にスケーラブルなネット
ワークプログラムを作成する方法を提供すること
です』(node.js)	
 ?
–?イベントループ	
 ?
–?非同期I/O	
 ?
Node.js	
 ?-?‐	
 ?Wikipedia,	
 ?the	
 ?free	
 ?encyclopedia
WEBだけじゃないJavaScript	
だけじゃない!	
17
ブラウザ拡張	
18	
?? Firefox	
 ?
–?XUL/CSS/JavaScriptで開発できる	
 ?
–?Add-?‐on	
 ?SDKを使用すれば、XULではなくHTML/
CSS/JavaScriptによる開発が可能	
 ?
h(p://www.mozilla.jp/press/images/
ブラウザ拡張	
19	
?? Chrome	
 ?
–?HTML/CSS/JavaScriptで開発できる	
 ?
–?Webアプリをパッケージ化して配布できる	
 ?
?? 拡張機能との連携も可能	
 ?
デスクトップアプリケーション	
20	
?? Chrome	
 ?Apps	
 ?
–?米国時間2013/09/05に発表された	
 ?
?? 以前は「Chrome	
 ?Packaged	
 ?App」と呼ばれていた	
 ?
–?Chrome上で起動するのではなく、ランチャーから
起動する	
 ?
–?Google	
 ?Drive連携、自動アップデート、USBや
Bluetooth経由で接続されたデバイス(デジカメ含
む)へのアクセスが可能	
 ?etc...	
 ?
ハードウェア	
21	
?? JavaScriptが動くマイコンボードの登場	
 ?
–?Espruino	
 ?
?? Espruino	
 ?Web	
 ?IDE	
 ?
–?TESSEL	
 ?
?? GPSやSDカード等のハードウェアモジュールを組み合
わせての機能拡張が可能	
 ?
?? npmを利用したパッケージインストール	
 ?
?? 組み込みの世界がぐっと身近に!	
 ?
スマートデバイス向けアプリケーション	
22	
?? スマートデバイスの多様化	
 ?
→マルチプラットフォーム対応大変…。	
 ?
→HTML5で解決したい!	
 ?
?? HTML/CSS/JavaScriptで開発できるフレーム
ワークの登場	
 ?
–?Titanium	
 ?Mobile	
 ?
–?PhoneGap	
 ?
–?Sencha	
 ?Touch	
 ?
スマートデバイス向けアプリケーション	
 ?
(ネイティブ)	
23	
?? ネイティブアプリをHTML/CSS/JavaScriptで開
発できる	
 ?
–?Windows	
 ?8	
 ?
–?Firefox	
 ?OS	
 ?
まとめ	
色々話してきましたが…。	
24
まとめ	
25	
?? JSLOVE?	
 ?
?? 簡単なことも難しいこともできるJavaScript	
 ?
?? 様々な分野で採用されているJavaScriptが読
める?書ける	
 ?
→世界が広がる!	
 ?
26	
ご清聴ありがとうございました!	
photo:	
 ?h(p://www.?ickr.com/photos/26782864@N00/8526743557

More Related Content

闯补惫补厂肠谤颈辫迟で出来る、あんなことこんなこと