営業企画が爆速でCRMを作る①テーブル作成編

:::note info
こちらの記事は初学者向けの内容です
:::

## はじめに  
初めまして！都内のベンチャー企業で営業企画をしている者です。普段はtoBの営業としてお客様の対応をしつつ、Excelで顧客管理や数値の管理をしていますが、Excel管理に限界を感じて色々なツールを検討しておりました。
SFAやCRMツールを試したのですが、ギリギリExcelでも運用が回っていると社長への上申もライセンス料の観点で上手くいかず困っておりました。

>「回ってるならよくない？」

と何度も言われ

>「違うんです。回ってないけど余計な時間をかけて、頑張って定例資料を作ってるんです」

と何度も言いたくなりました。


そこでOSSのプリザンターに出会い使い始めは0円で利用出来、拡張コンテンツも1人あたりに換算すると安価なプリザンターと出会っていい感じに進んでいるので、記事を作成しております。

OSSはコミュニティの貢献、というのが大事なようなのでこれが少しでも貢献に繋がれば、そして世の中のExcel・スプレッドシートで限界を感じている同志たちに届け！と思い記事を作ろうとした次第です。

今年の年末年始、長い連休があればぜひ試してみて下さい。

## 概要
まず弊社のことからお伝えすると私は都内の30名規模の中途向け人材紹介で働いています。

ビジネスモデルは非常にシンプルで、求職者と面談をして企業に御紹介。成約すれば紹介料を頂くというもので、現状のExcelも
・求職者
・企業管理
・ご紹介状況管理
といったものです。

ご紹介状況管理というのは、1人の求職者を複数企業に紹介したりするので別Excelで管理をしています。

これを全部プリザンターに置き換えてみました。
1日あれば全部出来てしまったので驚きです
今回はその流れを公開したいと思います！

## プリザンターとは？
公式によると「OSSのノーコード・ローコード開発ツール」ということですが、「メーカーサポート無しであれば無料で使えるExcelなどの置き換えツール」と考えてもよさそうです

## 実際に作ってみる
### １．プリザンターのセットアップ
ここはサーバーにインストールして～～、などあるので今回は割愛します
[コチラ](https://pleasanter.org/ja/manual?category=0090_0120)に手順はありますし、アドレスだけで構築不要のデモ環境あるのでそちらもおすすめです

### ２．プリザンターにログイン
プリザンターのトップ画面はこんな感じで空のExcelと同じです。何もありません

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3671564/bb4b6b2f-885c-bbc4-ba65-b2c29506f890.png)

デモを登録するとIDも払い出されるのですが、適用なもので入ったら佐藤さんとしてログインしていました。

これから佐藤を名乗って生きていこうと思います

#### ３．テーブルを作成する
まずはExcelと同じで管理するデータごとにシート（テーブル）を作ります
下記の3つを作ります。
- 求職者管理
- 企業管理
- ご紹介状況管理

まずプリザンターで何を新規作成するには左上の＋ボタンを押すようです。押してみましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3671564/1d3c45c0-6ffc-6bee-9d6c-161cb21a627f.png)

色々と出てきました
標準、プロジェクトなどのタブが色々あります。
内容によってテンプレートもあるようですが、今回は折角なので０から作っていこうと思います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/f887ff8d-577d-caee-686f-9f09c85d33fd.png)


いわゆるExcelのシートがプリザンターではテーブルに当たるのですが、「期限付きテーブル」「記録テーブル」の2種類用意があります。
今回は何か期限を管理するものではないので、「記録テーブル」で作成したいと思います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/731c537b-8459-d2ad-eae1-a200756c1165.png)


タイトルとか内容とか設置されています。
プリザンターはここに名前・住所など自由に項目を設定できます。

またテーブル名も定義できるので、3テーブル分作ってみましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/0677ecb1-5223-7717-49dc-273bfdcd53fb.png)

