新しいサービス【AwesomeQR】

kintoneとkintone連携ツールを使って、よりセキュアな名刺のウェブ発注システムを作ってみた!

3 min 875 views

はじめに

ウェブからの発注システムを作ろうと思うと、このご時世、様々な無料のツールがあり、お金を出せばかなりいいものが作れると思います。

プログラミングができなくても、ChatGPTなどのAIに頼ればだれでも簡単にできるかもしれません。

ただ、このご時世、個人情報を含むデータの管理はとても厳しい流れになっておりまして、いくらAIといえど、個人情報を扱うシステムについては慎重に選ばないといけないと考えます。

そんな中、トヨクモさんが提供するToyokumo kintoneApp認証というサービスを使えば、セキュリティ上も安全なシステムになるため、名刺のウェブ発注システムのサンプルを作ってみましたので、今回はそちらをシェアしたいと思います。

仕組み

まずは、実際に動画を見た方、早いと思いますので、そちらをご覧ください。

ログイン

Toyokumo kintoneAppのページにアクセスすると、下図のような画面になって、ログインの認証方法を聞かれます。

Toyokumo kintoneAppのログインイメージ
Toyokumo kintoneAppのログイン

登録されているメールアドレスでのGoogleアカウントかMicrosoftアカウントであれば、すでに大切な情報を管理されている認証機能ですので、安全にログインできるのはお分かりできると思います。

もう一つのメールアドレスでのログインは、よくある単純にメールアドレスなどのIDとパスワードを入力してログインするのではなく、いったん登録されているメールアドレスにログイン用のURLが送られてきてそこからしかログインできないといったシステムになっております。

ここで疑問なのが、IDとパスワードだとなぜいけないのでしょうか?

IDとパスワードだけだと、ランダムにたくさん入力してログインするということが可能だからです。

パスワード設定などについては、以下のサイトが参考になると思います。

このように、個人情報を含む名刺などでも実際にその人にメールが届かない限りはログインできないような仕組みになっておりますので、安全に操作していただくことができます。

ユーザー画面

ログインすると、下図のように自分のアカウントに紐づいたアプリが表示されて、必要なアプリにアクセスすることができます。

Toyokumo kintoneAppのユーザー画面イメージ
Toyokumo kintoneAppのユーザー画面イメージ

名刺発注システムの構成としては、上図のように、4つに分かれております。

01名刺情報確認画面

現在登録されている名刺の情報を確認するアプリになります。

kViewerでの名刺情報の一覧確認イメージ
kViewerでの名刺情報の一覧確認イメージ

画面はシンプルで上図のように、登録されている従業員の情報が一覧になっていて、左側の検索ボタンで検索が可能となっています。

それぞれの従業員の詳細を確認する場合は、詳細ボタンをクリックすると下図のようになります。

kViewerでの名刺情報の詳細確認イメージ
kViewerでの名刺情報の詳細確認イメージ

実際に名刺の情報を確認したい場合は、上図のプレビューをクリックすると下図のようにPDFで名刺の情報を閲覧することができます。

プリントクリエイターでの名刺出力イメージ
プリントクリエイターでの名刺出力イメージ

確認後、名刺の情報に修正があれば、修正ボタンをクリックして修正します。

02名刺情報登録画面

名刺の情報を新規で登録する場合に使うアプリになります。

フォームブリッジでの名刺登録フォームイメージ
フォームブリッジでの名刺登録フォームイメージ

上図のように、新規で名刺を登録できるようなフォームです。

こちらで新しい従業員などの情報を登録します。

03名刺発注画面

実際に名刺を発注するアプリになります。

フォームブリッジでの発注フォームイメージ
フォームブリッジでの発注フォームイメージ

上図のような初期画面になっておりまして、まずは、発注したい名刺を選択します。

上図の虫眼鏡アイコンをクリックすると、下図のようになります。

フォームブリッジでの従業員選択イメージ
フォームブリッジでの従業員選択イメージ

ここから発注したい名刺を選択します。

必要であれば、複数人選択することができまして、一番上のテーブルの右部分の+ボタンをクリックして追加します。

フォームブリッジでの発注フォームイメージ
フォームブリッジでの発注フォームイメージ

ここで、上図のように、仮に5,000円超えたら送料無料にします、みたいないくつか発注したら送料無料だったり、どこか特定の場所に発送などの場合は値上などの設定ができたりします。

また、下図のように、納品先を名刺の住所か、名刺の住所ではなく、別のところにお届けすることも設定できます。

フォームブリッジでの発注フォームイメージ
フォームブリッジでの発注フォームイメージ

04発注履歴確認画面

最後は発注履歴を確認するアプリになります。

kViewerでの発注履歴の一覧イメージ
kViewerでの発注履歴の一覧イメージ

上図のように、発注した履歴が一覧で確認いただけます。

また、詳細画面にいくと、発注した詳細が確認できます。

kViewerでの発注履歴の詳細イメージ
kViewerでの発注履歴の詳細イメージ

また、請求書を発行するなどの場合は、右上のボタンをクリックして、請求書を発行するなどのこともできます。

プリントクリエイターでの請求書発行イメージ
プリントクリエイターで発行した請求書イメージ

さいごに

これらのアプリはkintoneとkintoneの連携ツールのみで作成されておりまして、まったくのノーコードで作成することも可能となっております。

顧客のニーズに応じた画面構成にもできますので、オリジナルシステムの構成にすることが可能です。

関連記事