Angular(Ionic)で相方向バインディングを行う最低限のテンプレート

1 Formの場合はこちら https://ionicframework.com/docs/v3/developer-resources/forms/ Note:…

Angularでfirestoreのコレクションからデータ一覧を取得する

1 概要 Angular2以降でfirestoreのコレクションからデータ一覧を取得する方法。 読み込む コレクションに対して、valueChanges()をsubscribeする。valueChanges()ってなんだ。。 import…

HuaweiのHMSとはなにか

1 HMSとはなにか HMSとは、Huawei Mobile Serviceの略です。Google…

IonicのAndroidアプリをWebアプリケーションとしてデプロイする

1 概要 Angular,IonicをWebアプリとしてデプロイする方法について記述する。 firebaseを使ってホスティングする方法と、Xserverでapacheでホスティングする方法を試した。firebaseでホスティングするのは（慣れてしまえば）至れり尽くせりであるが、先のことを考えると値段が気になるためXserverのほうが望ましいように感じた。 Xserverで既にドメインを持っていれば、そのサブドメインにデプロイすることで追加負担０でサイトをデプロイすることができる。速度も速いし、こちらのほうがいい。 Firebaseでのホスティング https://qiita.com/M_Faust/items/a514b8a79d2fd13cb72b https://qiita.com/daikiojm/items/89f46bd83c9a2285bbc6 が参考になった。 まず、ライブラリのインストールをする npm…

Angular（Ionic）でStripeでクレカ決済を導入する

目的 Angular（Ionic）でStripeでクレカ決済を導入するにあたり、ソフト側の設定方法をまとめる。AndroidのPlay…

Angular(Ionic)でAdsenseを導入する

1 AngularでAdsenseで広告を出す方法です。 AndroidやiOSアプリで広告を出すためにはAdmobが利用可能ですが、AdmobはWebプラットフフォームをサポートしておりませんのでWebでは使えません。Webの場合はAdsenseを使う必要があります。 ところがAngularでAdsenseを利用する方法はほとんど情報がなく、ましてやIonicとなると皆無でした。非常に苦労しましたが、なんとかわかってきたのでまとめます。 まとめ ng2-adsenseを使います。しかし公式の通りにやっても動作しませんので、追加でHTMLページにコードを追加する必要があります。また、広告をレスポンシブにしない、ページの上部に設置するといった一見ナンセンスなことに注意する必要があります。 環境 Angular11でIonic6です。 Ionic: …