Your SlideShare is downloading. ×
0
Chrome Web Store
      @cou929
Chrome Web Store?




https://chrome.google.com/webstore
Web App?
Web App?

•            Web Service

• ajax, html5
• http://en.wikipedia.org/wiki/
  Web_application
Why?

•
•   :



•   :
Why?
•
•   Chrome Web Store Payments
    •   Free
    •   One-time payment
    •   Monthly or yearly subscription
    •   ...
Monetize
•   Google Checkout Merchant Account
    •   http://www.google.com/support/chrome/bin/
        answer.py?answer=9...
Why?
• New Tab
• Keyboard Short Cut
• Pinned Tab


• Chrome Dev Channel
When?


• Late 2010
•          2011
When?

• Developer Preview   Web App



•
Trying Web Store
What kind of App?
•   Hosted Web App
    •         Web

    •                  host

•   Packaged Web App
    •
    •
Example: Bingo-Simple




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


• HTML + CSS + JavaScript
•
How to make?
• manifest.json
{
    "name": "My Awesome Racing Game",
    "description": "Enter a world where a Vanagon can...
How to make?


•
• 128 x 128 [px]   16 x 16 [px]
Upload




•   zip                            ( crx            )

•                                              manifest....
Ofuse

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




•       (   |   |   )
Web Store (Preview)
Similer Stores
Web apps by Apple




http://www.apple.com/webapps/whatarewebapps.html
Open Web Apps
  by Mozilla




https://apps.mozillalabs.com/
Wrap up
• Chrome Web Store
  • Open Web Platform
  •
  •
•
Chrome Web Store に登録してみた
Upcoming SlideShare
Loading in...5
×

Chrome Web Store に登録してみた

2,198

Published on

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

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,198
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

























  • Transcript of "Chrome Web Store に登録してみた"

    1. 1. Chrome Web Store @cou929
    2. 2. Chrome Web Store? https://chrome.google.com/webstore
    3. 3. Web App?
    4. 4. Web App? • Web Service • ajax, html5 • http://en.wikipedia.org/wiki/ Web_application
    5. 5. Why? • • : • :
    6. 6. Why? • • Chrome Web Store Payments • Free • One-time payment • Monthly or yearly subscription • Free trial • Custom payment method
    7. 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. 8. Why? • New Tab • Keyboard Short Cut • Pinned Tab • Chrome Dev Channel
    9. 9. When? • Late 2010 • 2011
    10. 10. When? • Developer Preview Web App •
    11. 11. Trying Web Store
    12. 12. What kind of App? • Hosted Web App • Web • host • Packaged Web App • •
    13. 13. Example: Bingo-Simple http://cou929.nu/apps/Bingo-Simple.html
    14. 14. Example: Bingo-Simple • HTML + CSS + JavaScript •
    15. 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. 16. How to make? • • 128 x 128 [px] 16 x 16 [px]
    17. 17. Upload • zip ( crx ) • manifest.json • https://chrome.google.com/extensions/developer/dashboard
    18. 18. Ofuse • $5 • Developer Registration Fee • http://www.google.com/support/chrome/bin/answer.py?answer=187591
    19. 19. Edit metadata • ( | | )
    20. 20. Web Store (Preview)
    21. 21. Similer Stores
    22. 22. Web apps by Apple http://www.apple.com/webapps/whatarewebapps.html
    23. 23. Open Web Apps by Mozilla https://apps.mozillalabs.com/
    24. 24. Wrap up • Chrome Web Store • Open Web Platform • • •
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×