タグ : ionic

Ionic PWA を作成して Netlify へリリースする手順

Ionic PWA を作成して Netlify へリリースしてみたので、その手順をご紹介します。

ionic Framework

続きを読む

[Ionic] Android/iOS ビルド時のキャッシュをクリアする方法

Ionic Framework で Android や iOS ビルド時のソースファイルのキャッシュをクリアする方法をご紹介します。

ionic Framework

続きを読む

Ionic Framework で cordova-plugin-safariviewcontroller を使う

Ionic Framework で cordova-plugin-safariviewcontroller を使ってみたので、サンプルコードをご紹介します。

ionic Framework

続きを読む

[Ionic] InAppBrowser で URL をデフォルトブラウザで開く使い方

Ionic Framework で InAppBrowser を使うときは、デフォルトブラウザで開くようにしたい自分の設定をご紹介します。

ionic Framework

続きを読む

Ionic Framework で iOS アプリをシミュレーターで起動する方法

Ionic Framework で iOS アプリをシミュレーターで起動する方法をご紹介します。

ionic Framework

続きを読む

ionic start コトハジメ

ionic start コトハジメということで ionic Framework でプロジェクトを作るときに選択したオプションをご紹介します。

ionic Framework

続きを読む

Apache Cordova 入門に参考になった記事まとめ

Ionic framework を使い始めて Apache Cordova の理解も必要と思い、Cordova の記事を読み漁ったのでオススメできる記事をご紹介させていただきます。

Apache Cordova

続きを読む

Ionic Framework のバージョン (version) 確認方法

Ionic Framework の version は本体と CLI で異なるということを教えてもらったので、バージョンを確認する方法をご紹介します。

Ionic Framework

Ionic のバージョンを確認したくなった経緯

Ionic 3.0 has Arrived! の記事を読んで Ionic 3.0 を使ってみようかなと思ったのがきっかけでした。

続きを読む

Ionic Framework でアイコンフォント Ionicons を利用する

Ionic Framework からデフォルトで利用できる icon フォント Ionicons の使い方を調べたメモ。

公式サイト http://ionicons.com/ から icon フォントを検索することができます。下記の画像は money というキーワードに近しい icon フォントの検索結果です。

ionicons

利用したい icon フォントが決まったら、肝心の使い方ですが、

<i class="icon ion-cash"></i>

というように icon クラスと ion-cash クラスを付与することで、アイコンを表示できます。

Ionic Framework の公式ドキュメントにもう少しだけ詳しい説明があるので読んでみるといいかもしれません。

いい感じのアイコンがあれば Ionicons をそのまま使うと楽でよさそうですね。