Madogiwa Blog

主に技術系の学習メモに使っていきます。

ionic

Ionic:Dockerでionic開発環境を作る🐳

こんにちは、まどぎわです(・∀・) 最近またionicを触りはじめて、環境構築する際にローカルではなく、 Dockerを使ってみたのでそのやり方をメモしておきますφ(・・ ちなみに私の環境は、下記の通りです。 種類 バージョン OS MacOS High Sierra 10.13.6 Docker…

Ionic:スワイプでページ更新する方法のメモ

Ionicで下スワイプでページ更新を行う方法をメモφ(..) ↓実装イメージはこんな感じです。 手順 概要 Ionicでスワイプでページ更新を実装するには、ion-refresherを使用します。 Viewのion-content内にion-refresherを配置し、(ionRefresh)="doRefresh($event)…

Ionic:読み込み中にローディングのポップアップを表示する

Ionicでローディングのポップアップを表示する手順をメモφ(..) ↓イメージはこんな感じです。 手順 Ionicでローディング画面を表示するにはLoadingControllerを使用します。 LoadingControllerの使い方の概要は下記の通りです。 methods memo create ローディ…

HTML+CSS+JavaScriptでネイティブアプリが作れる - ionic入門 -

最近、ionicを使ってみているので日本語のドキュメント少ないし、頭の整理も兼ねて入門記事を書いてみるφ(..) ionicとは ionicとは、HTML+CSS+JavascriptといったWebの技術を使ってネイティブアプリが開発出来るオープンソースのフレームワークです。 Know h…

ionicでWebサイトへのリンクを貼る。

ionicでWebサイトへのリンクを貼る方法をメモφ(..) ↓こんな感じ 手順 .htmlファイルにリンクを置く .htmlファイル内に通常のWebアプリケーションと同様に<a>...</a>を配置します。 配置したリンクには(click)でクリックイベントを定義し、.tsで定義したopenWebSite(…