カードUIを自動生成するJavaScriptテンプレート「griddles.js」のdevバージョンが、Mobile Chrome Apps のUIとしても使えるようになりました。また、Chrome Appsで使用するための設定も、より簡単になりました。
How To Use
GitHubからソースコードをcloneしてディレクトリを移動
git clone https://github.com/daiz713/griddles cd griddles/
したあとに、ターミナルで以下のシェルスクリプトを実行すると、自動でgriddlesパッケージが生成されます。
For Chrome Apps
ホームディレクトリのgriddles-packagesフォルダ内に、MyChromeAppパッケージが生成されます。
sh grd.sh create MyChromeApp -dev -chromeapp
- Google Chrome で chrome://extensions/ にアクセスし、ページ上部の「パッケージ化されていない拡張機能を読み込む...」ボタンをクリックし、先ほど生成された
MyChromeAppフォルダを選択すればChrome Appとして実行することができます。
For Mobile Chrome Apps
ホームディレクトリのgriddles-packagesフォルダ内に、MyMobileChromeAppパッケージが生成されます。
sh grd.sh create MyMobileChromeApp -dev -chromeapp
- コマンド
cca create YourAppで生成した*1プロジェクトフォルダ内のwwwフォルダのなかに、MyMobileChromeAppをフォルダごとコピーします。 - そして、
wwwフォルダ内の background.js のコード中の "index.html" を "MyMobileChromeApp/index.html" と書き換えてください。 - ターミナルで
cca run androidを実行すると、端末にChrome Appがインストールされます。
For Web Pages
ホームディレクトリのgriddles-packagesフォルダ内に、MyWebPageパッケージが生成されます。
sh grd.sh create MyWebPage -dev
MyWebPageフォルダ内の index.html が生成されたページです。
