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.

NDS31 はじめてChrome App

2,372 views

Published on

Chrome Appについて

Published in: Technology
  • Be the first to comment

  • Be the first to like this

NDS31 はじめてChrome App

  1. 1. はじめてのChrome App @civic13年4月6日土曜日
  2. 2. ⾃自⼰己紹介 Twitter @civic ⻑⾧長岡IT開発者勉強会 NDS Fix HootSuite (chrome ext.) SeatNext(GAE/py)13年4月6日土曜日
  3. 3. Chrome App13年4月6日土曜日
  4. 4. Chromeのアドオン類 Chrome Extension (拡張) Chrome App (アプリ) Packaged App Hosted App Native Client (ネイティブ)13年4月6日土曜日
  5. 5. Chromeのアドオン類 Chrome Extension (拡張) Chrome App (アプリ) Packaged App ←今日の主題 Hosted App Native Client (ネイティブ)13年4月6日土曜日
  6. 6. Packaged App Chrome上でネイティブ(っぽい)アプリ でもWeb系の技術で作る13年4月6日土曜日
  7. 7. Packaged App Chrome上でネイティブ(っぽい)アプリ でもWeb系の技術で作る13年4月6日土曜日
  8. 8. Packaged App Chrome上でネイティブ(っぽい)アプリ でもWeb系の技術で作る でもWebアプリではない!13年4月6日土曜日
  9. 9. どんなものか?13年4月6日土曜日
  10. 10. あーはいはい。 HTMLでデザインして、 JavaScriptでUI制御。 メインな処理理は、 サーバと通信な感じね13年4月6日土曜日
  11. 11. いや、違うんです!13年4月6日土曜日
  12. 12. 外観 UIがブラウザっぽくないし! アドレスバーなし タブなし ブラウザ外で動作するWindow13年4月6日土曜日
  13. 13. まあ、でもHTMLで デザインします ブラウザウィンドウとしての タブ、アドレスバーがないのが重要?13年4月6日土曜日
  14. 14. Offline App オフライン起動許可がデフォルト (not WebApp) オンライン、オフラインの変更更検出 https://developer.mozilla.org/en-US/ docs/Online_and_offline_events13年4月6日土曜日
  15. 15. こんなのにどうでしょう? デスクトップアプリ、スタンドアロンアプリ UIが必要な、ちょっとしたアプリ13年4月6日土曜日
  16. 16. どれぐらいのものが 作れるのか?13年4月6日土曜日
  17. 17. API alerms mediaGaleries app.runtime permissions app.window pushMessaging bluetooth serial commands socket contextMenus storage events tts fileSystem types i18n usb idle webstore13年4月6日土曜日
  18. 18. ⾯面⽩白そうなの抜粋13年4月6日土曜日
  19. 19. ハードウェア連携 chrome.bluetooth Bluetooth chrome.usb USB chrome.serial シリアル通信 ハードウェアとの低レベルなI/O ネイティブっぽいっ!13年4月6日土曜日
  20. 20. データ永続化 chrome.fileSystem OSファイルシステム chrome.storage Chrome Sync同期 ある程度制限付きのファイル操作 同期が楽そうっ!13年4月6日土曜日
  21. 21. ネットワーク chrome.socket TCP/UDP socket pushMessaging Google Cloud Messaging TCP, UDPのデータ送受信、listen, bindが可能 モバイルにありがちなpush通知 サーバが作れるっ!13年4月6日土曜日
  22. 22. 結構いろいろなものが 作られるようになります13年4月6日土曜日
  23. 23. サンプルアプリ・デモ13年4月6日土曜日
  24. 24. UDP受信 サーバー不要!! Chrome App 受信 UDP ブロードキャスト 送信 プログラム13年4月6日土曜日
  25. 25. 本当に作りたかったもの Chrome App Chrome App UDP Chrome ブロードキャスト App13年4月6日土曜日
  26. 26. なぜできなかったのか? setsockopt的な関数が, chrome.socket API になかった create socketする時の謎のオプション createOptionsとは? (ドキュメント未整備)13年4月6日土曜日
  27. 27. まだ発展途上です https://github.com/civic/chrome-app-udpsocket13年4月6日土曜日
  28. 28. 動作プラットフォーム13年4月6日土曜日
  29. 29. 動作プラットフォーム13年4月6日土曜日
  30. 30. 動作プラットフォーム Chrome Browser13年4月6日土曜日
  31. 31. 動作プラットフォーム Chrome Browser Chromebook (Chrome OS)13年4月6日土曜日
  32. 32. 互換?プラットフォーム13年4月6日土曜日
  33. 33. 互換?プラットフォーム Firefox OS13年4月6日土曜日
  34. 34. 互換?プラットフォーム Firefox OS TIZEN13年4月6日土曜日
  35. 35. 互換なのか? manifest.jsonなどの作りはほとんど同じ apiは当然違う13年4月6日土曜日
  36. 36. まとめ13年4月6日土曜日
  37. 37. Web時代のスタンドアロンアプリを Chrome Appで作ろう!!13年4月6日土曜日

×