株式会社ソフトウェアプロダクツ 五十棲 kintoneで 受発注管理システムを作ってみた （js/CSS/VBAで組み立てた） © S O F T W A R E P R O D U C T S C O . , L T D . KINTONE CAFÉ 浜松 VOL.18 事例＆LT大会！ 2019/06/14

今回の事例 © S O F T W A R E P R O D U C T S C O . , L T D . こんな事ができます。 1. 問合せ？ 2. データ出力 ↓ その前にシステムの概要説明を

システム構成(概要) © S O F T W A R E P R O D U C T S C O . , L T D . 受注入力 売上入力 入金入力 加工指示入力 加工実績入力 発注入力 仕入入力 支払入力 請求・売掛 支払・買掛 販売管理 購買管理 生産管理 在庫調整・ 棚卸 在庫管理 在庫管理 納品書 請求書 発注書 支払 明細書 棚卸票 加工 指示書 現品票 受払い問合せ ・商品別状況照会 ・得意先別商品別状況照会 ・仕入先別商品別状況照会 メンテ・入力・バッチ 専用伝票 問合せ データ流用 在庫引当(受払い) 受発注管理システム

システム構成(アプリケーション) ■マスタ/入力/バッチ kintone : 72本 (内メニュー表示：33本) ■帳票 Excel フォーム : 15本 ■データ出力 Excel VBA : 1本 合計 : 88本 © S O F T W A R E P R O D U C T S C O . , L T D . 環境 OS : Windows10 Webブラウザ : Chrome ディスプレイ解像度 : 1366 x 768

マスタ・入力・バッチ画面(kintone) © S O F T W A R E P R O D U C T S C O . , L T D .

帳票発行(Excel ﾌｫｰﾑ) © S O F T W A R E P R O D U C T S C O . , L T D .

データ出力(Excel VBA) © S O F T W A R E P R O D U C T S C O . , L T D . KintoneのデータをExcel形式で出力する為のツール

今回の事例 © S O F T W A R E P R O D U C T S C O . , L T D . こんな事ができます。 1. 問合せ？ 2. データ出力

事例１ © S O F T W A R E P R O D U C T S C O . , L T D . JavaScript/CSSを駆使すれば、こんな事ができます。 1.問合せ？ ①ルックアップ一覧の縦横幅を拡大(CSS) ②ルックアップの抽出条件を画面で入力可能へ(js) ③画面倍率を変更可能へ(js) ④複数テーブルのデータをサブテーブルへ表示 ＆サブテーブルの表示件数を任意指定へ(js)

1. kintoneでの問合せ © S O F T W A R E P R O D U C T S C O . , L T D . ② ③ ④ ① ルックアップ一覧 画面制御 ルックアップ条件 外だし 明細行数制御 画面倍率 変更

①ルックアップ一覧画面 © S O F T W A R E P R O D U C T S C O . , L T D . 【標準】・・・全件表示できない 列の幅が調整できない 【ｶｽﾀﾏｲｽﾞ】 カスタマイズ内容 ・一覧枠の縦横幅調整（最大値に設定） ･･･赤破線 ・明細表示枠の縦横幅調整 ･･･青破線 （１ページ１０行表示・スクロール不要） ・列毎の横幅調整 ･･･黄破線

②ルックアップ条件外だし © S O F T W A R E P R O D U C T S C O . , L T D . 【標準】 【ｶｽﾀﾏｲｽﾞ】 カスタマイズ内容 ・毎回「絞り出し」画面に移動しなくても 画面から複数項目の条件でデータ抽出が 行える

③画面倍率変更 © S O F T W A R E P R O D U C T S C O . , L T D . カスタマイズ内容 ・Chromeの「Ctrl」＆「＋－」の機能を使用しなくても、画面サイズの変更が可能 ・kintoneの別のタブに影響を与えない

④明細行数制御 © S O F T W A R E P R O D U C T S C O . , L T D . カスタマイズ内容 ・８テーブルからデータ抽出し、サブテーブルへ結果表示 ・１画面で表示できる明細行の制御＆前・次ページ移動が可能

事例２ © S O F T W A R E P R O D U C T S C O . , L T D . Excel VBAで、こんな事ができます。 2.データ出力 ・Excel形式で出力 ・指定した項目だけを抽出 ・出力フォーマットの指定（出力順及びファイル属性の設定）

