ComponentZine（コンポーネント活用） by メシウス
メシウス提供のActiveRecordJS、Wijmoをはじめ、コンポーネントライブラリの活用方法
-
34
今回は、ActiveReportsJS Designerの組み込みを中心に、帳票開発を効率化する機能を解説します。
-
33
ActiveReportsJSとWijmoを使って業務システムへ帳票機能を組み込む
今回は、Microsoft Playwright Workspacesの概要として、E2Eテストの課題やOSS版との関係、Azureでの位置づけ、機能、料金、適性判断ポイントをまとめて紹介します。
-
32
Firebase × Next.js × Wijmo × ActiveReportsJSでつくる、現場が自走できる業務システム
本記事では、Next.js + Firebase + Wijmo + ActiveReportsJSの4つの技術スタックを導入し、受発注管理システムの基盤を構築します。
-
31
Server Actionsと「Wijmo」でCRUD処理可能なデータグリッドを手軽に実装しよう
今回は、国内企業が開発しているUIライブラリとして、メシウス（旧グレープシティ）のJavaScriptライブラリ「Wijmo」をNext.jsと組み合わせて解説します。
-
30
【ComponentOne Data Services活用術】バッチ処理とEF Core連携でパフォーマンス向上
今回は、CSVデータをComponentOne Data Servicesを使って操作するアプリを一括処理に対応させて、Data Servicesが大量のデータの処理にも対応できることを紹介します。
-
29
Excel VBAをWeb化！ SpreadJSでスプレッドシート資産を活かすモダナイズ入門
本記事では、SpreadJSを使用して既存のExcel資産をWebアプリに移行する方法を解説します。
-
28
入力フォームの面倒なバリデーションチェックを手早く実装！「InputManJS」の検証機能の活用術
今回は、InputManJSの検証コントロールを含めた基本的な使い方や、V5Jの新機能を中心とした事例を紹介します。
-
27
帳票アプリをAmazon S3にホスティングする──「ActiveReportsJS」の活用術
今回は、ActiveReportsJSと「kintone」のOAuth認証機能を利用して、出力される結果がユーザーの権限に応じて変化する帳票アプリを、Amazon S3にホスティングする例を紹介します。
-
26
【ComponentOne Data Services活用術】CSVデータを表示、更新してみよう
今回は、CSVデータをComponentOne Data Servicesを使って操作する事例を紹介します。従来のADO.NETにおける手順とほとんど変わらず、静的なデータを利用できます。
-
25
「SpreadJS」のテーブルシートでスプレッドシートをデータグリッドとして活用する
今回は、「SpreadJS」で、バックエンドのデータを表示・操作するデータグリッドとしてスプレッドシートを活用できる「テーブルシート」の利用法を説明します。
-
24
Djangoで作成したAPIとActiveReportsJSやWijmoを使用したReactアプリを連携させてみよう
前回は接続対象のWeb APIをPythonのDjango REST frameworkで作成しました。今回はこのWeb APIから取得したデータをActiveReportsJSやWijmoでWebページに表示していきます。
-
23
ActiveReportsJSやWijmoがデータを取得できるAPIを、PythonのDjango REST frameworkで作る
今回は、PythonベースのWebアプリケーションフレームワーク「Django」でWeb APIを開発できるライブラリ「Django REST framework」を利用してWeb APIを開発します。
-
22
帳票アプリを主要クラウド上にデプロイして公開しよう──ActiveReports for .NETの活用例
今回は、ガバメントクラウド認定ベンダー3社のクラウド上にActiveReports for .NETを使用した帳票アプリケーションをデプロイする方法を紹介します。
-
21
【ComponentOne Data Services活用術】kintoneのデータをWindows FormsとBlazorで取得しよう
本記事では、サイボウズが提供する「kintone」のデータを、ComponentOne Data Servicesを使ってWindows FormsアプリとBlazorアプリで取得、表示する事例を紹介します。
-
20
「ActiveReports for .NET」で帳票アプリをつくる──ガバメントクラウド上にIaaS環境を構築してアプリを開発しよう
ActiveReports for .NETをガバメントクラウド上の開発に役立てる本連載、今回は開発環境の整備とアプリの開発、そして帳票のレイアウトを紹介します。
-
19
JavaScript入力コントロール「InputManJS」に待望のリッチテキストエディタが登場！ Webフォームで差を付けよう
本記事では、InputManJSのリッチテキストエディタについて、さまざまな便利機能や利用例を紹介します。
-
18
kintoneのデータをREST API連携で使用する、「ActiveReportsJS」の活用術
本記事では、サイボウズ株式会社の提供する「kintone」のデータを、ActiveReportsJSを使って帳票形式で表示する事例を紹介します。
-
17
「SpreadJS」のスプレッドシートをVue.js＋ASP.NET Coreで活用してデータ集計するWebページを作ろう
JavaScriptライブラリ「SpreadJS」を、Vue.jsと組み合わせて利用する例を紹介します。サーバー側はASP.NET CoreでWeb APIを作成して、Web APIから取得したデータをSpreadJSで表示させます。
-
16
「SpreadJS」のスプレッドシートをReact＋ASP.NET Coreで活用してデータ集計するWebページを作ろう
WebページにSpreadJSとReactを組み合わせて利用し、ASP.NET Coreでサーバー側に実装したWeb APIからデータを取得してスプレッドシートに表示する実装例を紹介します。
-
15
「ActiveReports」でBlazorアプリケーションに帳票出力機能を追加してみよう
グレープシティの.NET帳票コンポーネント「ActiveReports for .NET 16.0J」のBlazorビューワ機能について、簡単な帳票アプリの作成をとおして、その魅力を紹介します。
-
14
Excelライクな「SpreadJS」で、Web APIから取得したデータを集計するページをAngular＋ASP.NET Core環境で作ろう！
JavaScriptライブラリ「SpreadJS」を、JavaScriptフレームワークAngularと組み合わせて利用する例を紹介します。
-
13
JavaScriptライブラリ「Wijmo」のFlexGridをVue.js＋ASP.NET Core環境で使ってみよう
グレープシティのJavaScriptライブラリ「Wijmo」に含まれるグリッド部品FlexGridを、JavaScriptフレームワークVue.jsおよび、マイクロソフトのサーバー側フレームワークASP.NET Coreと組み合わせて利用する方法を説明します。
-
12
JavaScriptライブラリ「Wijmo」のFlexGridをReact＋ASP.NET Core環境で使ってみよう
本記事では、グレープシティのJavaScriptライブラリ「Wijmo（ウィジモ）」に含まれるグリッド部品FlexGridを、Reactと組み合わせて利用する方法を説明します。
-
11
JavaScript入力コントロール「InputManJS」にBootstrapを組み合わせてより便利な入力フォームを作ろう
本記事では、InputManJSを、CSSフレームワークの定番「Bootstrap」と組み合わせて活用し、InputManJSの便利な入力フォーム機能をパワーアップする方法を紹介します。
-
10
Webページ用PDFビューワで活用の幅が広がるPDFライブラリ「DioDocs for PDF」
.NETの実装でドキュメントファイルを作成・編集できるグレープシティのライブラリ「DioDocs」最新版V4Jで追加されたJavaScriptベースのPDFビューワを紹介します。
-
9
便利な入力部品が多数追加！ JavaScript入力コントロール「InputManJS」最新バージョンV3J
グレープシティのJavaScript入力コントロール「InputManJS」の最新バージョンV3Jで追加された新機能を紹介します。新しい入力コントロールが追加され、より多様なフォーム入力のニーズに応えられるようになりました。
-
8
JavaScriptスプレッドシート部品「SpreadJS」最新版V14Jの新機能を紹介
本記事では、グレープシティのJavaScriptスプレッドシート部品「SpreadJS」の新バージョン「V14J」で追加された新機能を紹介します。Excelのようなリボンメニューを表示するリボンコンテナや新種類のチャートなど、さまざまな機能が加わりました。
-
7
業務アプリ開発用UIコンポーネント「ComponentOne」がBlazorに対応！ サンプルで体験してみよう
UIライブラリ「ComponentOne」のBlazor対応バージョンについて、かんたんなBlazorアプリの作成を通して、その魅力を紹介します
-
6
「ActiveReportsJS」とUIコンポーネントの組み合わせで帳票データの入力環境を強化しよう
本記事では、グレープシティのWebページ用コントロール（UI部品）ライブラリ「InputManJS」「Wijmo」とActiveReportsJSを組み合わせて、帳票へのデータ入力環境を強化する方法を説明します。
-
5
Excelデータを扱うWebページを「DioDocs」と「SpreadJS」の連携で作ろう
DioDocsとSpreadJSの間でスプレッドシートのデータをJSON文字列で送受信して連携させることで、DioDocsとSpreadJSが持つ互いの利点を生かしてアプリを作成できます。
-
4
JavaScriptスプレッドシート部品「SpreadJS」最新版V13Jの新機能を紹介！
グレープシティのJavaScriptスプレッドシート部品「SpreadJS」について、2020年1月にリリースされた最新版「V13J」で追加された新機能を紹介します。
-
3
JavaScriptスプレッドシート部品「SpreadJS」と入力フォーム部品「InputManJS」をReact環境で活用
グレープシティが提供するJavaScriptスプレッドシート部品「SpreadJS」と、入力フォーム部品「InputManJS」を、Reactと組み合わせて利用する方法を紹介します。
-
2
JavaScript入力コントロール「InputManJS」がアップデート！ 新機能で入力フォームを最適化しよう
本記事では、入力フォーム最適化に役立つInputManJS V2Jの新機能について、活用法を紹介します。
-
1
よりExcelライクになった「SpreadJS」のコンテキストメニューやチャート機能を試す
グレープシティのJavaScriptライブラリ「SpreadJS」について、2018年8月のバージョンアップで追加された新機能を紹介します。よりExcelライクなスプレッドシートがWebページで利用できるようになりました。