それぞれのテーブルはこんな感じ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/069dbb83-4f68-c365-7fcb-6a0b0ebf6191.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/63ae75b4-33c1-a926-cefc-bd4ee46608c8.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/1cc1cd56-9dce-c1cb-898f-73d728e5f432.png)




・・・あじけないな！
これだと必要な情報が管理出来ないので、次に準備に移ります

### ４．項目を定義
#### 定義をする所は「エディタ」
ExcelでもまずA～Z列に何の値を入力するか、単位はどうするかって考えますよね。
プリザンターでは列のことを「項目」と呼ぶのですが、同様に項目を定義していきます

画面左の歯車マークから色々設定が出来ます。
今回は「求職者管理テーブル」の設定をするので、「テーブルの管理」を選択してみます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/b523b7c8-dbf8-3c9b-ff63-63153ad2c79a.png)


色々な設定が出来そうですね。
今回は項目を定義していくので「エディタ」というタブを開きます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/cdbf818b-f070-f30a-c263-f2523917bff7.png)


今回定義するのは、「氏名」「フリガナ」「電話番号」「メールアドレス」「年齢」「登録日」にします。

実はプリザンターはデータの形式によって選ぶ項目が異なります。

| 項目 | 説明 | 求職者 |
|:-:|:-:|:-:|
| 分類  | 選択肢一覧からの選択形式、またはフリーテキスト形式の「入力項目」| 氏名、フリガナ、電話、メール  |
| 数値 | フリーテキストで数値を入力可能な「入力項目」  |  年齢 |
| 日付  | フリーテキストまたはカレンダーから日付と時刻を入力可能な「入力項目」  |  登録日 |
| 説明  | フリーテキストで文字列を入力可能な「入力項目」。マークダウンを利用した入力や画像の登録が可能  |   |
|  チェック | チェックボックスの「入力項目」  |   |
|  添付ファイル | 添付ファイルをアップロード/ダウンロード可能な「入力項目」  |   |

数値であれば四則演算が出来たり、分類であれば選択肢から入力出来きたりと、管理したいデータによって項目を決めていきましょう

#### 実際に定義をしてみる
それでは、「氏名」「フリガナ」「電話」「メールアドレス」を作っていきましょう！
やり方は簡単で、

```
項目を選ぶ→有効化する→詳細設定を開く→項目名など設定していく
```

という流れで進めます。
ではやってみましょう！

分類Aを選んで有効化をすると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/c9d9daea-4651-4a55-55d7-0382b7627fb4.png)

有効化されました！
そのまま詳細設定を開きましょう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/ab99c5b5-e762-310e-4754-112d98691c9b.png)

詳細設定画面が出てきました
ボタンの数だけ色々設定が出来るようです。多機能ですが、今回は「氏名」などの項目名だけ設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/a07407d0-38fa-1c5e-80c1-174d04b2caae.png)


同じ要領で作っていくと項目の準備が出来ました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/a94727d9-7ccc-d6b4-0255-a4044e1f40f8.png)

Excelも同じですけど列の位置って大事ですよね。
今回は詳細設定の2つ横にある「上」ボタンで項目の位置を変えていき、最後に画面したの青い更新ボタンを押すと設定完了です

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/ab2f0ab5-e070-d33c-5e66-33c7d615a10c.png)

最後に新規作成ボタンを押すと、、、
フォームっぽいのが出来ている！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/73d54837-a5ed-cf3b-db7e-4d445c93ad81.png)

どんどん作成していきたいと思います！
ここでは紹介しないですがCSVを取り込めるのでダミーデータ作成してみました！
このようにマウス操作だけでExcelを移行することが出来ました！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3754178/b889df26-5c8e-928f-f5e8-a6b02cee5bc0.png)


ここまで読んで頂きありがとうございました！
え、これだけ？と思ったそこのあなたは、まず自分でも作ってみて下さいね
作っている途中に目移りする程機能があるので、どんどん魅力にひかれていくハズ！

次回は、、余力があれば作成していきたいと思います。