Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JavaScriptで出来る、あんなことこんなこと

3,022 views

Published on

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

Published in: Technology
  • 木村様 DM失礼いたします。 初めましてBranding Engineer (https://b-engineer.co.jp/)イベント事業部土井と申します。 弊社は月に10-12回ほどエンジニアさん向けにイベントを開催しています。 11/30(水)には『JavaScript Bash』というJavascriptをお酒を飲みながら楽しく勉強したい方へ向けたイベントを開催させていただきます。 そこで上記のイベントの登壇者を探していたところ、木村様のスライドシェアに掲載されていたJavaScriptのスライドを拝見しまして是非イベントにて登壇していただきたくご連絡させていただきました。 ご検討の程何卒宜しくお願いします。 doi_kouki@b-engineer.com http://tech-eight.connpass.com/event/44268/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

JavaScriptで出来る、あんなことこんなこと

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

×