More Related Content
Similar to Chrome Packaged Apps」の作り方を学んでみた その1 ~ Chrome Packaged Appsって何ができるの? ~ (20)
Chrome Packaged Apps」の作り方を学んでみた その1 ~ Chrome Packaged Appsって何ができるの? ~
- 5. •
•
•
•
• Packaged Apps
• 独立型アプリ(デスクトップアプリケーション)
•
•
参照:https://developers.google.com/chrome/
- Chrome Packaged Web Appsって何? -
5
- 6. •
•
•
• Step1 : Create the manifest
• hello_jag
• hello_jag manifest.json
6
- 7. • Step2 : Create the background script
• hello_jag main.js
7
- 8. • Step3 : Create the background script
• hello_jag index.html
• Step4 : Create the icons
• hello_jag icon_16.png, icon_128.png,
jag_logo.png
https://github.com/GoogleChrome/chrome-app-samples/blob/master/hello-world/icon_16.png
https://github.com/GoogleChrome/chrome-app-samples/blob/master/hello-world/icon_128.png
http://www.android-group.jp/image/android-logo.png
<Image data source>
8
- 9. • Step5 : Enable flags
• Chromeブラウザを起動し,”chrome://flags”へ移動
• “Experimental Extension APIs”を見つけて, “Enable” リ
ンクをクリック
• Chromeを再起動
※ packaged apps APIsはまだ実験的な段階なので,
experimental APIsを有効にしないと動作しません!
9
- 10. • Step6 : Load your app
• 再起動後,Chromeブラウザの右上部” ”をクリック
• “Toos” → “Extensions” をクリック
• “Developer mode” にチェック
• “Load unpacked extension”ボタン
からhello_jag
OKをクリック
10
- 11. • Step7 : Open new tab and launch
• 新しいタブを開いてアプリ起動
11