Chrome Dev Editorの設定

Chrome AppsにあるChrome Dev Editorを開くと、

このような画面が表示されます。

右上にある三本線のボタンをクリックすると、メニューが表示されます。メニューが表示されたら、New Projectをクリックします。
（すでに開発中のコードがある場合はOpen Folderを選択してください。）

この画面が表示されたら、CHOOSE FOLDER(フォルダを選択)をクリックします。

フォルダーの参照が表示されたら、開発用に用意したフォルダを選択してOKをクリックします。

この画面が表示されたら、Blank Projectを選択します。もし、Webアプリ(Webサイト)を作成したい場合は、JavaScript web appを選択、スマホアプリを作成したい場合は、JavaScript Chrome Appを選択しましょう。今回はどちらも開発できるBlank projectを選択します。
（※プロジェクト名はわかりやすい名前を付けましょう）

画面の左端にprojectの作成の時に入力した名前が表示されていれば、開発を始めることができます。

まずはプロジェクト名を右クリックして、New File...を開きます。

New file nameにindex.htmlと入力して、CREATEボタンをクリックします。

ファイルが生成できたら、コードを書き始めましょう。

ある程度、コードがかけて動作確認を行いたい場合は、

左上にある▶(run)ボタンをクリックします。

このように表示されれば良いです。作成したindex.htmlにコードを書いてアプリを作成していきましょう。