アプリ作成ガイド
2019年01月30日
ナレッジスイート株式会社

Copyright © KnowledgeSuite Inc. All Rights Reserved.

1

はじめに
本ガイドでは、「案件管理」アプリを作成します。Shelterの基本機能の確認および項目の追加やビジネスロジック追加など簡単なカスタマイズを体験することができます。
下記サイトにてe-mailアドレスを登録すると30日間試用することができますので、ぜひお試しください。
https://demo.shelterdb.net
リンク（1:n）

完成イメージ

計算式
粗利 =
売上 – 仕入合計

期限付き
期限付き
商談
チケット
チケット

仕入合計

期限付き
期限付き
顧客マスタ
チケット
チケット
←

粗利率 =粗利 / 売上 * 100

サマリ（金額）

期限付き
期限付き仕入チケット
チケット

Copyright © KnowledgeSuite Inc. All Rights Reserved.

2

目次

1. サイトの作成

3. テーブルのカスタマイズ
・入力項目の追加

2. 基本機能の確認

・テーブルのリンク設定

・新規レコードの作成
・チャート機能の確認

4. ビジネスロジックの追加

・データのエクスポート

・サマリの設定(準備)・全文検索

・サマリの設定

・マークダウン・計算式の設定(準備)・計算式の設定

Copyright © KnowledgeSuite Inc. All Rights Reserved.

3

1. サイトの作成

Copyright © KnowledgeSuite Inc. All Rights Reserved.

4

サイトの作成「案件管理」アプリケーションの構造は下記のとおりです。
以降のページで各サイトを作成します。

トップ
1.[標準] フォルダ
◯◯
営業部

期限付き
商談
期限付き
チケット
チケット

2.[標準] 期限付きテーブル

期限付き
顧客マスタ
期限付き
チケット
チケット

3.[標準] 記録テーブル

期限付き
仕入
期限付き
チケット
チケット

4.[標準] 記録テーブル

Copyright © KnowledgeSuite Inc. All Rights Reserved.

5

サイトの作成
1.「新規作成」ボタンをクリックしてください。

2.「標準」タブをクリックし、作成するテンプレート(今回は”フォルダ”)をクリックしてください。その後、「作成」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

6

サイトの作成
3.タイトル(今回は”〇〇営業部”)を入力してください。その後、「作成」ボタンをクリックしてください。

4.作成した「〇〇営業部」フォルダをクリックしてください。以降の作業についてはこのフォルダ配下で行います。
1～3と同様の手順で下記を作成してください。
タイトル
商談
顧客マスタ
仕入

Copyright © KnowledgeSuite Inc. All Rights Reserved.

テンプレート
期限付きテーブル
記録テーブル
記録テーブル7

サイトの作成
5.完成イメージはこのようになります。
以上で、「サイトの作成」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

8

サイトの作成

練習
サイトはドラッグアンドドロップで並び替えたり、階層を移動することができます。
フォルダの中にフォルダを作り、構造を組み替えるなど試してみてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

9

2. 基本機能の確認

Copyright © KnowledgeSuite Inc. All Rights Reserved.

10基本機能の確認
新規レコードの作成
1.「商談」テーブルを開いてください。その後、「新規作成」ボタンをクリックしてください。

2.レコード情報を入力してください。その後、作成ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

11

基本機能の確認
3.新規レコードが作成されました。
1～3と同様の手順でレコードを2件ほど追加してください。

4.「表示 – 一覧」をクリックすると一覧画面が表示されます。
以上で、「新規レコードの作成」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

12

基本機能の確認
チャート機能の確認
カレンダー
1.「表示 – カレンダー」をクリックしてください。
レコードをドラッグアンドドロップすることで別の日付に移動することができます。

クロス集計
1. 「表示 – クロス集計」をクリックしてください。
縦と横の集計項目は、「列の分類」と「行の分類」を変更することで切り替えることができます。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

13基本機能の確認
ガントチャート
1.「表示 – ガントチャート」をクリックしてください。
「分類」を指定することで状況別や担当者別など、グルーピングして表示することができます。

バーンダウンチャート
1.「表示 – バーンダウンチャート」をクリックしてください。
実績の内訳をクリックするとレコードを開くことができます。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

14基本機能の確認
時系列チャート
1.「表示 – 時系列チャート」をクリックしてください。
「分類」を指定することで状況別や担当者別など、表示を切り替えることができます。

カンバン
1.「表示 – カンバン」をクリックしてください。
「列の分類」と「行の分類」を変更することで、縦軸と横軸を切り替えることができます。
レコードをドラッグアンドドロップすることで移動することができます。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

15

基本機能の確認
データのエクスポート
1.「表示 – 一覧」をクリックしてください。その後、「エクスポート」ボタンをクリックしてください。