2.Kintoneからデータ出力する方法 © S O F T W A R E P R O D U C T S C O . , L T D . データ出力の手段 ①kintone 標準機能のファイル書き出し ②kintone js使用のデータ出力(cybozu) ③Excel VBA使用のデータ出力(かりんこラボ) ④Excel VBA使用のデータ出力(③を基にカスタマイズ) 項番 出力形式 抽出データの指定 テーブルの指定 項目 項目属性 出力順指定 項目のソート サブテーブルの出力 ① csv １テーブル 画面から指定 標準 △ｻﾌﾞﾃｰﾌﾞﾙ不可 × ○ ② csv １テーブル jsで指定 標準 ？ × ？(サンプルなし) ③ シート追加 １テーブル 画面から指定 標準 × × ？(サンプルなし) ④ Excel 複数テーブル シートで定義 自動判定 (標準・文字列・日付) ○ △1項目のみ ○

2.Kintoneからデータ出力する方法 © S O F T W A R E P R O D U C T S C O . , L T D . ①Kinotneからのデータ出力手順 ・ｃｓｖ形式でデータ出力

2.Kintoneからデータ出力する方法 © S O F T W A R E P R O D U C T S C O . , L T D . ④Excel VBAからのデータ出力手順 ①出力したいテーブルを選択 ②「データ抽出」ボタンを押下 ・ｘｌｓ形式でデータ出力

出力データの比較 © S O F T W A R E P R O D U C T S C O . , L T D . ①Kintoneの標準機能から出力した場合 ④作成したTool（Excel VBA）からデータを出力した場合 メリット １． 拡張子がｘｌｓの為、ユーザーが直接データ加工が行える ・出力項目の属性は、kintoneのフォームを基に自動判別（標準・文字列・日付） ・ユーザー（csvからExcelへの変換方法、必要項目がない等）の問い合わせが減少 ・ヘッダーに色付けがされている為、必要不必要項目の判断が可能 ２． Excel VBAの為、個々のユーザーで管理が行える ・kintoneだと不要な一覧が増えて、管理が大変になる ・出力項目及び項目の出力順の指定が可能

主な実装一覧 © S O F T W A R E P R O D U C T S C O . , L T D . 【Excel】 - 専用伝票(７パターン)へ印刷 - kintoneへデータ(印刷発行済フラグ)更新 - kintoneからデータをExcelﾌｫｰﾏｯﾄ出力 ※ 【CSS】 ・ ボタン - メイン画面上の「登録」「キャンセル」ボタンの非表示 ※ - サブテーブル上の「追加」・「削除」ボタンの非表示 ※ ・ メッセージ - ルックアップボタンを押下時に表示されるメッセージの非表示 ※ ・ ルックアップ一覧 - ルックアップ一覧枠の縦幅＆横幅の制御 ※ - 検索結果枠の縦幅＆横幅の制御 ※ - 検索結果に対する個々の項目に対する横幅の制御 ※ ・ サブテーブル - 項目(列)の非表示 - 項目(列)のマスク制御

主な実装一覧 © S O F T W A R E P R O D U C T S C O . , L T D . 【JavaScript】 ・ 一覧画面 - 条件検索からのデータ抽出 - kintoneデータをcsvへ一括出力(項目設定不要(自動判別します)) - csv/txtデータをkintoneへ取込み（encode変換あり） ・入力(表示)画面 - 表示画面の比率設定 ※ - ルックアップの抽出条件を外だし ※ - ルックアップ項目へ別ルックアップから値を自動設定＆取得 ※ - 郵便番号入力からの住所自動取得 - サブテーブルに対するページ制御(最大表示件数・前/次/最初/最後ﾍﾟｰｼﾞ移動)※ 【今回の開発について(例：月次締め処理の場合)】 ・ 更新テーブル数 ： 8テーブルに対して、データ登録／更新 ・ 更新件数 ： 最大２０，０００件(処理時間約７分) ・ Promise ： ２４連 ・ Step数 ： 6,000step ・有償プラグイン ： なし

ありがとうございました © S O F T W A R E P R O D U C T S C O . , L T D . お問い合わせは、ホームページまで