<commit_before>[![Build Status][travis-ci-image]][travis-ci-url]
[![Dependency status][david-dm-image]][david-dm-url]
[![Dev Dependency status][david-dm-dev-image]][david-dm-dev-url]
# Angular + Onsen UI 2 + Webpack2 + PhoneGap

[PhoneGap](http://phonegap.com/) を使ったハイブリッドアプリのひな形に [Webpack](https://webpack.github.io/) による SCSS と TypeScript のトランスパイルを組み込んだもの。

ビルドツールは npm と Webpack のみ。

フロントエンドのフレームワークは [Angular](https://angular.io/) と [Onsen UI 2](https://onsen.io/) を採用しています。

## 必要なもの
- [Node.js](https://nodejs.org/)

## 使い方
リポジトリをクローン
```
$ git clone https://github.com/puku0x/angular-onsenui2-webpack2.git
```

依存パッケージをインストール
```
$ cd クローン先のディレクトリ
$ npm install
```

ビルド & プレビュー
```
$ npm start
```
これだけ！

ビルド後、ブラウザで `http://localhost:3000` を開くとプレビューされます。

`/src` 内のファイルに変更を加えると自動的にリロードされます。

## AoT(Ahead of Time)コンパイル
本サンプルはAngularのAoTコンパイルに対応しています。

下記コマンドを実行するとAoTコンパイル済みのバンドルが出力されます。
```
$ npm run ng build --prod
```

[travis-ci-url]: http://travis-ci.org/puku0x/angular-onsenui2-webpack2
[travis-ci-image]: https://travis-ci.org/puku0x/angular-onsenui2-webpack2.svg?branch=master
[david-dm-url]:https://david-dm.org/puku0x/angular-onsenui2-webpack2
[david-dm-image]:https://david-dm.org/puku0x/angular-onsenui2-webpack2.svg
[david-dm-dev-url]:https://david-dm.org/puku0x/angular-onsenui2-webpack2?type=dev
[david-dm-dev-image]:https://david-dm.org/puku0x/angular-onsenui2-webpack2/dev-status.svg<commit_msg>fix readme<commit_after>[![Build Status][travis-ci-image]][travis-ci-url]
[![Dependency status][david-dm-image]][david-dm-url]
[![Dev Dependency status][david-dm-dev-image]][david-dm-dev-url]
# Angular + Onsen UI 2 + Webpack + PhoneGap

[Angular CLI](https://cli.angular.io/) と [PhoneGap](http://phonegap.com/) を使ったハイブリッドアプリのサンプルです。

フロントエンドのフレームワークは [Angular](https://angular.io/) と [Onsen UI 2](https://onsen.io/) を採用しています。

また、Angular CLIの `ng serve` コマンドを使った場合に [「Phonegap Developer」アプリ](http://docs.phonegap.com/getting-started/2-install-mobile-app/) が利用できなくなる問題を解決するため、別途 [Webpack](https://webpack.github.io/) による SCSS と TypeScript のトランスパイルを組み込んでいます。

## 必要なもの
- [Node.js](https://nodejs.org/)

## 使い方
リポジトリをクローン
```
$ git clone https://github.com/puku0x/angular-onsenui2-webpack2.git
```

依存パッケージをインストール
```
$ cd クローン先のディレクトリ
$ npm install
```

ビルド & プレビュー
```
$ npm start
```
これだけ！

ビルド後、ブラウザで `http://localhost:3000` を開くとプレビューされます。

`/src` 内のファイルに変更を加えると自動的にリロードされます。

## AoT(Ahead of Time)コンパイル
本サンプルはAngularのAoTコンパイルに対応しています。

下記コマンドを実行するとAoTコンパイル済みのバンドルが出力されます。
```
$ npm run build:prod
```

[travis-ci-url]: http://travis-ci.org/puku0x/angular-onsenui2-webpack2
[travis-ci-image]: https://travis-ci.org/puku0x/angular-onsenui2-webpack2.svg?branch=master
[david-dm-url]:https://david-dm.org/puku0x/angular-onsenui2-webpack2
[david-dm-image]:https://david-dm.org/puku0x/angular-onsenui2-webpack2.svg
[david-dm-dev-url]:https://david-dm.org/puku0x/angular-onsenui2-webpack2?type=dev
[david-dm-dev-image]:https://david-dm.org/puku0x/angular-onsenui2-webpack2/dev-status.svg
{'fraction_non_alphanumeric': 0.18215118215118214, 'fraction_numerical': 0.018648018648018648, 'mean_word_length': 5.446351931330472, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 21, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4273160', 'n_tokens_mistral': 1628, 'n_tokens_neox': 1559, 'n_words': 150}