2.「エクスポート」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

16

基本機能の確認
3.CSV形式でファイルが作成されます。
以上で、「データのエクスポート」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

17基本機能の確認
全文検索
1.検索キーワードを入力してください。
その後、Enterキーを押してください。

2.検索結果が表示されます。表示された結果をクリックするとレコードを開くことができます。
以上で、「全文検索」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

18

基本機能の確認
マークダウン
1.内容欄に下記を入力してください。その後、「更新」ボタンをクリックしてください。
[md]## 見出し### 小見出し* 箇条書き* 箇条書き| Left align | Right align | Center align ||:-----------|------------:|:------------:|| This|
This | This || column |column | column || will|will | will |
| be|
be |
be|
| left|right | center || aligned | aligned | aligned |以上で、「マークダウン」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

19基本機能の確認

練習「内容」項目や「説明」項目、コメント欄には、コピー&ペーストで画像を貼り付けることができます。また、貼り付けた画像は、一覧画面や「表示 – 画像ライブラリ」でも確認できますので試してみてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

20

3. テーブルのカスタマイズ

Copyright © KnowledgeSuite Inc. All Rights Reserved.

21

テーブルのカスタマイズ
入力項目の追加「商談」テーブルに新しいプルダウン項目を追加します。
1.「商談」テーブルを開いてください。その後、「設定 – テーブルの管理」をクリックしてください。

2.「エディタ」タブをクリックしてください。その後、選択肢一覧にて追加する項目(分類A)をクリックし、「有効化」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

22

テーブルのカスタマイズ
3.現在の設定にて追加した項目をクリックし、「詳細設定」ボタンをクリックしてください。

4.追加する項目の設定を行ってください。その後、「変更」ボタンをクリックしてください。
表示名
商品区分
選択肢一覧
システム開発ソフトウェア販売
コンサルティング

Copyright © KnowledgeSuite Inc. All Rights Reserved.

23

テーブルのカスタマイズ
5.「更新」ボタンをクリックしてください。

6. レコードを開き、「商品区分」項目が追加されたことを確認してください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

24

テーブルのカスタマイズ
7.追加した「商品区分」項目はフィルタでも利用することが出来ます。

8.1～7と同様の手順で「商談」テーブルに「確度」項目(分類)を追加してください。
表示名
確度
選択肢一覧
90%
50%
30%

Copyright © KnowledgeSuite Inc. All Rights Reserved.

25

テーブルのカスタマイズ
9.1～7と同様の手順で「商談」テーブルに「売上」項目(数値)を追加してください。
以上で、「入力項目の追加」は完了です。
表示名
売上書式
通貨

Copyright © KnowledgeSuite Inc. All Rights Reserved.

26

テーブルのカスタマイズ
テーブルのリンク設定「商談」を親テーブル、「仕入」を子テーブルとしてリンクします。
1.「〇〇営業部」を開いてください。その後、「仕入」テーブルを「商談」テーブルにドラッグアンドドロップしてください。

2.「作成」ボタンをクリックしてください。
1～2と同様の手順で「顧客マスタ」テーブルと「商談」テーブルについてもリンクを設定してください。
親テーブル
商談
顧客マスタ

子テーブル
仕入
商談

Copyright © KnowledgeSuite Inc. All Rights Reserved.

27

テーブルのカスタマイズ
3.リンクしたアイテムを作成します。「商談」
テーブルのレコードを開いてください。その後、「仕入」ボタンをクリックしてください。

4. 「仕入」テーブルの新規レコード作成画面が表示されます。
レコード情報を入力してください。その後、「作成」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

28

テーブルのカスタマイズ
5.「商談」テーブルのレコード画面に戻ります。
作成した「仕入」テーブルのレコードはリンクに表示されます。
以上で、「テーブルのリンク設定」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

29

テーブルのカスタマイズ

練習追加した項目は、チャート機能でも利用できるようになります。「クロス集計」や「カンバン」で利用できることを確認してください。
また、一覧画面のカスタマイズは「管理 – テーブルの管理 – 一覧タブ」から行うことができますので試してみてください。リンクを設定した状態の場合、親の項目を一覧で表示することもできます。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

30

4. ビジネスロジックの追加

Copyright © KnowledgeSuite Inc. All Rights Reserved.

31

ビジネスロジックの追加
サマリの設定(準備)「商談」テーブルに「仕入合計」項目、「仕入」テーブルに「金額」項目を追加します。
1. 「商談」テーブルを開いてください。その後、「管理 – テーブルの管理」をクリックしてください。

2. 「エディタ」タブをクリックしてください。その後、選択肢一覧にて追加する項目(数値B)をクリックし、「有効化」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

