【Ionic】実務でIonic入門した自分が参考にしたTIPS記事をまとめてみた！！

Last updated at 2020-01-31Posted at 2019-04-07

Yoki(@enyyokii)と申します。

渋谷のIT企業でアプリエンジニアしています。
仕事では iOS、Android、Webフロントエンドなど色々しており、週末は勉強を兼ねて個人開発したりしています。

業務にてIonicフレームワークを使用して新規アプリ開発機会がありました。
本記事ではIonic入門者が見ておくときっと役に立つであろうものをまとめてみました😆

Hello Ionic...

【そもそもIonicとは？】

Ionicとは、GoogleのAngularというフレームワークをベースに、Typescript + HTML5 + CSS(Sass)でのアプリ開発を可能にするフレームワークです。

【公式ページ】

Angular, Ionicについて

Angularの開発ではTypeScriot, そしてRxJsを使用していきます〜

TypeScriptとは

TypeScriptはMicrosoftが開発した、JavaScriptを拡張した新しい言語です。JavaScript ES2015のスーパーセットで、新しいバージョンのJavaScriptの機能も取り込んでいます。TypeScriptを使えば、Babelを使わなくても最新鋭のJavaScriptが書けます。またTypeScriptは強力な型付けシステムを持ち、型アノテーションと型インターフェイスによりコードの静的分析が可能です。

RxJSとは

RxJSは、非同期処理とイベントを柔軟に扱うための「リアクティブプログラミング」を実現するライブラリーです。オブザーバーパターン、イテレータパターン、関数型プログラミングの特徴を融合しています。RxJSイベントなどを連続的なデータストリームとして扱い、それに対してマッピング、フィルタリング、分割、結合などの処理をします。
このライブラリーはAngularのHTTPモジュールおよび一部の内部処理に使われています。HTTPリクエストを実行すると通常のプロミスではなくObservable（観察対象）が返されます。パワフルなライブラリーですが、少々複雑です。さまざまなタイプのObservables／Subjects（観察対象）に馴染む必要があり、さらに百個近いメソッドと演算子を習得する必要があります。HTTPリクエストのためにちょっとやりすぎだと思います。
RxJSはWebSocketをはじめ数多くの継続的なデータストリームを扱う場合に便利ですが、それ以外では複雑すぎるかもしれません。とはいえ、Angularで開発するなら基本的なことは知っておくとよいでしょう。

引用: 開発者はReactとAngularのどちらを選ぶべきか？