社名変更のお知らせ  /  価格改定のお知らせ

この利用ガイドでは、Wijmoを導入したばかりの方や、トライアル期間中の方向けに、Wijmoの概要や導入方法、基本的な使い方を紹介しています。製品の解説動画やデモアプリケーション、ブログで紹介したチュートリアル記事を使ってWijmoを手軽に学習できます。

Wijmoを知る

Wijmo(ウィジモ)はWebアプリケーション開発での利用に最適化されています。導入による開発工数の削減効果はもちろんのこと、運用開始後の保守性にも優れたJavaScriptライブラリです。

データグリッドやチャート、入力など業務システム開発に必要な機能を多数搭載したオールインワンなJavaScriptライブラリ「Wijmo」の魅力について動画で解説しています。40以上にわたる収録ライブラリの中から人気のコントロールや便利な機能をピックアップし、その特長や活用法を学習することができます。

  • グレープシティ株式会社は、2023年11月1日よりメシウス株式会社に社名を変更しました

ダウンロードする(PDF形式)

Wijmoをはじめる

Wijmoの概要を把握したら、以下のドキュメントを参考にWijmoの利用を開始しましょう。Wijmoの用法は非常に簡単です。もっとも基本的な利用方法は、アプリケーション内のフォルダに配置したライブラリファイルを参照して使うやり方です。その場合は以下をご参照ください。

また、npmパッケージを使用する場合や、CDN(コンテンツデリバリーネットワーク)からライブラリファイルを参照する場合はこちらをご確認ください。

JavaScriptフレームワーク上で使う

WijmoはさまざまなJavaScriptフーレムワーク上でのご利用に対応しています。以下のドキュメントやデモを参考にお好きなフレームワーク上でWijmoの使用を開始してみましょう。

Webアプリケーションをつくる

Webアプリケーション開発では、フロントエンドだけでなくバックエンドの開発も重要です。

Web APIを介したフロントエンドとバックエンド間のデータの受け渡しにはJSONを使用します。Wijmoはバックエンドのテクノロジーに依存しないので、.NETやJava、PHP、Python、Rubyといった言語を問わず、さまざまなサーバーサイドWebアプリケーションフレームワークと一緒に使うことができます。

以下のチュートリアルではASP.NET Coreや、Spring Boot、Laravel、Django、Flask、Ruby on Railsなどの各種フレームワークとの連携方法を解説しています。

Wijmoとバックエンドの連携イメージ
Wijmo(FlexGrid)とバックエンドの連携イメージ

動画

CRUDアプリを開発する

Visual Studio 2022を使用し、業務システムに欠かせないCRUD(データの作成、読み出し、更新、削除)処理をASP.NET Core Web APIと連携して行うWebアプリケーションをスクラッチで開発する方法を動画で解説します。

動画を見る

CRUDアプリを開発する

はじめようFlexGrid

このセクションはWijmoでもっとも利用されている高性能グリッド「FlexGrid」を使いこなすためのガイドです。基本の用法からカスタマイズまでを網羅的に学習できます。

基本機能編

基本機能編

FlexGridの基本的な用法を学べるチュートリアルです。初期化とデータ表示に加え、項目の書式変更や行・列の固定、編集モードの切り替え方法などを解説しています。

チュートリアルを見る

CollectionView編

CollectionView編

FlexGridによるデータ表示で重要な役割を果たすCollectionViewの用法を解説します。

チュートリアルを見る

活用編(1)

活用編(1)

FlexGridでフィルタ、グループ化、ページングといった処理を行う方法を解説します。

チュートリアルを見る

Web APIと連携してアプリケーションをつくる

Web APIと連携してアプリケーションをつくる

FlexGridとWeb APIを使い、アプリケーションを構築する方法について解説します。

チュートリアルを見る 動画を見る

FlexGridの外観カスタマイズ

Wijmoをご利用のお客様からよくお問い合わせをいただくのは「FlexGrid」の外観のカスタマイズに関するものです。このセクションではFlexGridの外観カスタマイズの基本をチュートリアル記事やセミナー動画で学習できます。

チュートリアル

スタイル編

スタイル編

FlexGridの外観のカスタマイズの基本を学べるチュートリアルです。幅や高さの調整に加え、ヘッダやセルのスタイルのカスタマイズ方法などを解説しています。

チュートリアルを見る

動画

Wijmoは、デフォルトの状態でも美しいデザインが適用されていますが、ご利用のアプリケーションのデザインと統合したい、あるいはビジネスロジックにあわせて特定の条件下で色を変えたいなど、スタイルのカスタマイズに関するお問い合わせをいただくことが非常に多いです。

このセミナー動画ではWijmoに収録されている一番人気のデータグリッドコントロール「FlexGrid」を例に、FlexGridのスタイルをカスタマイズするさまざまな方法や、カスタマイズ時の注意点などをデモを交えて解説しています。

ダウンロードする(PDF形式)

さらに学ぶ

上記のほかにもWijmoでは、多彩なコントロールの利用をサポートするドキュメントやデモを豊富に用意しています。
さらに「クイックリンク一覧」を使えばコントロール別、目的別で、多数あるデモやナレッジ文書からやりたいことに関する情報を効率良く探すことができます。

Wijmoの学習コンテンツ

オンラインデモ

収録コントロールの動作を確認しながら多彩な用法が学べるオンラインデモです。

デモを試す

製品ヘルプ

Wijmoに収録されたコントロールや機能ごとに製品の用法を学べるヘルプです。

製品ヘルプを見る

ナレッジベース

蓄積された情報からWijmo利用のノウハウを検索できます。

ナレッジベースを見る

技術サポート(E-mailサポート)

Wijmo サブスクリプションライセンスをご契約中の方はメールによるテクニカルサポートサービスをご利用いただけます(回数無制限)。
ご利用中に発生した技術的な不明点をこちらのフォーム(要ログイン)よりお知らせください。