読者です 読者をやめる 読者になる 読者になる

daiizの自由帳

フレンチフライ トリュフ塩仕立て

Chrome Dev Editorで、開発版のChromeアプリを実行する方法

chrome-dev-editor chrome メモ tech

Chrome Dev Editor(CDE)を使うと、開発中のChromeアプリ(ストアに公開されていないChromeアプリ)をとても簡単に実行することができます。手順をご紹介します。

1. CDEを起動し、実行したいアプリのフォルダを開く

CDEウィンドウの左上のメニューボタンをクリックし、続いて表示されるメニューから「Open Folder...」をクリックします。

f:id:daiiz:20141108203532p:plain

開発中のものや、GitHubからダウンロードしてきたものなどの、実行したいChromeアプリのフォルダを選択し、「開く」ボタンをクリックします。

f:id:daiiz:20141108203934p:plain

2. manifestファイルが含まれていることを確認する

さきほど選択したフォルダの中身が読み込まれ、CDEウィンドウの左側のパネルにファイルやフォルダの内容がリスト表示されます。このファイルリストのなかに「manifest.json」が含まれていることを確認してください。このファイルがない場合はChromeアプリとして実行することはできません。

f:id:daiiz:20141108204736p:plain

3. 「►」ボタンをクリックして実行する

ステップ2で確認した「manifest.json」をクリックし、CDEウィンドウ左上の「►」をクリックすると、Chromeアプリが起動します。下図のように「manifest.json」を右クリックして表示されるメニューから「Run」を選択して実行することも可能です。

f:id:daiiz:20141108205859p:plain

以上です!

この方法で実行したChromeアプリは、ランチャーにもしっかり登録されます。

f:id:daiiz:20141108210414p:plain

関連記事