スタイルズが開発したHtml5(Kendo UI）とangularJSでによる企業向け大規模システムの事例をご紹介します。
デスクトップパソコン以外のコンピュータを活用した業務システムのありかたがここ数年、急激に注目を集めています。タブレット、スマートフォンのような携帯性に優れたデバイスを活用することで、従来の業務をより効率的に変えていこうという考え方が、広がりをみせているのです。
例えば、ビジネスマンの場合、部門長の決裁をスマートフォンで行えるようにすることで、ビジネススピードが格段にアップします。
営業マンを中心に生産性の向上のための「モバイルワーク」という働き方が急激に広がりを見せる中で、従来は、メール・チャット・ファイル共有程度だった、スマートデバイスでのツール提供を拡大させて、業務システム自体をスマートデバイスで利用可能にすることで、大幅に業務効率を上げていこうという動向が注目を集めています。
1990年代の後半より、業務システムのWEBアプリケーション化が進められてきましたが、当初は、動的な要素や柔軟な動的ユーザインターフェースはかなり犠牲を強いられていました。そこに、2005年頃より、Adobe社のFLASH（FLEX）やMicrosoft社のSilverlightなどのRIA（リッチ・インターネット・アプリケーション）と呼ばれる技術が採用され、多くの業務システムに採用されてきました。しかし、現在、2010年のAppleショックをきっかけとして、徐々に衰退の流れになっています。
RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverlight戦略を後退させ、AdobeもモバイルFlashの開発を中止しました。そして2014年HTML5正式勧告です。この流れにより、HTMLでWebアプリケーションを作る方向に向かいました。
（RIAに代わる技術、実用的SPAについて考える～第7回エンタープライズ×HTML5ナイトセミナー～）
HTML5による開発の場合、従来はブラウザで表示するためのHTMLをサーバーサイドが担当していたのに比べて、今後はサーバーサイドはデータのみを返して、フロントエンドでGUI（HTML）を組み立てる方法に主流になります。
フロントエンドは最近では、Backbone.jsやAngularJSに代表されるクライアントjavascriptフレームワークをベースに構築します。その場合、ユーザインターフェースは、BootstrapなどのCSSフレームワークを組み合わせます。
フロントエンドに対してWeb APIを公開し、主に、永続化やトランザクション・認証管理・サーバーサイドキャッシュなどの機能を提供します。また、フロントエンドに配置できないビジネスロジックを配置します。このように従来型の役割分担とはかなり趣が異なります。
通信は主に軽量で、JavaScriptでの扱いが容易なJSONが主流です。
従来のWebアプリケーションと異なり、ページをシングルページで作成（またはメニューごとにシングルページ化）し画面の遷移はJavaScriptで生成するような方式を、シングル・ページ・アプリケーションと言います。
このようなアーキテクチャーは、従来もRIA（リッチ・インターネット・アプリケーション）として存在していましたが、以下のような経緯から開発手法は、HTML5が主流になりつつあります。
スタイルズでは、以下のような各種フレームワークやツール類を採用して、効率的に、シングル・ページ・アプリケーション（SPA） の業務システムを開発しています。
フロントエンドは最近では、Backbone.jsやAngularJSに代表されるクライアントjavascriptフレームワークをベースに構築します。
その場合、ユーザインターフェースは、BootstrapなどのCSSフレームワークを組み合わせます。
AngularJSは、Googleが開発を行っているJavaScriptのアプリケーションフレームワークです。
いわゆるMV*と呼ばれる種類のフレームワークで、Backbone.jsやKnockout.jsなどとよく比較されます。
注）MV*フレームワークというのは、MVC、MVVM、MVPなど、さまざまな設計パターンの総称で、Model、View、ほかに何かという意味です。
AngularJSの公式サイトでは、「AngularJSは、MVWフレームワークである」と定義しています。
「MVW」とは、「Model-View-Whatever」の略語で、「Model」「View」「その他何でも」という意味です。
データバインディングやDI（依存性注入）などを使用でき、複雑なWebアプリのフロントエンドも効率よくシンプルに実装できます。
また、AngularJSはフルスタックフレームワークであるという特徴を持っています。
それは、クライアントサイドを実装する上で必要な機能はすべてそろっているという意味です。
いまJavaScriptのフレームワークといえば、一番最初に名前が挙がると思われます。
スタイルズでは、シングル・ページ・アプリケーションとして業務システムを開発する場合、標準的にAngularJSを採用しています。
Google社が作成した総合開発ツールです。
Yeomanの読み方はそのまま「ヨーマン」と呼びます。
Yeomanは【Yo】【Grunt】【bower】のコアツールの総称です。
Yeomanは、タスクの自動化を行うGruntや、Webアプリ向けのパッケージマネージャーであるBowerと連携しながら、Webアプリのコード生成を自動化してくれるツールです。
Yeomanには数多くのサブジェネレーターが存在し、様々なアーキテクチャに基づいたWebアプリケーションを迅速に構築することが可能です。
JHipsterは、AngularJSとSpringフレームワーク（Spring Boot）を使って、Webアプリケーションを素早く開発するための、アプリケーションジェネレーターであり、オープンソース製品です。
Javaのフレームワークとしてかなりデファクトに近いフレームワークとして「Spring」があります。Spring Bootは、Springの各種フレームワークを新しい形で「統合」したものです。
TypeScript はマイクロソフトによって開発されたオープンソース製品で、JavaScriptに静的型付けとクラスベースオブジェクト指向を加えたスーパーセットです。既存のJavaScriptライブラリに型情報を加えることのできるヘッダファイルをサポートしています。
Kendo UI は、telerik社によって開発された、jQuery をベースとした JSライブラリです。
ビジネス向けの UIパーツを豊富に持ち、商用利用向けの有償ライセンスと、GPLv3ライセンスのオープンソースのデュアルライセンスで提供されていましたが、2014年に Kendo UI の主要なパーツが オープンソース化して、Apache ライセンスで利用出来るようになりました。
スタイルズは、AngularJS、HTML5による業務システム開発 に関する豊富な経験を持って、以下のご相談に応じています。お気軽にコンタクトフォームよりお問合せ下さい。
HTML5、AngularJS等によるシステム開発のお問合せはこちらから
