Chrome Web Store の紹介と, 簡単な Web App をアップロードしてみたという話です.

1. Chrome Web Store
@cou929

2. Chrome Web Store?
https://chrome.google.com/webstore

3. Web App?

4. Web App?
• Web Service
• ajax, html5
• http://en.wikipedia.org/wiki/
Web_application

5. Why?
•
• :
• :

6. Why?
•
• Chrome Web Store Payments
• Free
• One-time payment
• Monthly or yearly subscription
• Free trial
• Custom payment method

7. Monetize
• Google Checkout Merchant Account
• http://www.google.com/support/chrome/bin/
answer.py?answer=96832
• 5% + $ 0.30 per transaction
• Licensing API
• OAuth
• http://code.google.com/chrome/webstore/docs/
check_for_payment.html

8. Why?
• New Tab
• Keyboard Short Cut
• Pinned Tab
• Chrome Dev Channel

9. When?
• Late 2010
• 2011

10. When?
• Developer Preview Web App
•

11. Trying Web Store

12. What kind of App?
• Hosted Web App
• Web
• host
• Packaged Web App
•
•

13. Example: Bingo-Simple
http://cou929.nu/apps/Bingo-Simple.html

14. Example: Bingo-Simple
• HTML + CSS + JavaScript
•

15. How to make?
• manifest.json
{
"name": "My Awesome Racing Game",
"description": "Enter a world where a Vanagon can beat a Maserati",
"version": "1",
"app": {
"launch": {
"local_path": "main.html"
}
},
"icons": {
"16": "icon_16.png",
"128": "icon_128.png"
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}
http://code.google.com/chrome/apps/docs/developers_guide.html

16. How to make?
•
• 128 x 128 [px] 16 x 16 [px]

17. Upload
• zip ( crx )
• manifest.json
• https://chrome.google.com/extensions/developer/dashboard

18. Ofuse
• $5
• Developer Registration Fee
• http://www.google.com/support/chrome/bin/answer.py?answer=187591

19. Edit metadata
• ( | | )

20. Web Store (Preview)

21. Similer Stores

22. Web apps by Apple
http://www.apple.com/webapps/whatarewebapps.html

23. Open Web Apps
by Mozilla
https://apps.mozillalabs.com/

24. Wrap up
• Chrome Web Store
• Open Web Platform
•
•
•