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.

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

1,594 views

Published on

Google Developers Meetup #2

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

  1. 1. みんなの知らないChrome Appsの世界 The world of Chrome Apps everyone don't know Google Developers Meetup #2
  2. 2. History of Chrome Apps
  3. 3. May 10, 2011 Chrome OS released 1st Chromebook released
  4. 4. July 16, 2012 Chrome Packaged Apps were enabled by default.
  5. 5. September 5, 2013 The name was changed to Chrome Apps
  6. 6. June 26, 2014 Native Client Library
  7. 7. June 26, 2014 Chrome Dev Editor
  8. 8. April 7, 2015 ARC Welder
  9. 9. Are you using Chrome Apps?
  10. 10. Are you developing Chrome Apps?
  11. 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. 12. background.js chrome.app.runtime.onLaunched.addListener( function() { chrome.app.window.create( "window.html", { "outerBounds": { width: 400, height: 500 } } ); } );
  13. 13. window.html <!DOCTYPE html> <html> <head> </head> <body> <div>Hello, world!</div> </body> </html>
  14. 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. 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. 16. Installing
  17. 17. Installing
  18. 18. Installing
  19. 19. Installing
  20. 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. 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. 22. What APIs can we use?
  23. 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
  24. 24. 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
  25. 25. 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. 26. https://chrome.google.com/webstore/detail/cog-system-info-viewer/difcjdggkffcfgcfconafogflmmaadco Cog - System Info Viewer
  27. 27. sockets.tcp
  28. 28. We can develop ANYTHING as Chrome Apps!
  29. 29. I must prove that!
  30. 30. https://github.com/yoichiro/mysql_js_driver
  31. 31. https://dev.mysql.com/doc/internals/en/client-server-protocol.html
  32. 32. https://github.com/yoichiro/mysql_js_driver/blob/master/src/mysql_types.js
  33. 33. https://github.com/yoichiro/chrome_mysql_console
  34. 34. https://github.com/yoichiro/chrome_mysql_admin
  35. 35. ChromeMyAdmin sockets.tcp digitalbazaar/forge (TLS) libssh2 (NaCl Module) AngularJS + ng-grid jcanvas jqplot
  36. 36. fileSystemProvider
  37. 37. https://github.com/yoichiro/chromeos-filesystem-dropbox For Dropbox Identity API Dropbox Core API (Ajax)
  38. 38. https://github.com/yoichiro/chromeos-filesystem-sftp For SFTP nacl_io libssh2 (NaCl Module)
  39. 39. https://github.com/yoichiro/chromeos-filesystem-sftp/blob/master/app/nacl_src/read_file_command.cc
  40. 40. For Windows sockets.tcp SMB1 / CIFS / SMB2 NTLMSSP DCE/RPC Domain / Workgroup https://github.com/yoichiro/chromeos-filesystem-cifs
  41. 41. https://github.com/yoichiro/chromeos-filesystem-cifs/blob/master/app/scripts/smb_client/dce_rpc/dcerpc_bind.js
  42. 42. Other apps I'm using...
  43. 43. Pixlr Editor https://chrome.google.com/webstore/detail/pixlr-editor/icmaknaampgiegkcjlimdiidlhopknpk?utm_source=chrome-ntp-icon
  44. 44. Text https://chrome.g1oogle.com/webstore/detail/text/mmfbcljfglbokpmkimbfghdkjmjhdgbg
  45. 45. LINE https://chrome.google.com/webstore/detail/line/menkifleemblimdogmoihpfopnplikde
  46. 46. Chrome Dev Editor https://chrome.google.com/webstore/detail/chrome-dev-editor-develop/pnoffddplpippgcfjdhbmhkofpnaalpg
  47. 47. Chrome Apps = Can do anything!
  48. 48. https://developer.chrome.com/apps/first_app
  49. 49. Many users in the world are waiting Chrome App you create.
  50. 50. Any questions?

×