https://github.com/puku0x/ngx-onsenui-phonegap-starter

Angular + Onsen UI 2 + PhoneGap のサンプル
https://github.com/puku0x/ngx-onsenui-phonegap-starter

angler aot onsenui phonegap scss typescript webpack

Last synced: 16 days ago
JSON representation

Angular + Onsen UI 2 + PhoneGap のサンプル

• Host: GitHub
• URL: https://github.com/puku0x/ngx-onsenui-phonegap-starter
• Owner: puku0x
• License: mit
• Created: 2017-03-11T03:45:54.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-10-29T10:38:32.000Z (about 7 years ago)
• Last Synced: 2024-10-16T20:59:03.282Z (2 months ago)
• Topics: angler, aot, onsenui, phonegap, scss, typescript, webpack
• Language: TypeScript
• Homepage: https://puku0x.github.io/ngx-onsenui-phonegap-starter/
• Size: 6.04 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-onsenui - ngx-onsenui-phonegap-starter - Onsen UI + Angular + PhoneGap. [Japanese] (Community Packages / Angular)

README

        
[![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 + PhoneGap Starter

[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/)

- [Angular CLI](https://cli.angular.io/)

## 使い方

リポジトリをクローン

```

$ git clone https://github.com/puku0x/ngx-onsenui-phonegap-starter.git

```

Angular CLI をインストール

```

$ npm install -g @angular/cli

```

依存パッケージをインストール

```

$ cd ngx-onsenui-phonegap-starter

$ npm install

```

## ビルド & プレビュー

### PhoneGap CLI を使う場合

```

$ npm start

```

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

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

### Angular CLI を使う場合

```

$ ng serve

```

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

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

## ビルド

Angular CLI のコマンドを用いてビルドしてください。

```

$ ng build --prod

```

ビルド結果は `/www` 内に出力されます。

[travis-ci-url]: http://travis-ci.org/puku0x/ngx-onsenui-phonegap-starter

[travis-ci-image]: https://travis-ci.org/puku0x/ngx-onsenui-phonegap-starter.svg?branch=master

[david-dm-url]:https://david-dm.org/puku0x/ngx-onsenui-phonegap-starter

[david-dm-image]:https://david-dm.org/puku0x/ngx-onsenui-phonegap-starter.svg

[david-dm-dev-url]:https://david-dm.org/puku0x/ngx-onsenui-phonegap-starter?type=dev

[david-dm-dev-image]:https://david-dm.org/puku0x/ngx-onsenui-phonegap-starter/dev-status.svg