新世代
JavaScriptコントロール

Wijmo 5により高品質なHTML5アプリケーションを開発することができます。Wijmo 5はレガシーブラウザーのサポートというしがらみを捨てて最新の優れたWeb技術をフル活用した、軽量/高速に動作するJavaScriptコントロールです。業務アプリケーション向けに最適化されいるため柔軟なカスタマイズが可能で、保守性にも優れたアーキテクチャになっています。

Angular JSAngular 2 正式サポート 導入ガイド

Wijmo 5とは?

Wijmo 5は新世代JavaScriptコントロールです。大規模/中小規模の業務Webアプリケーションの開発向けに最適化されたアーキテクチャとなっており、初期開発における工数削減はもちろんのこと保守性にも優れた構造です。また、パフォーマンスをより意識した高速かつ軽量なライブラリとなっており、jQuery等の他ライブラリとの依存関係もありません。Wijmo 5はどのようなアプリケーションにも組み込みやすいライブラリです。

Wijmo 5を選ぶ理由

Mobile First

タッチファースト/モバイルファースト

Wijmo 5はモバイルブラウザーでも利用されることを前提に設計しています。レスポンシブレイアウトとタッチサポートは、Wijmo 5コントロールの重要な要素です。

Performant

高パフォーマンスかつ軽量

Wijmo 5は、これまでに開発したコントロールを一から再検討して再構築した製品です。最新のブラウザーをターゲットとすることで、Web市場の中で最も高速かつ軽量なコントロールを開発することができました。すべてのコントロールはファイルサイズとパフォーマンスを最適化しています。グリッドとチャートのパフォーマンスをベンチマークデモでご確認いただけます。

Angular JS

Angular 1.xおよびAngular 2サポート

Angularは、今日最も人気がある強力なJavaScriptアプリケーションフレームワークの1つです。WijmoのすべてのコントロールはAngularディレクティブが付属しており、多くのサンプルを提供しています。WijmoとKnockout等の他のフレームワークを組み合わせることも可能です。

TS

TypeScriptベース

大規模な業務アプリケーションを開発することができます。Wijmo 5はTypeScriptでビルドされており、オブジェクト指向開発、C#ライクなコーディング、静的型付け等をTypeScriptを通して開発することができます。また、インテリセンスやデバッグ時のエラーチェック等も容易になります。TypeScriptの利用は必須ではありません。JavaScriptで開発する場合でももちろんWijmo 5を利用することができます。

JavaScript

JavaScriptコントロール

ECMAScript 5では、JavaScriptのプロパティにおけるgetterとsetterのサポートが追加されました。これは小さな変化のように思われるかもしれませんが、大きな違いを生み出します。この仕様追加は正真正銘のJavaScriptコントロールを開発するチャンスをもたらしました。Wijmo 5はこの仕様に準拠し、インテリセンスや列挙体の利用、プロパティの有効値と存在チェックを可能にし、フロンエンド開発の生産性に大きく貢献します。

また、Wijmo 5の開発に当たり、HTML5に移行しようとしている.NET開発者の方々にも理解しやすいように、JavaScriptでICollectionViewを作成しました。Wijmo 5コントロールはすべてCollectionViewにバインドすることができます。これによりクライアント側で変更データを追跡することが容易になり、サーバーへのPOSTデータを削減することも可能です。

Flexible

洗練されたAPI

VB時代、当社のFlexGridというグリッドが好評を博しました。Wijmo 5は”Flex”モデルおよびFlexGridをJavaScriptで実現しました。FlexGridが人気を得たのは、シンプルでありながら非常に柔軟なAPIを備えていたためです。そのコンセプトは、数多くの拡張性ポイントが組み込まれていて開発者が必要に応じて拡張および強化できるシンプルなコントロールを開発することにあります。20年以上にわたって利用され続けているため、APIは業務アプリケーションにおけるグリッドの要件を網羅しています。

Flexible

ファイル出力

