8.チュートリアル
はじめに
上記URLの最下段にSpreadCraftの紹介動画を公開しております。チュートリアルに入る前に参照頂けると理解が深まります。
概要
実際にSpreadCraftEditorにて簡単なコンテンツを作成してみます。
作成したコンテンツはSpreadCraftViewerにて参照できます。
リストコンテンツを作成
SpreadCraftEditorにてリストコンテンツを作成
分類を作成
① 「分類追加」ボタンをクリックしてリストコンテンツのための分類を追加します。
分類が追加されます。
②分類の基本情報を設定します。
③「保存」ボタンをクリックして分類を保存します。
分類「サンプル01」が作成されます。
リストコンテンツを作成
④ 「リストコンテンツ追加」ボタンをクリックしてリストコンテンツを追加します。
リストコンテンツが追加されます。
⑤リストコンテンツの基本情報を設定します。
⑥リストコンテンツのデータ定義を設定します。
DBテーブルを選択します。
出力形式をシートに選択します。
データソースの各項目の設定を行います。
⑦リストコンテンツのレイアウトを設定します。
⑧リストコンテンツの検索条件を設定します。
「検索条件を追加する」ボタンをクリックして検索条件を追加します。
追加した検索条件の設定を行うための入力欄が表示されます。
検索条件の設定を行います。
⑨「保存」ボタンをクリックしてリストコンテンツを保存し、作成を完了します。
⑩「プレビュー」ボタンをクリックしてリストコンテンツの動作を確認します。
別ウィンドウにて作成したリストコンテンツの画面が開きます。
⑪検索条件を設定して「検索実行」ボタンをクリックします。
検索条件によって絞り込まれたデータソースの内容がExcelライクに表示されます。
⑫「Excel」ボタンをクリックして抽出結果をExcelファイルとしてダウンロードします。
「CSV」ボタンをクリックすることで抽出結果をCSVファイルとしてもダウンロードできます。
SpreadCraftViewerにてリストコンテンツを参照
①SpreadCraftViewerを開き、作成したリストコンテンツが一覧に表示されることを確認します。
②リストコンテンツをクリックします。
リストコンテンツの画面が開きます。
③検索条件を設定して「検索実行」ボタンをクリックします。
検索条件によって絞り込まれたデータソースの内容がExcelライクに表示されます。
④「Excel」ボタンをクリックして抽出結果をExcelファイルとしてダウンロードします。
「CSV」ボタンをクリックすることで抽出結果をCSVファイルとしてもダウンロードできます。
データ管理コンテンツを作成
データ管理コンテンツを使用して、データベーステーブルのレコードを直接編集・管理できる画面を作成します。
この機能により、マスタデータの保守作業を効率的に行うことができます。
重要
誤った入力や削除などの操作によって生じたデータの破損および消失については、サポート対象外となります。
重要なデータの編集を行う際は、事前にバックアップを取得することを推奨します。
また、大量データの編集には時間がかかる場合があります。
SpreadCraftEditorでのデータ管理コンテンツの作成
事前準備：チュートリアル用テーブルを作成
本チュートリアルでは、以下のPostgreSQL用DDLおよびDMLを実行して商品マスタ用テーブルとサンプルデータを作成します。
CREATE TABLE mst_product (
product_code VARCHAR(20) PRIMARY KEY,
product_name VARCHAR(100) NOT NULL,
category_name VARCHAR(50) NOT NULL,
unit_price NUMERIC(10,2) NOT NULL DEFAULT 0,
start_date DATE NOT NULL,
is_active BOOLEAN NOT NULL DEFAULT TRUE,
sort_order INTEGER NOT NULL DEFAULT 0
);
COMMENT ON TABLE mst_product IS '商品マスタ';
COMMENT ON COLUMN mst_product.product_code IS '商品コード';
COMMENT ON COLUMN mst_product.product_name IS '商品名';
COMMENT ON COLUMN mst_product.category_name IS 'カテゴリ名';
COMMENT ON COLUMN mst_product.unit_price IS '単価';
COMMENT ON COLUMN mst_product.start_date IS '適用開始日';
COMMENT ON COLUMN mst_product.is_active IS '有効フラグ';
COMMENT ON COLUMN mst_product.sort_order IS 'ソート順';
INSERT INTO mst_product (
product_code,
product_name,
category_name,
unit_price,
start_date,
is_active,
sort_order
) VALUES
('P001', 'A4コピー用紙 500枚', '事務用品', 480.00, DATE '2025-04-01', TRUE, 1),
('P002', 'ボールペン 黒 0.7mm', '事務用品', 80.00, DATE '2025-04-01', TRUE, 2),
('P003', 'フラットファイル 青', '事務用品', 120.00, DATE '2025-04-10', TRUE, 3),
('P004', 'USBキーボード', 'IT機器', 1680.00, DATE '2025-05-01', TRUE, 4),
('P005', '24インチ液晶モニター', 'IT機器', 16800.00, DATE '2025-05-15', TRUE, 5),
('P006', '事務椅子 メッシュタイプ', 'オフィス家具', 15800.00, DATE '2025-06-01', TRUE, 6),
('P007', 'ミネラルウォーター 500ml', '消耗品', 100.00, DATE '2025-04-01', TRUE, 7),
('P008', 'アルコール消毒液 1L', '消耗品', 1200.00, DATE '2025-04-20', TRUE, 8),
('P009', 'コピー機保守契約', 'サービス', 18000.00, DATE '2025-07-01', TRUE, 9);
分類を作成
① 「分類追加」ボタンをクリックしてデータ管理コンテンツのための分類を追加します。
分類が追加されます。
②分類の基本情報を設定します。
③「保存」ボタンをクリックして分類を保存します。
分類「サンプル02」が作成されます。
データ管理コンテンツを作成
④ 「データ管理コンテンツ追加」ボタンをクリックしてデータ管理コンテンツを追加します。
データ管理コンテンツが追加されます。
⑤データ管理コンテンツの基本情報を設定します。
⑥データ管理コンテンツのデータ定義を設定します。
DBテーブルを選択します。
シート制御を編集シートに選択します。
データソースの各項目の設定を行います。
⑦データ管理コンテンツのレイアウトを設定します。
「プレビュー＆レイアウトを設定する」ボタンをクリックしてデザイナーを表示します。
「検索実行」ボタンをクリックして検索結果を表示します。
Spreadシートに検索結果が表示されます。
「デザイン」タブをクリックして、「書式」からテーブルのデザインを変更します。
指定したデザインに変更されます。
「カテゴリ名」列をリスト入力形式に設定します。
リスト用に新規シートを作成し、カテゴリシートを設定します。
併せてシート名の変更を行います。
「カテゴリ」シートにカテゴリリストを作成します。
「カテゴリ名」列を選択し、「列の設定」タブから「データの検証」をクリックします。
「データの入力規則」ダイアログが表示されるので、「設定」タブからリストに設定します。
「元の値」を先ほど作成したカテゴリリストの値に設定します。
リストの設定が完了したら、「OK」をクリックして閉じます。
「カテゴリ名」列がリスト入力形式に変更されます。
「単価」列の書式を設定します。
「単価」列を選択し、「列の設定」タブから「列のスタイル」をクリックします。
「セルの書式設定」ダイアログが表示されるので、「表示形式」タブから書式を設定します。
「単価」列が指定した表示形式に変更されます。
「適応開始日」列の書式を設定します。
「適応開始日」列を選択し、「列の設定」タブから「列のスタイル」をクリックします。
「セルの書式設定」ダイアログが表示されるので、「表示形式」タブから書式を設定します.
「適応開始日」列が指定した表示形式に変更されます。
デザイナーでの編集が完了したら、「ファイル」タブの「保存」ボタンをクリックして保存します。
⑧データ管理コンテンツの検索条件を設定します。
「検索条件を追加する」ボタンをクリックして検索条件を追加します。
追加した検索条件の設定を行うための入力欄が表示されます。
検索条件の設定を行います。
⑨「保存」ボタンをクリックしてデータ管理コンテンツを保存し、作成を完了します。
⑩「プレビュー」ボタンをクリックしてデータ管理コンテンツの動作を確認します。
別ウィンドウにて作成したデータ管理コンテンツの画面が開きます。
⑪検索条件を設定して「検索実行」ボタンをクリックします。
検索条件によって絞り込まれたデータソースの内容がExcelライクに表示されます。
⑫「Excel」ボタンをクリックして抽出結果をExcelファイルとしてダウンロードします。
「CSV」ボタンをクリックすることで抽出結果をCSVファイルとしてもダウンロードできます。
SpreadCraftViewerにてデータ管理コンテンツを参照
①SpreadCraftViewerを開き、作成したデータ管理コンテンツが一覧に表示されることを確認します。
②データ管理コンテンツをクリックします。
データ管理コンテンツの画面が開きます。
③検索条件を設定して「検索実行」ボタンをクリックします。
検索条件によって絞り込まれたデータソースの内容がExcelライクに表示されます。
デザイナーで設定した、デザイン、書式等が反映されます。
データの「新規追加」、「更新」、「削除」を行い、「編集保存」ボタンをクリックします。
「保存確認」ダイアログが表示されるので、「保存コメント」を入力し、決定します。
最後に「変更履歴」ボタンをクリックし、変更履歴を確認します。
ViewCreatorをコンテンツのデータソースとして設定
ViewCreatorをコンテンツのデータソースとして使用することでより作成できるコンテンツの幅が広がります。
ViewCreatorはintra-martのWeb画面上から、テーブルの結合や、抽出条件の設定などをGUIにて行うことができます。
ViewCreatorを作成
①サイトマップよりViewCreatorの「クエリ一覧」リンクをクリックします。
②「新規」ボタンをクリックします。
クエリ編集画面が開きます。
③クエリ編集画面にてテーブルの結合の設定、出力項目の設定、抽出条件の設定を行います。
※ViewCreatorの細かな設定方法につきましてはintra-martのViewCreatorの説明サイトを参照ください。
抽出条件の設定
SQLによるクエリ編集
④SpreadCraftEditorにてコンテンツ作成時にデータソースとして作成したViewCreatorを設定します。
ViewCreatorの出力項目がデータソースの項目設定に反映されます。
DBビューをコンテンツのデータソースとして設定
DBビューをコンテンツのデータソースとして使用することもできます。
①SpreadCraftEditorにてコンテンツ作成時にデータソースとしてDBビューを設定します。
テーブルを元にチャートを追加
重要
「intra-mart Accel Platform」が「2023 Autumn」以降であれば利用可能になります。
SpreadCraftViewerにチャートを表示させることができます。
①チャートを作成するためのデータを定義します。
出力形式をテーブルに設定し、連結Spreadテーブルをシートに追加します。
チャート作成で使用するためのデータを定義します。
「Spreadへテーブルを追加」ボタンからテーブルを追加する際にセルを選択しておくことで、テーブル追加開始地点を変更することができます。
チャート追加前に定義を保存しておきます。
②デザイナーを使用してテーブルからチャートを作成します。
プレビュー実行＆レイアウトを設定するボタンからデザイナーを表示
デザイナー表示後、検索ボタンを実行します。
検索結果が配置されているテーブルに出力されます。
データが出力された状態でレイアウトの変更を行う事ができます。
チャートを作成したいテーブルを全選択し、チャートボタンよりチャートメニューを表示します。
注意
テーブルからチャートを作成する場合はテーブル全体をデータ範囲として指定する必要があります。
チャートメニューから棒グラフを選択し、チャートを追加します。
チャートメニューで選択したチャートが挿入されました。
ファイルリボンからレイアウトを保存します。
レイアウトが保存され、エディタ画面に戻るとレイアウトに反映されます。
定義が反映されていることを確認しコンテンツを保存します。
③ビューアにチャートが表示されることを確認します。
ビューアを開き、検索を実行します。
検索結果がテーブルに出力されることでチャートが表示されます。
テーブルを元にピボットテーブルを追加
重要
「intra-mart Accel Platform」が「2023 Autumn」以降であれば利用可能になります。
SpreadCraftViewerにチャートを表示させることができます。
①ピボットテーブルを作成するためのデータを定義します。
出力形式をテーブルに設定し、連結Spreadテーブルをシートに追加します。
ピボットテーブル作成で使用するためのデータを定義します。
「Spreadへテーブルを追加」ボタンからテーブルを追加する際にセルを選択しておくことで、テーブル追加開始地点を変更することができます。
チャート追加前に定義を保存しておきます。
②デザイナーを使用してテーブルからピボットテーブルを作成します。
プレビュー実行＆レイアウトを設定するボタンからデザイナーを表示
デザイナー表示後、検索ボタンを実行します。
検索結果が配置されているテーブルに出力されます。
ピボットテーブルを作成したいテーブルの任意セルにフォーカスを設定し、
ピボットテーブルメニューを表示します。
ピボットテーブルメニューからデータとピボットテーブル出力先を選択し、ピボットテーブルを追加します。
新規シートにピボットテーブルが追加されたことを確認しました。
ピボットテーブルの設定を行います。
ファイルリボンからレイアウトを保存します。
レイアウトが保存され、エディタ画面に戻るとレイアウトに反映されます。
定義が反映されていることを確認しコンテンツを保存します。
③ビューアにピボットテーブルが表示されることを確認します。
ビューアを開き、検索条件を指定して検索を実行します。
検索結果に応じて、ピボットテーブルが連動していることを確認できました。
