![見出し画像](https://assets.st-note.com/production/uploads/images/89923840/rectangle_large_type_2_d2f606904b36b6e505487f90c8960261.png?width=800)
とよてくMemo②
こんにちは。でのぞです。
この記事は、トヨクモ製品を使っていて「お、いい感じ」と思った使い方を記録するための、超個人的なメモです。
今回は「トヨクモ製品を使って、kintoneのアカウントを持っていない人とちょっとした連絡を取り合おう」についてメモします。
設定について詳しく書きませんが、トヨクモ製品があればこんなことが可能になるぞ、という全体的な動きを載せておきます。
お題
kintoneのアカウントを持っていない人とちょっとしたコミュニケーションを取りたいな。という場面が結構あるんですが、トヨクモ製品のToyokumo kintoneApp認証を使って、kintoneアカウントを持っていないユーザーとちょっとした連絡を取り合えるようにしたいと思います。
イメージとしては、学生情報を登録してもらった後、連絡フォームから連絡をもらうような流れにしたいと思います。(あ、学校法人でkintone使ってます。)
用意したもの
(デモなので設定は最小限にしました。)
アプリ
学生情報登録アプリ
登録番号(レコード番号)
氏名(文字列1行)
メールアドレス(文字列1行)※Toyokumo kintoneApp認証に使用
学生連絡(関連レコード一覧)※学生連絡アプリの情報を表示
学生連絡アプリ
受付日時(作成日時)
登録番号(数値)
氏名(文字列1行)
メールアドレス(文字列1行)
内容(文字列複数行)
回答(文字列複数行)
※登録番号は関連レコード一覧の表示するレコードの条件で使用します。
フォームブリッジ
・学生情報登録フォーム
・連絡フォーム(Toyokumo kintoneApp認証+kViewerルックアップ)
kViewer
・学生情報登録アプリ(外部公開APIビュー:連絡フォームで使用)
・登録情報確認画面(リストビュー:Toyokumo kintoneApp認証)
・連絡履歴(リストビュー:Toyokumo kintoneApp認証)
実際の動き
①学生情報の登録
まずは学生が「学生情報登録フォーム」から情報を登録します。
![学生情報登録フォーム画面](https://assets.st-note.com/img/1660454522766-57DBKeJ5oe.png?width=800)
完了画面はこのような感じにして、自動返信メールを確認するように案内します。
![学生情報登録フォーム完了画面](https://assets.st-note.com/img/1660454588030-lJiUud4mgI.png?width=800)
自動返信メールを確認する前に、「学生情報登録アプリ」にデータが正しく登録されているか確認したいと思います。
![学生情報登録アプリ](https://assets.st-note.com/img/1660454873970-XlfhnxX2QV.png)
OKですね!
それでは受信した自動返信メールを確認してみます。
![学生情報登録返信メール](https://assets.st-note.com/img/1660461794385-AXn7QZVCz2.png)
メールには「登録情報確認画面」にアクセスできるリンクを貼り付けました。リンクをぽちっとすると、
![Toyokumo kintoneApp認証画面](https://assets.st-note.com/img/1660457464910-ZDuTDsK83x.png?width=800)
ログイン画面が表示されるのでログインします。
※Toyokumo kintoneApp認証でビューにログインする ←ログイン方法参考
![学生情報確認画面](https://assets.st-note.com/img/1660455158963-lIBrcVSkRF.png?width=800)
「登録情報確認画面」が表示されました!
Toyokumo kintoneApp認証の設定で、メールアドレスに紐づいた自分の情報だけが表示されていることが確認できます。
レコード詳細画面の内容も正しく表示されています。
![学生情報確認画面レコード詳細](https://assets.st-note.com/img/1660455207531-OjOV17Z6hl.png?width=800)
ここまでが、学生情報の登録から登録内容の確認の流れです。
②学生連絡の流れ
続いて、本題の”ちょっとした連絡”を取り合いたいと思います。
![登録情報確認画面](https://assets.st-note.com/img/1660460283051-N5o4quxROC.png?width=800)
学生情報確認画面のヘッダー部分の【連絡履歴】をクリックすると、「連絡履歴」が表示されます!
「連絡履歴」にもToyokumo kintoneApp認証のアクセス制限をかけていますが、一度でログインしているので再ログインの必要はありません。
![連絡履歴画面](https://assets.st-note.com/img/1660455372358-WYcwwqzuj9.png?width=800)
ヘッダーにある【学校に連絡】をクリックすると「連絡フォーム」が表示されるので、
![連絡フォーム](https://assets.st-note.com/img/1660455481534-vvjZYO28o7.png?width=800)
内容を入力して【送信】をぽちっとします。これで学校側への連絡は完了です。
ちなみに、「連絡フォーム」では内容フィールドしか表示していませんが、Toyokumo kintoneApp認証+kViewerルックアップを使用して、学生情報登録アプリから情報を呼び出す設定にして、さらにフィールドを非表示にしています。
フィールドの設定画面の裏側です。↓↓↓
![設定の裏側](https://assets.st-note.com/img/1660459626559-hMJy4ww5e7.png)
完了画面には「連絡履歴」に戻れるようリンクを設定しました。
![連絡フォーム完了画面](https://assets.st-note.com/img/1660461966868-NGfXaQQo6o.png?width=800)
リンクをぽちっとすると「連絡履歴」の画面に戻り、フォームから送信した内容が表示されていることが分かります。
![連絡履歴画面](https://assets.st-note.com/img/1660455600660-U4SCUYHQJU.png?width=800)
kintoneの「学生連絡アプリ」に入ってきたデータはこんな感じです。
![学生連絡アプリ](https://assets.st-note.com/img/1660455780952-Kh7eiqXPJO.png)
問題なさそうです👍
次に、担当者が回答フィールドに入力します。(今回は学生が入力した内容が誤って編集されないよう、フィールドにアクセス権をかけてます。)
![学生連絡アプリの回答入力](https://assets.st-note.com/img/1660456082152-XYMNVrAFos.png)
保存するとこんな感じです。
![学生連絡アプリの回答入力後](https://assets.st-note.com/img/1660456169702-xTOgFDH2cb.png)
さて、kMailerで学生に回答したよーとお知らせしたいと思います。
ちなみに、kMailerを導入していない場合はメールアドレスをコピペして、使用しているメーラーで送信するもの全然ありだと思います👍
メールの本文に回答を引用せず「連絡履歴」の画面で回答を確認する仕組みなので可能です。Gmailだとこんな感じ。
![Gmailだとこんな感じ](https://assets.st-note.com/img/1660456512015-emIREZRmXV.png)
Gmailの「テンプレート機能」も結構便利なのでオススメです。(設定画面でテンプレート機能を有効にすると出現します。)
![Gmailテンプレート](https://assets.st-note.com/img/1660456661960-UrZRsqcvHt.png?width=800)
では話を戻して、kMailerから回答したよーと学生に連絡したいと思います。
![kMailer送信画面](https://assets.st-note.com/img/1660456886528-D3JFVYAXQF.png?width=800)
送信が完了すると、学生側にはこのような感じでメールが届きます。
![回答メール](https://assets.st-note.com/img/1660462109675-uleLdyh16V.png)
【連絡履歴】をクリックすると、
![連絡履歴](https://assets.st-note.com/img/1660456996352-QYkQRo6AJ2.png?width=800)
「連絡履歴」の画面で回答内容が確認できました👀!
学生情報登録アプリの関連レコード一覧にも問題なく表示されています👀
メールだとやはり埋もれがちの情報ですが、この方法だと過去にどんなやり取りが発生していたか、学生情報から確認できますね!
![学生情報登録アプリの画面](https://assets.st-note.com/img/1660457050854-4F2s6JFbkJ.png?width=800)
続けて連絡フォームから連絡しても問題なく更新されています^^↓↓↓
![連絡履歴](https://assets.st-note.com/img/1660459396172-cT4Z9R8xIJ.png?width=800)
まとめ
このような感じで、まずは学生情報を登録してもらって、その情報を活用してちょっとした連絡を取り合う、というシンプルな流れが完成しました。
実際の運用ではちょっと違う形にしていますが、この内容がベースになっています^^
また、今回はリストビューで学生情報確認画面を設定しましたが、それをMyページビューしてみるなど状況に合わせて構築するのも楽しみの一つです^^
ゲストスペースを使うほどでもないし、kintoneアカウントを持ってもらうほどでもないし、でも管理した情報に紐づいた状態で、連絡履歴は確認したい。そんな時に良いかもしれません。
Toyokumo kintoneApp認証ってすごい。
今回参考にしたページはこちらです。
・1万人に1万通りの初期値を自動でフォームに入力できます!
・Toyokumo kintoneApp認証を登録する
・Webhook同期を設定する
では✋
この記事が気に入ったらサポートをしてみませんか?