2017.06.28
Ionic Ionic2
ionicで自作componentを作る componentへ値を渡す componentへのinputを行っていきます。 まずはcomponentの内容を以下のように書き換えます。 sample-component.ts クラス変数に@Input()がついている変数を準備します。 また@angul …More Read
2017.06.28
Ionic Ionic2
ionicで自作componentを作る componentを作成 ionicのルートディレクトリで以下のコマンドを実行する。 ionic g component コンポーネント名 componentsフォルダの中にコンポーネントが作成されている。 componentの使用 app.module.t …More Read
2017.04.21
firebase Ionic Ionic2
Firebaseを使ってスマホの掲示板を作成する Firebaseを使ってサクッとリアルタイム掲示板を作っていきます。 現在の環境は以下の通り。 windows 10 64bit Visual studio code 1.9.1 ionic 2.1.4 node.js 6.10.0 npm 4.2. …More Read
2017.03.13
firebase Ionic Ionic2
Firebaseを使ってスマホの掲示板を作成する Firebaseを使ってサクッとリアルタイム掲示板を作っていきます。 現在の環境は以下の通り。 windows 10 64bit Visual studio code 1.9.1 ionic 2.1.4 node.js 6.10.0 npm 4.2. …More Read
2017.03.04
firebase Ionic Ionic2
Firebaseを使ってスマホの掲示板を作成する Firebaseを使ってサクッとリアルタイム掲示板を作っていきます。 現在の環境は以下の通り。 windows 10 64bit Visual studio code 1.9.1 ionic 2.1.4 node.js 6.10.0 npm 4.2. …More Read
2017.03.02
firebase Ionic Ionic2
Firebaseを使ってスマホの掲示板を作成する Firebaseを使ってサクッとリアルタイム掲示板を作っていきます。 現在の環境は以下の通り。 windows 10 64bit Visual studio code 1.9.1 ionic 2.1.4 node.js 6.10.0 npm 4.2. …More Read
2017.03.02
firebase Ionic Ionic2
Firebaseを使ってスマホの掲示板を作成する Firebaseを使ってサクッとリアルタイム掲示板を作っていきます。 現在の環境は以下の通り。 windows 10 64bit Visual studio code 1.9.1 ionic 2.1.4 node.js 6.10.0 npm 4.2. …More Read
2017.02.06
Angular Ionic2
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonic2の使い方を紹介していきます。 今回はIonicでボタンを表示する方法とその簡単なカスタマイズ方法について解説します。 なお、本稿で載せる画像は全てMaterialDesignのスタイルです。iOSでは異なる見た目になる点に …More Read
2017.02.06
Android Angular Ionic2 iOS
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonic2の使い方を紹介していきます。 今回はアプリ上でアラートのダイアログを表示する方法について解説します。 なお、本稿で載せる画像は全てMaterialDesignのスタイルです。iOSでは異なる見た目になる点にご注意下さい。 …More Read
2016.12.04
*ngFor *ngIf Angular2 Directive Ionic2
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonic2の使い方を紹介していきます。 今回はリスト表示や、表示・非表示の切り替えといったアプリを作る上では欠かせない表現の 実装方法について解説したいと思います。 Ionic2はJSフレームワークAngular2をベースに構築され …More Read
