「Angular」の変数を見やすい形式に変換して表示できるPipesの活用法

本連載では、Webアプリケーションフレームワーク「Angular」の活用方法をサンプルとともに紹介しています。前回はAngularのバージョンアップ版となるAngular 4の変更点と今後の見通しを説明しました。今回は、変数の値を画面表示用に見やすく変換できるPipesについて、利用方法を説明していきます。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。AngularJSと呼ばれていたバージョン1（AngularJS 1)から、バージョン2で大きく変更されて、以降はAngularと呼ばれます。バージョン2時点では「Angular 2」と呼ばれることもありましたが、現在はAngularが正式名称です。 Angularでは、コンポーネントの変数を画面に表示する際に見やすい形式に変換できる、Pipesと呼ばれる仕組みが