みんなの知らないChrome appsの世界

1. みんなの知らないChrome Appsの世界 The world of Chrome Apps everyone don't know Google Developers Meetup #2

2. History of Chrome Apps

3. May 10, 2011 Chrome OS released 1st Chromebook released

4. July 16, 2012 Chrome Packaged Apps were enabled by default.

5. September 5, 2013 The name was changed to Chrome Apps

6. June 26, 2014 Native Client Library

7. June 26, 2014 Chrome Dev Editor

8. April 7, 2015 ARC Welder

9. Are you using Chrome Apps?

10. Are you developing Chrome Apps?

11. manifest.json { "manifest_version": 2, "name": "Hello, world", "version": "1.0", "app": { "background": { "scripts": ["background.js"] } }, "icons": { "16": "16.png", "128": "128.png" } }

12. background.js chrome.app.runtime.onLaunched.addListener( function() { chrome.app.window.create( "window.html", { "outerBounds": { width: 400, height: 500 } } ); } );

13. window.html <!DOCTYPE html> <html> <head> </head> <body> <div>Hello, world!</div> </body> </html>

14. Yo! (After installing node.js ...) $ sudo npm install -g yo $ sudo npm install -g generator-chromeapp $ make simple_app $ cd simple_app $ yo chromeapp (Type ENTER key for all questions ...)

15. Yo! . ├── Gruntfile.js ├── app │ ├── _locales │ │ └── en │ │ └── messages.json │ ├── bower_components │ ├── images │ │ ├── icon-128.png │ │ └── icon-16.png │ ├── index.html │ ├── manifest.json │ ├── scripts │ │ ├── chromereload.js │ │ ├── index.js │ │ └── main.js │ └── styles │ └── main.css ├── bower.json └── package.json

16. Installing

17. Installing

18. Installing

19. Installing

20. . ├── _locales │ └── ... ├── _metadata │ └── ... ├── css │ └── ... ├── html │ └── ... ├── images │ ├── dev │ │ └── ... │ ├── ... │ └── stable │ └── ... ├── js │ └── ... ├── manifest.json └── plugin └── pnacl ├── ssh_client.nmf ├── ssh_client_nl_arm.nexe ├── ssh_client_nl_x86_32.nexe └── ssh_client_nl_x86_64.nexe

21. . ├── _metadata │ └── ... ├── data │ ├── data.unity3d │ └── unity_nacl_files │ ├── License │ │ ├── COPYING.LIB │ │ └── README │ ├── i686 │ │ ├── libc.so │ │ ├── libdl.so │ │ ├── libgcc_s.so │ │ ├── libm.so │ │ ├── libmono-2.0.so │ │ ├── libnacl_dyncode.so │ │ ├── libppapi_cpp.so │ │ ├── libppapi_gles2.so │ │ ├── libpthread.so │ │ ├── librt.so │ │ ├── libstdc++.so │ │ ├── runnable-ld.so │ │ └── unity.nexe │ ├── nacl_resources.unity3d │ ├── unity.nmf │ ├── unity_nacl.js │ ├── unitylogo.png │ ├── unityprogress.png │ ├── unityprogressframe.png │ └── x86_64 │ ├── libc.so │ ├── libdl.so │ ├── libgcc_s.so │ ├── libm.so │ ├── libmono-2.0.so │ ├── libnacl_dyncode.so │ ├── libppapi_cpp.so │ ├── libppapi_gles2.so │ ├── libpthread.so │ ├── librt.so │ ├── libstdc++.so │ ├── runnable-ld.so │ └── unity.nexe ├── images │ └── ... ├── js │ ├── jquery.js │ ├── json.js │ ├── silvertree.js │ └── silvertree.js~ ├── manifest.json └── ...

22. What APIs can we use?

23. accessibilityFeatures, alarms, app.runtime, app.window, bluetooth, bluetoothLowEnergy, bluetoothSocket, browser, commands, contextMenus, documentScan, events, extensionTypes, fileSystem, gcm, hid, i18n, identity, idle, instanceID, mdns, mediaGalleries, notifications, permissions, power, printerProvider, runtime, serial, socket, sockets.tcp, sockets.tcpServer, sockets.udp, storage, syncFileSystem, system.cpu, system.display, system.memory, system.network, system.storage, tts, types, usb, vpnProvider, wallpaper

26. https://chrome.google.com/webstore/detail/cog-system-info-viewer/difcjdggkffcfgcfconafogflmmaadco Cog - System Info Viewer

27. sockets.tcp

28. We can develop ANYTHING as Chrome Apps!

29. I must prove that!

30. https://github.com/yoichiro/mysql_js_driver

31. https://dev.mysql.com/doc/internals/en/client-server-protocol.html

32. https://github.com/yoichiro/mysql_js_driver/blob/master/src/mysql_types.js

33. https://github.com/yoichiro/chrome_mysql_console

34. https://github.com/yoichiro/chrome_mysql_admin

35. ChromeMyAdmin sockets.tcp digitalbazaar/forge (TLS) libssh2 (NaCl Module) AngularJS + ng-grid jcanvas jqplot

36. fileSystemProvider

37. https://github.com/yoichiro/chromeos-filesystem-dropbox For Dropbox Identity API Dropbox Core API (Ajax)

38. https://github.com/yoichiro/chromeos-filesystem-sftp For SFTP nacl_io libssh2 (NaCl Module)

39. https://github.com/yoichiro/chromeos-filesystem-sftp/blob/master/app/nacl_src/read_file_command.cc

40. For Windows sockets.tcp SMB1 / CIFS / SMB2 NTLMSSP DCE/RPC Domain / Workgroup https://github.com/yoichiro/chromeos-filesystem-cifs

41. https://github.com/yoichiro/chromeos-filesystem-cifs/blob/master/app/scripts/smb_client/dce_rpc/dcerpc_bind.js

42. Other apps I'm using...

43. Pixlr Editor https://chrome.google.com/webstore/detail/pixlr-editor/icmaknaampgiegkcjlimdiidlhopknpk?utm_source=chrome-ntp-icon

44. Text https://chrome.g1oogle.com/webstore/detail/text/mmfbcljfglbokpmkimbfghdkjmjhdgbg

45. LINE https://chrome.google.com/webstore/detail/line/menkifleemblimdogmoihpfopnplikde

46. Chrome Dev Editor https://chrome.google.com/webstore/detail/chrome-dev-editor-develop/pnoffddplpippgcfjdhbmhkofpnaalpg

47. Chrome Apps = Can do anything!

48. https://developer.chrome.com/apps/first_app

49. Many users in the world are waiting Chrome App you create.

50. Any questions?

みんなの知らないChrome appsの世界

Yoichiro Tanaka

みんなの知らないChrome appsの世界