![manifest.json
{
"manifest_version": 2,
"name": "Hello, world",
"version": "1.0",
"app": {
"background": {
"scripts": ["background.js"]
}
},
"icons": {
"16": "16.png", "128": "128.png"
}
}](https://image.slidesharecdn.com/chromeapps-160117012216/75/chrome-apps-15-2048.jpg?cb=1668965014)
みんなの知らないChrome appsの世界
•2 likes•2,165 views
Report
Share
Download to read offline
Google Developers Meetup #2
More Related Content
What's hot
What's hot(20)
Viewers also liked
Viewers also liked(19)
Similar to みんなの知らないChrome appsの世界
Similar to みんなの知らないChrome appsの世界(20)
More from Yoichiro Tanaka
More from Yoichiro Tanaka(15)
Recently uploaded
Recently uploaded(20)
みんなの知らないChrome appsの世界
- 1. みんなの知らないChrome Appsの世界 The world of Chrome Apps everyone don't know Google Developers Meetup #2
- 4. History of Chrome Apps
- 5. May 10, 2011 Chrome OS released 1st Chromebook released
- 6. July 16, 2012 Chrome Packaged Apps were enabled by default.
- 7. September 5, 2013 The name was changed to Chrome Apps
- 8. June 26, 2014 Native Client Library
- 9. June 26, 2014 Chrome Dev Editor
- 10. April 7, 2015 ARC Welder
- 11. Are you using Chrome Apps?
- 13. Are you developing Chrome Apps?
- 15. manifest.json { "manifest_version": 2, "name": "Hello, world", "version": "1.0", "app": { "background": { "scripts": ["background.js"] } }, "icons": { "16": "16.png", "128": "128.png" } }
- 16. background.js chrome.app.runtime.onLaunched.addListener( function() { chrome.app.window.create( "window.html", { "outerBounds": { width: 400, height: 500 } } ); } );
- 17. window.html <!DOCTYPE html> <html> <head> </head> <body> <div>Hello, world!</div> </body> </html>
- 18. 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 ...)
- 19. 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
- 20. Installing
- 21. Installing
- 22. Installing
- 23. Installing
- 29. . ├── _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
- 31. . ├── _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 └── ...
- 32. What APIs can we use?
- 33. 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
- 34. 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
- 35. 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
- 36. https://chrome.google.com/webstore/detail/cog-system-info-viewer/difcjdggkffcfgcfconafogflmmaadco Cog - System Info Viewer
- 37. sockets.tcp
- 38. We can develop ANYTHING as Chrome Apps!
- 39. I must prove that!
- 45. ChromeMyAdmin sockets.tcp digitalbazaar/forge (TLS) libssh2 (NaCl Module) AngularJS + ng-grid jcanvas jqplot
- 47. https://github.com/yoichiro/chromeos-filesystem-dropbox For Dropbox Identity API Dropbox Core API (Ajax)
- 49. https://github.com/yoichiro/chromeos-filesystem-sftp/blob/master/app/nacl_src/read_file_command.cc
- 50. For Windows sockets.tcp SMB1 / CIFS / SMB2 NTLMSSP DCE/RPC Domain / Workgroup https://github.com/yoichiro/chromeos-filesystem-cifs
- 52. Other apps I'm using...
- 57. Chrome Apps = Can do anything!
- 60. Many users in the world are waiting Chrome App you create.
- 61. Any questions?