Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angularで作るモバイルアプリ

puku0x
June 25, 2017

 Angularで作るモバイルアプリ

puku0x

June 25, 2017
Tweet

More Decks by puku0x

Other Decks in Technology

Transcript

  1. ngx-onsenui import { BrowserModule } from '@angular/platform-browser'; import { NgModule,

    CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { OnsenModule } from 'ngx-onsenui'; import { AppComponent } from './app.component'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, OnsenModule], bootstrap: [AppComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class AppModule { } 0OTFO.PEVMF ͷΠϯϙʔτͱ εΩʔϚͷઃఆ
  2. WebpackͰϏϧυ • npm + Webpack + PhoneGap/Cordova https://github.com/puku0x/angular-onsenui2-webpack2/tree/no-angular-cli /src /www

    Ϗϧυ มߋݕ஌ มߋݕ஌ .html .ts .scss ϩʔμͷઃఆ͸ng ejectͨ͠ޙͷwebpack.config.js ࢀߟ
  3. Ionic CLI • $ npm i -g ionic • $

    ionic start ϓϩδΣΫτ໊ blank • $ ionic serve https://ionicframework.com/docs/cli/
  4. ·ͱΊ • AngularͰϞόΠϧΞϓϦΛ࡞ΔͳΒ • Onsen UI • Ionic • PWA༻͸

    Angular Mobile Toolkit ※υΩϡϝϯτ͕ࢮΜͰΔͷͰ஫ҙ