はじめに
Wijmo（ウィジモ）は、グレープシティがHTML／JavaScript環境に向けて提供しているJavaScriptライブラリで、WebサイトやWebアプリケーションで活用できるUI部品を利用者に提供します。
2015年1月にWijmoの新版「Wijmo 5」が国内でも提供開始されました。Wijmo 5は従来のWijmo（Wijmo 3）との過去互換性や古いブラウザのサポートを切り捨てることで、より高速／軽量なライブラリになっています。
Wijmo 5の特徴として、JavaScriptライブラリ「AngularJS」の充実したサポートを挙げることができます。以前の記事で紹介したように従来のWijmoでもAngularJSを利用できましたが、Wijmo 3におけるAngularJSサポートがオプション的な位置づけだったのに対して、Wijmo 5はAngularJSで利用する方法をむしろ主流と位置づけ、ほとんどのサンプルでAngularJSが利用されています。Wijmo 5のすべてのコントロールをAngularJSのディレクティブ（独自のタグ）で記述でき、AngularJSの一部のようにWijmo 5を用いることができます。
図1 公式サイトでもWijmo 5のAngularJSサポートを積極的にアピール
本記事ではWijmo 5とAngularJSを組み合わせて使用する方法を、サンプルを交えて説明していきます。
対象読者
- WebサイトやWebアプリケーションのレベルをワンランク上げたい方
- より軽量／高速なJavaScriptのUI部品を探している方
- AngularJSとWijmoの組み合わせを本格的に活用したい方
必要な環境
Wijmo 5はECMAScript 5をサポートする、いわゆるモダンブラウザをターゲットにしており、WijmoのWebサイトでは以下のブラウザがサポート対象として案内されています。
- Internet Explorer：9以上
- Google Chrome：5以上
- Mozilla Firefox：4以上
- Safari：5以上
- Opera：12以上
今回は以下の環境で動作を確認しています。
-
Windows 7 64bit版
- Internet Explorer 11