32

ビジネスロジックの追加
3.現在の設定にて追加した項目をクリックし、「詳細設定」ボタンをクリックしてください。

4.追加する項目の設定を行ってください。その後、「変更」ボタンをクリックしてください。
表示名
仕入合計
読み取り専用チェックあり書式
通貨

Copyright © KnowledgeSuite Inc. All Rights Reserved.

33

ビジネスロジックの追加
5.「更新」ボタンをクリックしてください。
1～5と同様の手順で「仕入」テーブルに「金額」項目を追加してください。
以上で、「サマリの設定(準備)」は完了です。
表示名
金額
書式
通貨

Copyright © KnowledgeSuite Inc. All Rights Reserved.

34

ビジネスロジックの追加
サマリの設定「仕入」テーブルの「金額」項目を、「商談」テーブルの「仕入合計」にサマリして表示します。
1. 「仕入」テーブルを開いてください。その後、「管理 – テーブルの管理」をクリックしてください。

2. 「サマリ」タブをクリックしてください。その後、「新規作成」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

35

ビジネスロジックの追加
3.下記の設定を行ってください。その後、「追加」ボタンをクリックしてください。
データ保存先
サイト
商談

工数
リンク項目
商談

項目
仕入合計

サマリ種別
合計
サマリ項目
金額

4.「更新」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

36

ビジネスロジックの追加※ 既に仕入レコードを作成済みの場合は5～7を行ってください。
5.チェックボックスにチェックを付けてください。
その後、「同期」ボタンをクリックしてください。

6.「OK」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

37

ビジネスロジックの追加
7.「同期が完了しました。」とメッセージが表示されたことを確認してください。

8.「商談」テーブルのレコードを開いてください。
その後、リンクしたアイテムの作成にある「仕入」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

38

ビジネスロジックの追加
9. 「仕入」テーブルの新規レコード作成画面が表示されます。
レコード情報を入力してください。その後、「作成」ボタンをクリックしてください。

10.「商談」テーブルのレコード画面に戻ります。
「仕入合計」にサマリ結果が表示されます。
以上で、「サマリの設定」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

39

ビジネスロジックの追加
計算式の設定(準備)「商談」テーブルに「粗利」項目を追加します。
1. 「商談」テーブルを開いてください。その後、「管理 – テーブルの管理」をクリックしてください。

2. 「エディタ」タブをクリックしてください。その後、選択肢一覧にて追加する項目(数値C)をクリックし、「有効化」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

40

ビジネスロジックの追加
3.現在の設定にて追加した項目をクリックし、「詳細設定」ボタンをクリックしてください。

4.追加する項目の設定を行ってください。その後、「変更」ボタンをクリックしてください。
表示名
粗利
読み取り専用チェックあり書式
通貨

Copyright © KnowledgeSuite Inc. All Rights Reserved.

41

ビジネスロジックの追加
5.「更新」ボタンをクリックしてください。
以上で、「計算式の設定(準備)」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

42

ビジネスロジックの追加
計算式の設定「商談」テーブルの「売上」項目と「仕入合計」項目の計算結果を「粗利」項目に表示します。
1. 「商談」テーブルを開いてください。その後、「管理 – テーブルの管理」をクリックしてください。

2. 「計算式」タブをクリックしてください。その後、「新規作成」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

43

ビジネスロジックの追加
3.下記の設定を行ってください。その後、「追加」ボタンをクリックしてください。

対象
粗利計算式
売上 - 仕入合計

4.「更新」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

44

ビジネスロジックの追加
5.チェックボックスにチェックを付けてください。
その後、「同期」ボタンをクリックしてください。

6.「OK」ボタンをクリックしてください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

45

ビジネスロジックの追加
7.「同期が完了しました。」とメッセージが表示されたことを確認してください。

8.「商談」テーブルのレコードを開き、「粗利」に計算結果が表示されたことを確認してください。
以上で、「計算式の設定」は完了です。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

46

ビジネスロジックの追加

練習
先程までの手順を参考に「商談」テーブルに「粗利率」項目を追加してみてください。
粗利率 ＝ 粗利 / 売上 * 100

Copyright © KnowledgeSuite Inc. All Rights Reserved.

47

最後に：もっと簡単なアプリの作り方
サイトの新規作成の際に「営業」タブからテンプレートを選ぶ方法もあります。
他にも業務に合わせた各種テンプレートが用意されていますので試してください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

48

■Shelter製品サイト
https://ksj.co.jp/shelter/■Shelterユーザーサポート
https://shelter.zendesk.com/hc/ja
製品に関するご質問、ご相談など、何でもお気軽にお問い合わせください。

Copyright © KnowledgeSuite Inc. All Rights Reserved.

49