第1回 行政職員向けICT体験型連続セミナー～kintoneオンラインハンズオン～

2020年6月2日、9日の2回に分けて行われるオンラインハンズオン形式のkintoneセミナー資料
イベント詳細：
https://drive.google.com/file/d/14kpj2TG7p_4NPrzgPu3vFI7KYhT1kZb_/view?fbclid=IwAR0VIbJfyOVDKFC-DNJSY8nCWBRvvGsN42H_MatKKlLKDeBmPsQrW9ZWfWM

Transcript

1. 第1回 行政職員向けICT体験型連続セミナー kintone オンラインハンズオン資料 サイボウズ株式会社 営業本部 蒲原 大輔
2. ハンズオンの内容 ▌ 題材 ◼ 中小企業からの支援金申請システム ◼ ホームページ ◼ 申請書様式（法人用） ◼ 完成イメージ ◼ 職員用データベース（kintone） →第1回で実施 ◼ 申請ページ（フォームブリッジ） →第2回で実施 ◼ Myページ＆帳票出力（kviewer＆プリントクリエイター） →第2回で実施
3. 中小企業 ①支援金を申請 （口座情報） ③申請内容を確認し PDF帳票をダウンロード マイページ ②自動返信メールでMyページURLを通知 ④押印・郵送 財務会計 システム ⑥口座情報をcsv出力し 財務会計システムに取込 ⑤申請内容確認 プロセス管理 ⑦口座へ振込 中小企業支援金申請の業務フロー（参考：大阪府）
4. 本セミナーで作成するシステムの完成イメージ デモで紹介します
5. ハンズオンの流れ
6. ハンズオンの流れ 1. kintoneにログインする 2. 自分用のスペースを作成する 3. 新規アプリを作成し、フォームを設計する 4. データを入力してみる 5. プロセス管理を設定する 6. 一覧画面を設定する 7. CSVファイルに書き出す 8. リマインダーを設定する 9. コメント機能/変更履歴を確認する 10. グラフ・集計機能を設定する 11. フォームブリッジ等の環境を作成する 12. 中小企業向け申請フォームを作成する 13. 自動返信メールを設定する 14. 申請内容確認用のマイページを作成する 15. マイページURLを自動返信メールでお知らせする 16. PDF帳票の自動出力を設定する 17. マイページから帳票出力できるようにする 第1回（6/2） 第2回（6/9） 第2回 第2回
7. 中小企業 ①支援金を申請 （口座情報） ③申請内容を確認し PDF帳票をダウンロード マイページ ②自動返信メールでMyページURLを通知 ④押印・郵送 財務会計 システム ⑥口座情報をcsv出力し 財務会計システムに取込 ⑤申請内容確認 プロセス管理 ⑦口座へ振込 ハンズオン第1回で扱う範囲（赤字部分）
8. 中小企業 ①支援金を申請 （口座情報） ③申請内容を確認し PDF帳票をダウンロード マイページ ②自動返信メールでMyページURLを通知 ④押印・郵送 財務会計 システム ⑥口座情報をcsv出力し 財務会計システムに取込 ⑤申請内容確認 プロセス管理 ⑦口座へ振込 ハンズオン第2回で扱う範囲（赤字部分）
9. 1.kintoneにログインする
10. kintoneの環境にアクセスする ▌https://govkin.cybozu.com/ をアドレスバーに入力
11. ログインする ▪手順 事前に配布したログインID・パスワードを入力し、「ログイ ン」をクリック ※ログインIDとパスワードは「1」～「１００」の数字です。 6/1にCode for Japanから配信したメールに記載して いますのでご確認ください。
12. サービス選択画面でkintoneを選択する ▪手順 「kintone」をクリックする ※この画面はサービス選択画面です。 契約中のサイボウズのクラウドサービスがこの画面に表示されます。
13. チュートリアルのスキップ① ▪手順 初めてログインしたユーザーに対して、「kintoneへよう こそ！」というタイトルのチュートリアルが表示されます。 ここでは、右上の「×」をクリックしてスキップします ※このチュートリアルが表示されない場合は、そのまま次 に進んでください。
14. チュートリアルのスキップ② ▪手順 この画面も右上の「×」をクリックしてスキップ ※このチュートリアルが表示されない場合は、そ のまま次に進んでください。
15. kintoneのポータル画面が表示されます ①お知らせ 職員向けに各種お知ら せができる掲示板 ②通知 他の職員からの連絡等 を受け取る受信箱 ③スペース 部署や業務ごとに区分け されたワークスペース
16. 2.自分用のスペースを作成する
17. 自分用の新規スペースを作成する① ▪手順 自分用のワークスペースを作成するため、「スペース」 の右にある＋ボタンをクリック
18. 自分用の新規スペースを作成する② ▪手順 「はじめから作る」をクリック ※補足 作成したスペースはテンプレート化してダウンロード・アップロードが可能です。 アップロードされたスペーステンプレートがある場合、この画面で選択可能に なります。
19. 自分用の新規スペースを作成する③ ① ▪手順 ①「スペース名」には、自分のスペースだと判別できるような 名称を作成してください （例） 【蒲原】中小企業支援金申請システム ②「スペースのポータルと複数のスレッドを使用する」に チェック ③好みのカバー画像を選択する ④「保存」をクリック ② ③ ④
20. 自分用のスペースが作成できました ①お知らせ 職員向けに各種お知ら せができる掲示板 ②スレッド タイムライン形式の コミュニケーション ③アプリ ドラッグ＆ドロップで作 成できるデータベース ④ピープル スペースに参加しているユーザー ⑤関連リンク よく参照するスペースやアプリの リンクを表示する場所
21. 3.新規アプリを作成し、入力フォームを設計する
22. 新規アプリを作成する① ▪手順 「アプリ」の右にある＋ボタンをクリック
23. 新規アプリを作成する② ▪手順 「はじめから作成」をクリック ※補足 アプリ作成のその他の方法として、①Excel/csvファイルを読み込んで作成、②テンプレー トファイルを読み込んで作成、③サイボウズが提供するサンプルアプリを追加があります。
24. アプリに名前を付ける ▪手順 「アプリ名を入力」欄をクリックし、アプリに以下のように名前を付けます。 【◦◦（お名前）】中小企業支援金申請管理アプリ
25. ラベルを配置する ▪手順 画面左側にあるフィールドタイプ一覧から「ラベル」を左クリックで掴み、右側の フォーム部分にドラッグ＆ドロップ ※補足 kintoneのアプリ作成はこのようにドラッグ＆ドロップの繰り返しで行います
26. ラベルが配置されました
27. ラベルの設定画面を開く ▪手順 ①配置したラベルの上に、マウスのカーソルを合わせると歯車のマークが表示されます ②歯車マーク上にカーソルを合わせると、下部に「設定」「複製」「削除」の3つのボタンが 表示されます ③「設定」をクリックします
28. ラベルの設定を変更する① ▪手順 ラベルの設定画面に初期値として入力されている「ラベル」の文字を削除する
29. ラベルの設定を変更する② ▪手順 ①「１．申請者の情報」と入力 ②入力したデータを選択状態にした上で、「B」をクリックして太字にする ③保存をクリック ① ② ③
30. ラベルの設定が変更されました ※解説 ラベルはデータを入力するためのフィールドではなく、入力を 補助するガイドの役割を果たします
31. 文字列（1行）を追加する ▪手順 文字列（1行）フィールドをドラッグ＆ドロップし、ラベルの下に 配置する
32. 文字列（1行）の設定画面を開く ▪手順 ①配置した文字列（1行）の上に、マウスのカーソルを合わせると歯車 のマークが表示されます ②歯車マーク上にカーソルを合わせると、下部に「設定」「複製」「削除」 の3つのボタンが表示されます ③「設定」をクリックします
33. 文字列（1行）の設定を変更する① ▪手順 ①フィールド名に「法人番号」と入力 ②「値の重複を禁止する」にチェック ③文字数を最小=13、最大=13と設定する ※補足 法人番号は１３桁と決まっているため、文字数制限を設定することで桁数の異 なるデータの登録を防ぐことができます。 ① ② ③
34. 文字列（1行）の設定を変更する② ▪手順 ①フィールドコードを「法人番号」に変更する ②フィールドコードの保存ボタンをクリック ③文字列（1行）の設定の保存ボタンをクリック ※補足 フィールドコードは、フィールドそのものをシステム的に識別する一意の値です 連携サービス設定時やカスタマイズの際に役立つため、「フィールド名」に合わせておきます ① ② ③
35. 文字列（1行）の設定を変更する③ ※補足 文字列（1行）等の一部のフィールドは、幅をドラッグ＆ドロップで変更 することができます
36. 法人名（文字列（1行））を追加する
37. 法人名（文字列（1行））の設定をする ▪手順 ①②フィールド名、フィールドコードを「法人名」に変更する ③保存ボタンをクリック ① ② ③
38. 郵便番号（文字列（1行））を追加する
39. 郵便番号（文字列（1行））の設定をする ① ② ③ ▪手順 ①②フィールド名、フィールドコードを「郵便番号」に変更する ③保存ボタンをクリック
40. 本社所在地（文字列（1行））を追加する ▪手順 文字列（1行）フィールドを追加し、マウスのカーソルを合わ せて「設定」を開く
41. 本社所在地（文字列（1行））の設定を変更する ① ② ③ ▪手順 ①②フィールド名、フィールドコードを「本社所在地」に変更する ③保存ボタンをクリック
42. 本社所在地（文字列（1行））の幅を変更する
43. 代表者役職・代表者氏名（文字列（1行））を追加 ▪手順 文字列（1行）フィールドを2つ追加し、これまでと同じ手順で フィールド名、フィールドコードを以下のように設定する ①代表者役職 ②代表者氏名 ① ②
44. 代表者生年月日（日付）を追加する ▪手順 日付フィールドをドラッグ＆ドロップで配置し、マウスのカーソル を合わせて「設定」をクリック
45. 代表者生年月日（日付）の設定を変更する ① ③ ② ④ ▪手順 ①②フィールド名、フィールドコードを「代表者生年月日」に変更 ③「レコード登録時の日付を初期値にする」チェックを外す ④保存ボタンをクリック
46. メールアドレス（リンク）を追加する ▪手順 ①リンクフィールドをドラッグ＆ドロップで配置する ②メールアドレスが入る程度の長さに幅を変更する ※補足 リンクフィールドはWebサイトのアドレスやメールアドレス、電話番 号を入力するためのフィールドです。＠の無いメールアドレスは登録 できない等の入力値チェックが働きます
47. メールアドレス（リンク）の設定を変更する ① ③ ② ④ ▪手順 ①②フィールド名、フィールドコードに「メールアドレス」を入力する ③入力値の種類として「メールアドレス」を選択 ④保存ボタンをクリック
48. 休業施設名称（文字列（1行））を追加 ▪手順 文字列（1行）フィールドを追加し、フィールド名・フィールドコードを 「休業施設名称」に変更する
49. 休業施設カテゴリ（ドロップダウン）を追加する ▪手順 ドロップダウンフィールドを配置し、マウスのカーソルを合わせて 「設定」をクリックする
50. 休業施設カテゴリ（ドロップダウン）の設定を変更する ① ③ ② ④ ⑤ ⑥ ▪手順 ①②フィールド名、フィールドコードに「休業施設カテゴリ」を入力する ③「項目と順番」に、「劇場等」と「集会・展示施設」を入力する ④集会・展示施設の右にある＋ボタンをクリックし、選択肢を増やす ⑤増やした選択肢に「遊興施設」を入力する ⑥保存ボタンをクリック ※補足 選択型のフィールドとしてはドロップダウンの他に、ラジオボタンやチェッ クボックス、複数選択があります。
51. ラベルを配置する ▪手順 ラベルを配置し、マウスのカーソルを合わせて「設定」をクリック
52. ラベルの設定を変更する ▪手順 ラベルの設定画面で「２．振込口座の情報」と入力し、「B」をクリックして太字に する。保存ボタンをクリック ① ② ③
53. 金融機関・支店の名称・コードを設定する（文字列（1行）） ▪手順 文字列（1行）フィールドを4つ追加し、これま でと同じ手順でフィールド名、フィールドコー ドを以下のように設定する ①金融機関名 ②金融機関コード ③支店名 ④支店コード ②金融機関コードは4桁、④支店コードは3 桁のみ入力できるように設定する ① ② ③ ④
54. 預金種別（ラジオボタン）を追加する ▪手順 ラジオボタンフィールドを配置し、マウスのカーソルを合わせて「設 定」をクリックする
55. 預金種別（ラジオボタン）の設定を変更する ① ② ③ ▪手順 ①②フィールド名、フィールドコードに「預金種別」を入力する ③「項目と順番」に、「普通」と「当座」を入力する ④保存ボタンをクリック ④
56. ドロップダウンフィールドの設定を変更する ① ③ ② ④ ▪手順 ①②フィールド名、フィールドコードに「預金種別」を入力する ③「項目と順番」に、「普通」「当座」を入力する ④保存ボタンをクリック
57. 口座番号・振込先名義（いずれも文字列（1行））を追加する ① ② ▪手順 文字列（1行）フィールドを2つ追加し、これまで と同じ手順でフィールド名、フィールドコードを 以下のように設定する ①口座番号②振込先名義
58. 罫線を追加する ▪手順 ①罫線フィールドを配置する ②罫線の右端をドラッグ＆ドロップして、幅を広げる ※補足 罫線より上には中小企業からの申請情報、罫線より下には内部管理項目を配置していきます ① ②
59. 受付日を追加する ▪手順 日付フィールドを配置し、フィールド名・フィールドコードを「受付日」に変更する 受付日の設定画面で「レコード登録時の日付を初期値にする」にチェックをする ※補足 「レコード登録時の日付を初期値にする」にチェックをしておくと、申請を受理した日付 が自動的に入力されるため手間が省け、入力ミスを防止できます
60. ユーザー選択フィールドを追加する ▪手順 ユーザー選択フィールドを受付日の右に配置し、マウスのカーソルを合わ せて「設定」をクリック ※補足 ユーザー選択フィールドは、kintoneに登録されているユーザー（職員） を検索・選択できるフィールドです。選択された職員に自動的に通知を飛 ばしたり、選択された職員だけに当該データの編集権限を付与するなど の設定が可能になります。
61. ユーザー選択フィールドの設定を変更する ▪手順 フィールド名、フィールドコードに「担当職員」と入力し保存ボタンをクリック
62. フォームを保存し、アプリを公開する ▪手順 ①「フォームを保存」ボタンをクリック ②「アプリを公開」ボタンをクリック ※補足 アプリを公開すると、権限のあるユーザーがアクセスできるように なります
63. アプリが公開されました！
64. 4.データを入力してみる
65. 試しにデータ（レコード）を登録してみましょう ▪手順 データを登録する際は＋ボタンをクリック ※解説 kintoneアプリにおいては登録されるデータの単位を「レコード」と呼びます
66. 作成したフォームにデータを入力し、保存する ① ② ▪手順 ①フォームに情報を入力します（内容は適当でOK） ②保存ボタンをクリック
67. 新しいレコードが登録されました ▪手順 レコードが登録されていることを確認できたら、アプリ名をクリックし てアプリの一覧画面に遷移してみましょう
68. 一覧画面の表示確認 ▪手順 ①保存したレコードが表示されていることを確認します ②左端の青いアイコンをクリックすると、当該レコードの詳細画面に遷移できます ※補足 一覧画面における１行が１レコードとなります。上記は１レコードが登録されている状態です。 ① ②
69. 詳細画面の表示確認 ※補足 詳細画面では当該レコードの全項目を確認できるほか、職員間のコミュニケーションを図っ たり、変更履歴を確認したり、ステータス（処理状況）を管理することができます（後述）
70. 5.プロセス管理を設定する
71. プロセス管理（申請の処理状況管理）を設定しましょう ▪手順 右上の設定ボタン（歯車マーク）をクリックする ※補足 kintoneでは、申請の処理状況（未処理、処理中、完了など）を定義して管理することができ、この機能 を「プロセス管理」と呼びます。設定することで、処理状況別に申請データを絞り込んだり、一定期間ス テータスに進捗が無い場合にアラート（リマインダー）を飛ばすことができます。 これからするのは「プロセス管理」の設定です。
72. プロセス管理画面を開く ① ② ▪手順 ①「設定」タブを開く ②「プロセス管理」をクリック
73. プロセス管理の設定① ▪手順 ①「プロセス管理を有効にする」にチェックを入れる ②ステータスの名称は、ここでは初期値（未処理→処理中→完了）のままとする ※ステータスの定義はステップ数、名称ともに自由に設定可能です ① ②
74. プロセス管理の設定② ▪手順 ①「フォームのフィールドを追加」から「担当職員」を選択 ②保存ボタンをクリック ※補足 この設定では、以下のようにプロセス管理を定義しました。 ・「未処理」のとき：「処理開始」ボタンをクリックすると「処理中」に進む ・「処理中」のとき：「担当職員」が作業権限を持つ、「完了する」ボタンをクリックすると「完了」に進む ① ②
75. アプリを更新する ▪手順 「アプリを更新」をクリックして設定の変更を反映する ※補足 「アプリを更新」をクリックしないままブラウザを閉じたりすると、変更が 反映されないためご注意ください
76. プロセス管理の動作を確認しましょう ① ② ▪手順 ①「（作業者が自分）」をクリックして、一覧の選択肢を表示する ②「（すべて）」をクリックする ※補足 （作業者が自分）の一覧は、自分がプロセス管理上の作業者に割り当てられているデータの みを表示する一覧です。そのため、（すべて）の一覧を呼び出してデータを確認します
77. レコードの詳細画面に遷移する ▪手順 表示されたレコードの左端にある青いアイコンをクリックし 詳細画面に遷移する
78. 現在の状況を確認する ▪手順 ①ステータスが未処理になっていることを確認する ②「担当職員」欄が自分になっていることを確認する ※自分になっていない場合は、編集ボタン（※③）をクリック してデータを編集する ① ② ※③
79. ステータスを次に進める ① ② ▪手順 ①「処理開始」をクリック ②作業者が「担当職員」になっていることを確認し、「実行」をクリック
80. ステータス変更後の画面 ※解説 ステータスが「未処理」→「処理中」に変わりました 次のステータスに進むためのボタンが「処理開始」→「完了する」に変わりました このように、プロセス管理で設定したステータスに沿って処理状況を更新してい くことができます。また、「ステータスの履歴」ボタンをクリックすることで、誰が、 いつ、どのステータスに進めたかを確認することができます。 実際のオンライン申請業務でも申請ステータスを正しく管理することが必須に なるため、この機能が活用されています。
81. 6.一覧画面を設定する
82. 一覧画面に戻りましょう ▪手順 アプリ名をクリックして一覧画面に戻る
83. 一覧画面の項目数が多すぎるため、新しい一覧を作成する ▪手順 ①一覧画面の項目数が多すぎて視認性が下がっていることを確認する ②新しく見やすい一覧を作成するため、右上の設定ボタン（歯車マーク）をクリック ① ②
84. 一覧の設定画面に移動する ▪手順 「一覧」タブをクリックする
85. 新しい一覧を作成する ▪手順 ＋ボタンをクリックする
86. 新しい一覧を設定する ▪手順 ①「一覧名」に「全ての申請一覧」と入力 ②画像の並びの通り、ドラッグ＆ドロップでフィールドを配置する ③保存ボタンをクリック ※補足 左側にこのアプリが保持しているフィールドが全て並んでおり、右側にドラッグ＆ドロップ で配置することで一覧を作成できます。絞り込みやソートも設定可能です。 ① ② ③
87. 並び替えをしてアプリを更新する ① ② ▪手順 ①「全ての申請一覧」をドラッグ＆ドロップで最上位に配置する ②「アプリを更新」ボタンをクリック ※補足 最上位に配置された一覧が、アプリを開いた際にデフォルトで表示されます
88. 作成した新しい一覧を確認する ※解説 見たい項目だけを、見たい順序に並べた一覧を作成することができました。 一覧はいくつでも作成できるため、「自分の担当案件一覧」や「未完了の申請一覧」など、 データを職員が見たい形で見せることが可能です。
89. 7.CSVファイルに書き出す
90. 申請データをCSVデータに書き出しましょう ① ② ▪手順 ①「…」ボタンをクリック ②「ファイルに書き出す」をクリック ※解説 実際の業務では、口座情報をkintoneからCSVに書き出して、財務会計システムに取り込 むなどの使われ方をしています。
91. CSVに書き出す項目・並び順を確認する ※解説 上記赤枠内の項目、並びがそのままCSVファイルとして出力されます。 デフォルトでは「ファイルに書き出す」ボタンをクリックした際に開いていた一覧画面の並び となっていますが、この画面で項目の追加削除や並び替えが可能です。
92. CSV書き出しを実行する ▪手順 ここでは項目・並びともに変更せず、「書き出す」をクリック
93. 書き出されたファイルをダウンロードする ▪手順 ファイル名をクリックしてダウンロードを開始する
94. 書き出したCSVの内容を確認する
95. 8.リマインダーを設定する
96. アプリの一覧画面に戻る ▪手順 アプリ名をクリックしてアプリの一覧画面に戻る
97. リマインダーを設定しましょう ▪手順 ＋ボタンをクリックする ※解説 リマインダーは、指定した条件を満たしたときに関係者にアラー トを飛ばす機能です。処理の抜け漏れ防止に有効です。
98. リマインダーの条件通知設定画面を開く ① ② ▪手順 ①「設定」タブを開く ②リマインダーの条件通知を開く
99. リマインダーの条件通知を設定する① ▪手順 「追加する」ボタンをクリック
100. リマインダーの条件通知を設定する②（通知タイミングの設定） ▪手順 ①通知のタイミングを以下のように設定する 「受付日」の「3日後」の「15:00」 ②「条件を設定する」をクリック ※補足 条件を設定することで、「ステータスが未完了の場合のみ通知する」などリマインド のタイミングを細かく指定することができます。 ① ②
101. リマインダーの条件通知を設定する③（通知条件の設定） ▪手順 通知の条件として以下のように設定する。 「ステータス」、「次のいずれかを含む」、「未処理・処理中」 ※解説 ここまでの設定で、「受付日から3日後の15時に、ステータスが未処理ま たは処理中の場合に通知する」を設定することができました。 次に、「どんなメッセージを」「誰に」通知するか設定します。
102. リマインダーの条件通知を設定する④（通知メッセージの設定） ▪手順 「通知内容」に以下のメッセージを入力する。 「受付から3日以上経過している申請があります。確認してください。」
103. リマインダーの条件通知を設定する⑤（通知先の設定） ▪手順 「フォームのフィールドを追加」をクリックし、「担当職員」を選択する ※補足 「◦◦課の所属職員に通知する」「管理職に通知する」などの設定も可能です
104. リマインダーの条件通知設定を保存する ▪手順 この画像と同じ設定になっていることを確認し、「保存」をクリック
105. アプリを更新し設定変更を反映する ▪手順 「アプリを更新」をクリック
106. （参考）リマインダー通知イメージを確認する ※解説 リマインダーの条件が満たされた場合、赤枠のような形で通知されます。 通知はメールと連携することができ、自分のメールアドレスに通知メールを 飛ばすことも可能です。 エクセル業務で起こりがちな処理の抜け漏れ防止に活用できます。
107. 9.コメント機能/変更履歴を確認する
108. 作成したアプリに戻りましょう① ▪手順 自分用のスペースをクリックする
109. 作成したアプリに戻りましょう② ▪手順 作成したアプリをクリックする
110. レコードの詳細画面を開く ▪手順 レコードの左端にある青いアイコンをクリックする
111. この申請について、他の職員とコミュニケーションをしてみましょう ▪手順 「コメントする」をクリック
112. コメントの宛先を指定する（＠メンション） ① ② ③ ▪手順 ①「宛先指定」をクリック（＠が入力されます） ②「蒲原」（かんばら）と入力 ③「蒲原 大輔（サイボウズ）」が候補として表示されるのでクリック
113. コメントを書き込む ① ② ▪手順 ①適当な内容でコメントを入力する ②「書き込む」をクリックする
114. コメントが入力されました ※補足 画面の左側で「データ」、右側で「コミュニケーション」を管理できることで 効率的な業務が可能です。メールや電話による連絡の削減に。
115. （参考）コメントされた際の通知の見え方 ※解説 メンション（宛先指定）されると、自分宛の通知として入ってきます。 この通知についてもメールと連携し、自分のメールアドレスで受け取るこ とも可能です。
116. 次に変更履歴機能について確認しましょう ▪手順 変更履歴を確認する前に、まずはデータを編集します。 編集ボタンをクリックします。
117. 休業施設カテゴリを変更する ① ② ▪手順 ①「休業施設カテゴリ」をクリックし、既存データとは異なる選択肢に変更する ②保存をクリックする
118. 変更履歴ボタンをクリックする ▪手順 赤枠の「変更履歴」ボタンをクリック ※補足 デフォルトではコメント欄が表示されていますが、上記ボタンをク リックすることで変更履歴を表示させることができます。
119. 変更履歴を確認する ※解説 このレコードに関する変更履歴（データの編集、ステータスの変更等）が記録されています。 自動的に「いつ」「誰が」「どのような操作をしたか」が記録されるためデータの履歴管理が 効率的に行えます。また、以前のバージョンに戻すことも可能であるため、誤操作リスクを 低減します。
120. 10.グラフ・集計機能を設定する
121. まずは一覧画面に戻ります ▪手順 赤枠の「全ての申請一覧」をクリックし、一覧画面に戻る
122. サンプルデータを増やしましょう ※解説 レコードが１件しかないと集計イメージが掴みづらいため、2件追加します。 新規追加でも良いですが、ここでは既存レコードの「再利用」（複写作成）を使います。 ▪手順 レコード左端の青いアイコンをクリックし、詳細画面を開く
123. レコードを再利用する ▪手順 右上部、赤枠のボタン（レコードを再利用する）をクリックする
124. 複写された状態からデータを入力、保存する ※補足 全ての項目を編集すると時間がかかるため、ここでは便宜上以下 の３つの項目のみ変更する ▪手順 ①法人番号を変更する（値の重複を禁止しているため） ②法人名を「サンプル株式会社1」とする ③休業施設カテゴリを「劇場等」にする ④保存をクリック ① ② ③ ④
125. 新規レコードとして登録されました
126. 同じ手順でさらに1件レコードを追加する ▪手順 右上部、赤枠のボタン（レコードを再利用する）をクリックする
127. データを入力し保存する ① ② ③ ④ ▪手順 ①法人番号を変更する（値の重複を禁止しているため） ②法人名を「サンプル株式会社2」とする ③休業施設カテゴリを「集会・展示施設」にする ④保存をクリック
128. アプリの一覧画面に戻る ▪手順 アプリ名をクリックし、一覧画面に戻る
129. 「集計する」ボタンをクリック ▪手順 レコードが3件に増えていることを確認し、赤枠の「集計する」ボタンをクリックする ※補足 ここでは「①休業施設カテゴリごとの円グラフ」「②処理ステータスごとの表」の2つの集計を作成します
130. 円グラフを選択する ▪手順 まずは休業施設カテゴリごとの円グラフを作成するため「円グラフ」をクリックする ※補足 kintoneが「おすすめのグラフ」をいくつか提示してくれるので、それを使うことも可能です
131. 集計を設定し、保存する ▪手順 ①グラフの種類は「円グラフ」のまま ②分類する項目は「休業施設カテゴリ」のまま ③「保存する」をクリック ① ② ③
132. グラフ名を決定する ▪手順 グラフ名に「休業施設カテゴリ別円グラフ」と入力 し「OK」をクリック
133. グラフの表示を確認する ※解説 作成・保存した集計は赤枠内からいつでも呼び出すことができます。 頻繁に利用するグラフ・表は保存しておくと便利です。
134. 再度「集計する」をクリック ▪手順 処理ステータスごとの表を作成するため、再度「集計する」をクリック
135. 集計を設定し保存する ① ② ③ ▪手順 ①グラフの種類を「表」に変更する ②分類する項目を「ステータス」に変更する ③「保存する」をクリック
136. 表の名前を決定する ▪手順 グラフ名に「処理ステータス別レコード数」と入力し 「OK」をクリック
137. 作成された表を確認する ※補足 「レコードの一覧を表示する」をクリックすると、該当するレコードの一覧を表示します。 集計結果と内訳を簡単に行き来できるため、効率的にデータの把握が可能です。
138. kintoneアプリ作成が完了しました お疲れ様でした！
139. ハンズオンの流れ 1. kintoneにログインする 2. 自分用のスペースを作成する 3. 新規アプリを作成し、フォームを設計する 4. データを入力してみる 5. プロセス管理を設定する 6. 一覧画面を設定する 7. CSVファイルに書き出す 8. リマインダーを設定する 9. コメント機能/変更履歴を確認する 10. グラフ・集計機能を設定する 11. フォームブリッジ等の環境を作成する 12. 中小企業向け申請フォームを作成する 13. 自動返信メールを設定する 14. 申請内容確認用のマイページを作成する 15. マイページURLを自動返信メールでお知らせする 16. PDF帳票の自動出力を設定する 17. マイページから帳票出力できるようにする 第1回（6/2） 第2回（6/9） 第2回 第2回
140. ハンズオン第2回の流れ
141. ハンズオンの流れ 1. kintoneにログインする 2. 自分用のスペースを作成する 3. 新規アプリを作成し、フォームを設計する 4. データを入力してみる 5. プロセス管理を設定する 6. 一覧画面を設定する 7. CSVファイルに書き出す 8. リマインダーを設定する 9. コメント機能/変更履歴を確認する 10. グラフ・集計機能を設定する 11. フォームブリッジ等の環境を作成する 12. 中小企業向け申請フォームを作成する 13. 自動返信メールを設定する 14. 申請内容確認用のマイページを作成する 15. マイページURLを自動返信メールでお知らせする 16. PDF帳票の自動出力を設定する 17. マイページから帳票出力できるようにする 第1回（6/2） 第2回（6/9） 第2回 第2回
142. 中小企業 ①支援金を申請 （口座情報） ③申請内容を確認し PDF帳票をダウンロード マイページ ②自動返信メールでMyページURLを通知 ④押印・郵送 財務会計 システム ⑥口座情報をcsv出力し 財務会計システムに取込 ⑤申請内容確認 プロセス管理 ⑦口座へ振込 ハンズオン第2回で扱う範囲（赤字部分）
143. 11.フォームブリッジ等の環境を作成する
144. kintone連携サービスに申し込む ▪手順 ①「トヨクモ kintone連携サービス」で検索 ②「https://kintoneapp.com」のサイトをクリック ※検索結果に見当たらなければ、URLを直接指定してください。 ① ②
145. 連携サービス申込の必要事項を入力する① ▪手順 「会社名」「部署名」「お名前」「メールアドレス」「電話番号」を入力
146. 連携サービス申込の必要事項を入力する② ▪手順 ①無料お試しを申し込むサービスとして、以下の3つにチェック ・フォームブリッジ ・プリントクリエイター ・kviewer ②「サービス規約に同意して利用する」にチェック ③確認をクリック ① ② ③
147. 連携サービス申込の必要事項を入力する③ ▪手順 申し込み内容に間違いがなければ、「申し込む」をクリック
148. トヨクモ社からメールを3通受信していることを確認する ▪手順 ①フォームブリッジ、プリントクリエイター、kViewerそれぞれについて、環境を用意した旨のメールを受信したことを確認します ②まずは「フォームブリッジのトライアル環境をご用意致しました」と件名に記載のメールを開く ※それぞれ、下記のメールアドレスから自動送信されています。メールが確認できない場合は受信設定をご確認ください。 フォームブリッジ：noreply@form.kintoneapp.com プリントクリエイター：noreply@print.kintoneapp.com kViewer：noreply@viewer.kintoneapp.com ① ②
149. 12.中小企業向け申請フォームを作成する
150. フォームブリッジの登録ページにアクセスする ▪手順 赤枠内のリンクをクリック
151. フォームブリッジのパスワードを設定する ▪手順 パスワードを設定し、保存ボタンをクリックする ※補足 フォームブリッジのログインIDはメールアドレス、パスワード はここで入力する値となります。
152. フォームブリッジと紐づけるkintoneのURLを指定する ▪手順 「kintoneのURL」に下記のURLを入力して保存をクリックする https://govkin.cybozu.com/k/
153. 申請フォームの作成を開始する ▪手順 ＋ボタン（フォームの作成）をクリックし、新しい申請フォームの作成を開始します。 ※解説 フォームブリッジは申請フォームを無制限に作成できるため、庁内のあらゆる申請業務をフォームブリッジ1 契約（月額6,000円～14,000円）でカバーすることが可能です。
154. はじめから作成を選択する ▪手順 「はじめから作成」をクリックする
155. フォームと紐づけるkintoneアプリの情報を登録する ▪手順 前回（6/2）のセミナーで作成したkintoneアプリのURLを入力して、今から 作成する申請フォームとkintoneアプリ（中小企業支援金申請管理アプリ）を 紐づけます。 アプリのURLを確認するため、kintoneを開きます。 https://govkin.cybozu.com/k/
156. kintoneにログインし、自分のスペースをクリックする
157. 自分が作成した申請管理アプリを開く
158. アプリのURLをコピーする ▪手順 アプリのURLをコピーし、フォームブリッジの画面に戻る ※補足 kintoneのアプリや各レコードにはそれぞれ固有のURLが付与されます
159. kintoneアプリのURLを貼り付ける ① ② ▪手順 ①「kintoneアプリのURL」にコピーしたURLを貼り付ける ②「APIトークンはこちらのURLから発行できます。」をクリックする →kintoneアプリのAPIトークン発行画面に遷移します ※補足 「APIトークン」とは、外部サービス→kintoneにアクセスを許可するための認証の仕組みです。 kintoneアプリ側で発行した「APIトークン」を入力すると、そのアプリに対して外部サービスから データを登録したり、変更・削除する権限を与えることができます。
160. kintoneアプリ側でのAPIトークン発行① ① ② ③ ④ ▪手順 ①「生成する」ボタンをクリック →APIトークンが発行されます ②アクセス権の「レコード閲覧」「レコード追加」「レコード編集」にチェックを付ける ③APIトークンをコピーしておく（後ほどフォームブリッジの設定画面で貼り付けるため） ④保存ボタンをクリック
161. kintoneアプリ側でのAPIトークン発行② ▪手順 「アプリを更新」をクリックし、設定の変更を反映する
162. APIトークンをフォームブリッジに貼り付ける ▪手順 ①フォームブリッジの画面に戻り、コピーしておいてAPIトークンを貼り付ける ②保存ボタンをクリック ① ②
163. kintoneアプリの情報設定が成功した後の画面 ※解説 この画面で、中小企業の申請フォームを作成します。 左側のメニュー（赤枠）から設定したい項目をクリックし、右側の画面で 設定を行います。 なお、フォームブリッジの機能は多岐に渡りますが、このハンズオンで は時間の都合上必要最低限の設定のみ実施します。
164. フォームのタイトルを変更する ① ② ③ ▪手順 ①左側のメニューから「タイトル」をクリック ②「タイトル」を以下のように変更する 変更前：【◦◦（名前）】中小企業支援金申請管理アプリ 変更後：中小企業支援金申請フォーム ③保存ボタンをクリック ※補足 デフォルトでは紐づけたkintoneアプリと同じタイトルがフォームに付 けられているため、適宜変更します。
165. フィールド設定を変更する ▪手順 左側のメニューから「フィールド設定」をクリックする ※補足 この画面で中小企業の申請フォームを設計します。
166. フィールドの配置を変更する① ▪手順 初期設定では全ての項目が縦一列に並んでいるので、入力し やすいようにドラッグ＆ドロップで配置を変更する
167. フィールドの配置を変更する② ▪手順 振込口座の情報も上記のように配置を変更する
168. 不要な項目を削除する ▪手順 内部管理項目である「受付日」と不要な罫線を削除する ※補足 マウスのカーソルを合わせて「削除」をクリックすると消すことができます
169. ラベルの位置を変更する ① ② 最上部へ 金融機関名の上部へ ▪手順 フォームブリッジの仕様上、kintoneの設定に関わらずラベルはフォームの 一番下に配置されるため一の変更が必要となる。 ①「1．申請者の情報」は最上部に ②「2．振込口座の情報」は金融機関名の上部に
170. （参考）変更後のラベルの位置
171. フィールド設定を保存する ▪手順 最下部の保存ボタンをクリックして設定の変更を保存する ※注意 「保存」をクリックせずにブラウザを閉じると変更が反映されません。ご注意ください。
172. 確認画面を表示するように設定する ▪手順 ①左側のメニューから「回答確認画面」をクリック ②「確認画面を表示する」にチェック ③保存ボタンをクリック ※補足 回答確認画面を表示するように設定すると、申請者がフォームに情報を入 力した後、回答送信前に入力内容の確認画面を申請者に対して表示します。 誤った申請を減らすためにも確認画面は表示するよう設定しましょう。 ① ② ③
173. 回答完了画面のテキストを設定する ① ② ③ ▪手順 ①左側のメニューから「回答完了画面」をクリック ②「メッセージ」に「申請を承りました。メールをご確認ください。」と入力 ③保存ボタンをクリック ※補足 デフォルトでは「ご回答ありがとうございます！」と表示されますが、カジュアルすぎるた め適宜変更します。
174. 13.自動返信メールを設定する
175. 自動返信メールを設定する① ① ② ▪手順 ①左側のメニューから「自動返信メール」をクリック ②「自動返信メールを有効にする」をクリック ※補足 自動返信メールは、申請者が回答を完了したタイミングで自動的に送信されるメール （返信不可）です。文面をカスタマイズできるため、マイページのURLを通知したりす ることができます。
176. 自動返信メールを設定する② ▪手順 件名を以下のように変更します。 「中小企業支援金の申請を受け付けました」
177. 自動返信メールを設定する③ ▪手順 本文にデフォルトで入力されているテキストを全て削除し、下のフィールドリスト から「法人名」をクリックします。 ※補足 フィールドリストから選択すると{{法人名}}のような表記で挿入されます。 ここには、申請者自身が「法人名」として入力した値が自動的に入ります。 そのため、申請者ごとにカスタマイズされた内容を送信することが可能です。
178. 自動返信メールを設定する④ ① ② ③ ④ ▪手順 ①フィールドリストから「代表者役職」をクリック ②フィールドリストから「代表者氏名」をクリック ③スペースを1つ空けて「様」を入力 ④改行して「中小企業支援金の申請を受け付けました。」を入力
179. 自動返信メールを設定する⑤ ① ② ③ ▪手順 ①差出人名を「◦◦市中小企業支援金事務局」に変更 ②宛先名を「法人名」に変更 ③保存ボタンをクリック ※補足 マイページURLの挿入は、kViewerでマイページを作成した後に できるようになるため、ここではこのまま保存します。
180. 編集完了して更新し、フォームを公開する ① ② ▪手順 ①「編集完了して更新」をクリック ②「公開する」をクリック ※補足 「公開する」をクリックすることで作成したフォームがインターネット上に公開され、 URLを知っている方がアクセスできるようになります。
181. 公開した申請フォームを確認する ▪手順 「公開中のフォームを見る」をクリックする
182. 公開した申請フォーム画面にデータを入力してみる① ▪手順 フォームにデータを入力する。 ※補足 データはダミーで問題ありませんが、自動返信メールの動作確認のため メールアドレスについてはご自身のものを記入してください。
183. 公開した申請フォーム画面にデータを入力してみる② ▪手順 フォームにデータを入力後、「確認」をクリックする
184. 確認用画面で最終確認後、回答する ▪手順 確認画面が表示される。 問題がなければ「回答」をクリックする。
185. 回答完了画面の表示を確認する ※解説 「回答完了画面」の設定で入力した通りの内容が表示されます
186. 自動返信メールが届いていることを確認する
187. kintoneアプリに新規レコードとして登録されていることを確認
188. 14.申請内容確認用のマイページを作成する kViewerの設定
189. トヨクモ社から届いたメールを開く ▪手順 「kViewerのトライアル環境をご用意致しました」と件名に記載のメールを開く
190. kViewerの登録ページにアクセスする ▪手順 赤枠内のリンクをクリック
191. kViewerのパスワードを設定する ▪手順 パスワードを設定し、保存ボタンをクリックする ※補足 kViewerのログインIDはメールアドレス、パスワードはここ で入力する値となります。
192. kViewerと紐づけるkintoneのURLを指定する ▪手順 ①「kintoneのURL」に下記のURLを入力する https://govkin.cybozu.com/k/ ②保存ボタンをクリック ① ②
193. kintoneとの接続に成功後の画面 ▪手順 kintoneとの接続に成功したら「OK」をクリック
194. ビューの作成を開始する ▪手順 ＋ボタン（フォームの作成）をクリックし、新しいビューの作成を開始します。 ※解説 kViewerは申請フォームを無制限に作成できるため、庁内のあらゆる業務をkViewer1契約 （月額6,000円～24,000円）でカバーすることが可能です。
195. Myページビューを作成する ▪手順 Myページビューの「作成」をク リックする ※解説 kViewerには様々なビューの 種類があるため、用途によっ て使い分けることができます
196. Myページビューの設定① ▪手順 ①「ビューの管理名」に「中小企業支援金マイページ」と入力 ②前回（6/2）のセミナーで作成したkintoneアプリのURLを入力し て、今から作成するマイページとkintoneアプリ（中小企業支援金申 請管理アプリ）を紐づけます。 アプリのURLを確認するため、kintoneを開きます。 https://govkin.cybozu.com/k/ ※解説 「ビューの管理名」が申請者に表示されるビューのタイトルです。 ① ②
197. kintoneにログインし、自分のスペースをクリックする
198. 自分が作成した申請管理アプリを開く
199. アプリのURLをコピーする ▪手順 アプリのURLをコピーし、kViewerの画面に戻る ※補足 kintoneのアプリや各レコードにはそれぞれ固有のURLが付与されます
200. kintoneアプリのURLを貼り付ける ① ② ▪手順 ①「kintoneアプリのURL」にコピーしたURLを貼り付ける ②「APIトークンはこちらのURLから発行できます。」をクリックする →kintoneアプリのAPIトークン発行画面に遷移します ※補足 当該kintoneアプリのAPIトークンは、フォームブリッジとの連携を設定する際に既に発行済 みであるため、新たに発行する必要はありません。既存のAPIトークンを利用できます。
201. APIトークンをコピーする ▪手順 既存のAPIトークンをコピーする
202. APIトークンをMyページビュー設定画面に貼り付ける ▪手順 ①コピーしたAPIトークンを貼り付ける ②作成ボタンをクリック ① ②
203. kintoneアプリの情報設定が成功した後の画面 ※解説 この画面で、マイページを作成します。 左側のメニュー（赤枠）から設定したい項目をクリックし、右側の画 面で設定を行います。 なお、kViewerの機能は多岐に渡りますが、このハンズオンでは時 間の都合上必要最低限の設定のみ実施します。
204. コンテンツ配置を選択する ① ② ③ ▪手順 ①左端のメニューから「コンテンツ配置を選択する」をクリック ②「ヘッダーコンテンツ＋メインコンテンツ」を選択する ③保存ボタンをクリック ※補足 マイページのレイアウトをいくつかのパターンから選択することが できる機能です。
205. レコード詳細画面の設定を始める ▪手順 「レコード詳細画面」をクリックする ※解説 この画面で、マイページの詳細な表示内容を設定します
206. マイページに表示する項目を選択する① ▪手順 「kintoneフィールド」下の「選択してください」（赤枠）をクリックする →kintoneアプリ側で管理している項目がリストとして表示され、マイページに 表示する項目を複数選択できる。 クリックしてリストを表示
207. マイページに表示する項目を選択する② ▪手順 内部管理項目である「受付日」「担当職員」「ラベル」を除き全て選択する
208. ビューの設定を保存し、編集完了して更新する ① ② ▪手順 ①ページ下部にある保存ボタンをクリック ②右上部にある「編集完了して更新」をクリック
209. 編集完了の確認画面 ▪手順 「編集完了」をクリックする
210. マイページを公開する ▪手順 「公開する」をクリックする
211. 公開中のビューを確認する ▪手順 「公開中のビューを見る」をクリックする
212. MyページURLを選ぶ ▪手順 MyページURLの「4」をクリックする ※補足 Myページはkintoneアプリに登録されている情報を表示する仕組みです。そ のため、どのレコードに対応するMyページを表示するか聞かれています。ここ では4番目の申請者のMyページを表示してみます。
213. マイページが表示されました ※解説 ここでは時間の都合で全ての項目を縦一列に並べましたが、「レコード詳細 画面」の設定からレイアウトの変更が可能です。 実際の業務では、申請者にとって見やすいレイアウトを検討します。
214. 15.マイページURLを自動返信メールでお知らせする フォームブリッジとkViewerの連携設定
215. 申請者に対して、マイページのURLを自動返信でお知らせする ① ② ③ ▪手順 ①再びフォームブリッジの設定画面に戻る ②左端のメニューから「kViewerと連携する」をクリック ③「kViewerと連携する」をクリック ※解説 kViewerとの連携を設定することで、自動返信メールの中にマ イページURLを組み込む等、製品間の連携が可能になります。
216. kViewerとの連携確認画面 ▪手順 「OK」をクリックする
217. 連携するkViewerマイページを選択する ① ② ③ ▪手順 ①「Myページを利用する」にチェック ②「中小企業支援金マイページ」を選択 ③保存ボタンをクリック
218. 自動返信メールの内容を再編集する① ▪手順 左端のメニューから「自動返信メール」を選択
219. 自動返信メールの内容を再編集する② ① ② ▪手順 ①メール本文に「下記マイページURLから申請内容を確認できます。」の文言を追加する ②改行し、下のフィールドリストから「MyページURL」をクリックして挿入する
220. 編集内容を保存し、更新する ▪手順 ①保存ボタンをクリック ②「編集完了して更新」をクリック ③「公開中のフォームを見る」をクリックして、入力を試してみましょう ① ② ③
221. 申請フォームに入力して試してみる ▪手順 フォームにデータを入力し、「確認」をクリックする ※補足 データはダミーで問題ありませんが、自動返信メールの動作確認のため メールアドレスについてはご自身のものを記入してください。
222. 確認用画面で内容確認後、回答する ▪手順 内容を確認し「回答」をクリック
223. 回答完了画面の表示を確認する ※解説 回答完了画面に「Myページ」というボタンが表示されるようになりました。 ここからマイページに遷移することができます。
224. マイページの表示を確認する
225. 自動返信メールの内容も変わっていることを確認する
226. 16.PDF帳票の自動出力を設定する プリントクリエイターの設定
227. トヨクモ社から届いたメールを開く ▪手順 「プリントクリエイターの環境をご用意致しました」と件名に記載のメールを開く
228. プリントクリエイターの登録ページにアクセスする ▪手順 赤枠内のリンクをクリック
229. プリントクリエイターのパスワードを設定する ▪手順 任意のパスワードを設定し、「変更」をクリック
230. プリントクリエイターとkintoneの接続を設定する① ▪手順 「URL」にkintoneの以下のURLを入力する https://govkin.cybozu.com/
231. プリントクリエイターとkintoneの接続を設定する② ▪手順 「ログイン名」「パスワード」にkintoneのログインIDとパスワードを入力する 各参加者に前日に通知した1～100の数値です。 ※補足 プリントクリエイターとkintoneの連携設定を行うには、kintoneシステム管理 者権限を持っている必要があります。 今回は参加者全員にkintoneシステム管理者権限を付与しているため、各自の kintoneログインIDとパスワードを入力すればOKです。。
232. プリントクリエイターとkintoneの接続設定を登録する ▪手順 ページ下部の登録ボタンをクリック
233. プリントクリエイターを設定するkintoneアプリを登録する ▪手順 ＋ボタン（アプリの登録）をクリック
234. kintoneアプリの登録① ▪手順 前回（6/2）のセミナーで作成したkintoneアプリのURLを入力して、 kintoneアプリ（中小企業支援金申請管理アプリ）を紐づけます。 アプリのURLを確認するため、kintoneを開きます。 https://govkin.cybozu.com/k/
235. kintoneにログインし、自分のスペースをクリックする
236. 自分が作成した申請管理アプリを開く
237. アプリのURLをコピーする ▪手順 アプリのURLをコピーし、プリントクリエイターの画面に戻る ※補足 kintoneのアプリや各レコードにはそれぞれ固有のURLが付与されます
238. kintoneアプリの登録② ▪手順 コピーしたkintoneアプリのURLを貼り付ける
239. kintoneアプリの登録③ ① ② ▪手順 ①「一括出力を利用する」にチェックをする ②登録ボタンをクリック
240. 中小企業支援金申請書（PDFファイル）をダウンロードする ▪手順 kintoneのポータル画面（トップページ）を表示し、「お知らせ」内にある「サンプル 中小企業支援金申請書.pdf」をクリックしてダウンロードする。 ダウンロード後、プリントクリエイターの設定画面に戻る。 ※補足 添付ファイルをクリックすると自動的にローカルにダウンロードされます
241. 帳票の設定を開始する ▪手順 「帳票設定の登録」をクリック
242. プリントクリエイターに帳票設定の登録をする① ▪手順 ①帳票名に「中小企業支援金申請書」と入力 「PDFのサイズ」「PDFの向き」「PDFの利用方法」はそのままでOK ②背景PDFの「ファイル選択」をクリックする ① ②
243. プリントクリエイターに帳票設定の登録をする② ▪手順 先ほどkintoneポータルのお知らせからダウンロードした「サンプル中小 企業支援金申請書.pdf」をアップロードし、「登録」をクリック
244. 帳票レイアウトの編集画面 ▪手順 作業がしやすいように、拡大ボタンを2回クリッ クして申請書を拡大表示する
245. 拡大後の帳票レイアウト編集画面 ▪手順 「文字」をクリック
246. 帳票レイアウトの編集① ▪手順 「法人番号」の入力欄の左上を始点として、右下までドラッグ＆ド ロップして枠線に沿って四角を描く ※解説 このようにして定義した領域に、kintoneで管理している項目を 出力することができます
247. 帳票レイアウトの編集② ① ② ③ ▪手順 ①配置した領域をクリックする ②フィールドリストから「法人番号」を選択する ③フォント「MSゴシック」、サイズ「10」に指定する ④「変更を保存」をクリック ⑤「プレビュー」をクリック ④ ⑤
248. プレビューの確認 ※解説 法人番号が出力されているのがわかります。 後はこれと同じ要領で全ての項目を出力できるように設定します。 本セミナーにおいては時間の関係上、「法人番号」と「法人名」の2項目のみ 設定します。先に進んでいる方は全項目設定してもOKです。
249. 法人名を設定する① ① ② ▪手順 ①「法人番号」を選択した状態でコピーをクリック ②同じ「法人番号」がすぐ隣に配置される ※補足 コピー機能を使うとフォント設定等を簡略化できます
250. 法人名を設定する② ▪手順 ①コピーした「法人番号」をドラッグ＆ドロップで「法人名」の入力欄に配置する ②詳細な位置を微修正して整える ① ②
251. 法人名を設定する③ ▪手順 ①表示内容から「法人番号」を削除する ②フィールドリストから「法人名」を選択する ③「変更を保存」をクリック ④「プレビュー」をクリック ① ② ③ ④
252. プレビューの確認 ※解説 法人名も法人番号と同様に綺麗に出力されていればOKです。
253. 帳票一覧画面に戻る ▪手順 「帳票一覧」をクリックする
254. JavaScriptの送信を実行する ▪手順 「JavaScriptの送信」をクリックする ※解説 このボタンをクリックすることで、JavaScriptファイルが kintoneアプリに適用され、帳票出力が実行可能になります。
255. kintoneに戻り、申請管理アプリを開く ▪手順 申請管理アプリをクリックする
256. アプリの一覧画面を確認する ※解説 ①一覧画面に設置された「出力」ボタンをクリックすると、一括で帳票を出力することができます。 ただし、利用するユーザーアカウントにメールアドレスが紐づいていることが条件となりますので、 本セミナーでは利用できません。 ▪手順 ②レコード詳細画面に遷移するため、左端の青いアイコンをクリックする ① ②
257. アプリの詳細画面から帳票出力を試す ▪手順 「出力」をクリックする
258. kintoneから申請書PDFが出力できることを確認する ※解説 これで職員がkintoneからPDFを出力することができるようにな りました。 次に、申請者自身がマイページからPDFを出力できるように kViewerとプリントクリエイターの連携を設定します。 kViewerとの連携設定の際に、このPDF出力画面のURL（赤枠） が必要となるので、このページは開いたままにしておきます。
259. 17.マイページから帳票出力できるようにする プリントクリエイターとkViewerの連携設定
260. kViewerとプリントクリエイターの連携を設定する① ① ② ③ ④ ▪手順 ①kViewerの設定画面に戻る ②メニューから「プリントクリエイターと連携する」をクリック ③「プリントクリエイターと連携する」にチェック ④kintoneアプリから出力したPDFのページURLをコピーして貼 り付ける（1つ前のスライド参照）
261. kViewerとプリントクリエイターの連携を設定する② ① ② ▪手順 ①ラベルに「申請書を出力する」と入力 ②保存ボタンをクリック ③「編集完了して更新」をクリック ③
262. 編集を完了し公開ビューに反映する ▪手順 「編集完了」をクリック
263. 公開中のビューを確認する ▪手順 「公開中のビューを見る」をクリック
264. 任意のMyページURLをクリックする
265. 申請書出力ボタンが追加された
266. 中小企業 ①支援金を申請 （口座情報） ③申請内容を確認し PDF帳票をダウンロード マイページ ②自動返信メールでMyページURLを通知 ④押印・郵送 財務会計 システム ⑥口座情報をcsv出力し 財務会計システムに取込 ⑤申請内容確認 プロセス管理 ⑦口座へ振込 中小企業支援金申請システムが完成しました！ 作成したシステムを操作してみて 不明な点は気軽にご質問ください。
267. （参考資料） kintoneトライアル環境の作成方法
268. kintoneのトライアル環境を作成する① ▪手順 ①「kintone お試し」で検索 ②「kintone.cybozu.co.jp/trial/」にアクセスしてください。 ※直接URLを指定してもOKです。 ① ②
269. kintoneのトライアル環境を作成する② ① ② ▪手順 ①メールアドレスを入力 ②「無料でアカウントを作成」をクリック ※「Emailアドレスはすでに登録されています。」と表示される場合 は、「こちら」をクリックしてパスワードリセットを行ってください。 ※
270. kintoneのトライアル環境を作成する③ ▪手順 このような完了画面が表示されます。 メールボックスを開いてください。
271. kintoneのトライアル環境を作成する④ ▪手順 サイボウズ株式会社から、「お試しのご登録を完了させてください。」という件名のメールが届いていること確認し、クリックしてください。 ※下記のメールアドレスから自動送信されています。メールが確認できない場合は受信設定をご確認ください。 no-reply@cybozu.com
272. kintoneのトライアル環境を作成する⑤ ▪手順 メール本文内に表示されているリンクをクリックする
273. kintoneのトライアル環境を作成する⑥ ① ② ▪手順 ①氏名を入力する ②「次のSTEPへ」をクリックする
274. kintoneのトライアル環境を作成する⑦ ① ② ▪手順 ①（個人）を選択 ②「次のSTEPへ」をクリックする
275. kintoneのトライアル環境を作成する⑧ ① ② ③ ④ ▪手順 ①お客様情報のうち、必須の項目を入力する ②ログインURLは初期値のままでも、任意のURLに変更しても良い ※お試し開始後でも変更可能です。 ③利用規約、個人情報保護方針、クラウドデータポリシーの同意にチェックする ④「お試し開始」をクリック
276. kintoneのトライアル環境を作成する⑨ ▪手順 トライアル環境申し込み後、およそ5分以内に「cybozu.comへようこ そ！」という件名のメールを受信します。 本文中のリンクからトライアル環境にアクセスすることができます。