クライアントサイドでExcelファイルとPDFファイルの出力が可能です。グリッドデータをExcelファイルやPDFファイルに出力したり、PDFを一からレイアウトして新規に作成することも可能なので、簡易的な帳票を作成することも可能です。また、チャートは画像ファイル(PNG/SVG/JPEG)に出力することも可能なので、PDFファイルに表示したり、二次利用することもできます。

Flexible

Silverlightからの移行に最適

Wijmo 5はSilverlightで作成したアプリケーションをHTML 5をベースにしたWebアプリケーションへ移行するのに最適な製品です。.NETで提供されているデータ管理インターフェースであるICollectionViewのJavaScript版を独自に実装して、提供しています。実際の移行方法とそれを実装したサンプルも提供しており、Silverlightからの移行を強力にサポートします。

Samples and Documentation

サンプルとドキュメント

全ソースコードを公開している30種類以上のサンプルとAPIドキュメントにより、初期導入コストをおさえて開発をスタートすることができます。何か具体的な事柄を検索するときは、クイックスタート、チュートリアル、構文などを含むWijmoドキュメントに目を通してください。あるいは、オンラインのWijmoデモを使用してコントロールの挙動を確認することもできます。

20+ Years of Experience

20年以上の実績

当社は20年以上にわたってUIコンポーネントを開発してきたコンポーネントベンダーです。開発中の技術的な課題はテクニカルサポートで質問することもできます。また、定期的なバージョンアップにより不具合の修正や機能改善を行っています。長年の実績と開発時のサポート体制がお客様から信頼され、多くの業務アプリケーションで採用頂いている強固な基盤となっています。

Wijmo 5 導入事例

Powered by HTML5

Wijmo 5をご活用いただいているお客様の導入事例をご紹介します。

デモ

公開中のデモは製品に付属しています。製品をダウンロードすることでソースコードを確認可能です。

  • Explorer

    エクスプローラ

    Wijmo 5に含まれるすべてのコントロールと、共通のインフラストラクチャを示します。

    AngularJSデモ Angular 2デモ

  • FlexGrid

    FlexGrid 101

    FlexGridは、高速で柔軟性の高いデータグリッドコントロールです。このコントロールを使用して一般的なタスクを実行する方法を示します。※AngularJSのサンプルのみ日本語で公開しています。それ以外のサンプルは順次日本語版を公開していく予定です。

    AngularJSデモ Pure JSデモ KnockoutJSデモ

  • FlexChart

    FlexChart 101

    FlexChartは、見栄えのよいチャートコントロールです。このコントロールを使用して一般的なタスクを実行する方法を示します。※AngularJSのサンプルのみ日本語で公開しています。それ以外のサンプルは順次日本語版を公開していく予定です。

    AngularJSデモ Pure JSデモ KnockoutJSデモ

  • Input

    Input 101

    すべてのWijmo 5入力コントロールで一般的なタスクを実行する方法を示します。※AngularJSのサンプルのみ日本語で公開しています。それ以外のサンプルは順次日本語版を公開していく予定です。

    AngularJSデモ Pure JSデモ KnockoutJSデモ

  • Gauge 101

    Gauge 101

    Gaugeコントロールを使い始めるためのスタートアップを示します。※AngularJSのサンプルのみ日本語で公開しています。それ以外のサンプルは順次日本語版を公開していく予定です。

    AngularJSデモ Pure JSデモ KnockoutJSデモ

  • FlexPie 101

    FlexPie 101

    FlexPieチャートを使い始めるためのスタートアップを示します。※AngularJSのサンプルのみ日本語で公開しています。それ以外のサンプルは順次日本語版を公開していく予定です。

    AngularJSデモ Pure JSデモ KnockoutJSデモ

  • CollectionView 101

    CollectionView 101

    CollectionViewクラスを使い始めるためのスタートアップを示します。※AngularJSのサンプルのみ日本語で公開しています。それ以外のサンプルは順次日本語版を公開していく予定です。

    AngularJSデモ Pure JSデモ

その他にも様々なデモをサンプルエクスプローラから表示できます。

サンプルエクスプローラ