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

daiizの自由帳

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

griddlesJS:: Mobile Chrome Apps に対応しました

作品 tech

カードUIを自動生成するJavaScriptテンプレート「griddles.js」のdevバージョンが、Mobile Chrome Apps のUIとしても使えるようになりました。また、Chrome Appsで使用するための設定も、より簡単になりました。

f:id:daiiz:20140525141125p:plain

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 Chromechrome://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 が生成されたページです。

Get More Information