![見出し画像](https://assets.st-note.com/production/uploads/images/153588078/rectangle_large_type_2_1779af75b6002a219ef053cecebaa0d3.png?width=1200)
【Team KEYTONE Angels】ノーコードツールハッカソンin伊豆でつくったもの
さて、優勝に向けてプレゼンも全力でいきます!
発表の資料作成がてら、どのようなシステムを作成したのか公開します。
システム設計その前に
業務を調べる
私たちのテーマは子育て応援!
子育てサービスの中のひとつ、子どもを預かるしくみに着目しました。
課題は伊豆市ファミリーサポートセンターのしくみをシステム化することです。
えりかさんが他の市で利用中なので、実際どんなことをするのか聞きました。また、伊豆市のホームページで色々と調べました。
![](https://assets.st-note.com/img/1725781675-lzfI0mawr1HtnXMOS5Yk3ACN.png?width=1200)
分解してみる
実際の業務を分解してみました。
業務のフロー、どういうタイミングで誰が動くのか、どういう手続きが必要なのかを見えない部分も想像をしながら補い、可視化しました。
これでだいぶ理解が深まりました。
システム設計が見えてきた!
![](https://assets.st-note.com/img/1725781675-kuwgvsCTiDSbc7BMth8LJjUo.png?width=1200)
また、伊豆市にお願いをして、実際に使用している書類のフォーマットを入手しました。メールで問い合わせたところ、すぐに送ってくださいました。
(その後「応援しております」とメッセージもいただきました。伊豆市子育て支援課のご担当者様、ありがとうございます!)
また元自治体職員の同僚に聞いたら、自治体の”様式第○号”という書類は保管が必須だということもわかりました。中嶋さん、勉強になりました。
システムを作るぞ
アプリの構成
時間がないので大まかなアプリの構成を話し合い、あとは分担して作成することにしました。
![](https://assets.st-note.com/img/1725782869-pTHvZnoV89EmRrd1UcxWeL3D.png?width=1200)
![](https://assets.st-note.com/img/1725784010-QzVA7O2IkwpoKEdj61Nrf5Te.png?width=1200)
使ったもの
ノーコードハッカソンらしく、様々なクラウドサービスを使用しました。
kintoneはプラグインの使用もOKだったので、拡張機能も積極的にいれてリッチに(今回、予算は考えなくていいので!)
・運営とのやり取りはSlack
・資料の共有などはGoogle Sheets
・私たちが打ち合わせで使ったのはLINE WORKSとCacoo
・発表資料はCanva
という具合です。
![](https://assets.st-note.com/img/1725782957-eMAHWsFfL0PD2KCgz1B8Xa6m.png?width=1200)
システム作成のために使用したものはこちら。
・kintone
とkintoneの拡張機能、プラグインです。
・PrintCreator・FormBridge・kViewer・KOYOMI・Joboco・タブ表示プラグイン・PDFプレビュープラグイン
それから ・LINEWORKS
※PDFプレビュープラグインは無償ですから皆さんも使ってくださいネ!
では発表です
発表資料のなかから、システム説明の部分を掲載します。
私たちはkintoneを使うことで
●より便利に
●もっと活用しやすく
●もっとコミュニケーションがとれる 仕組みを実現しました。
![](https://assets.st-note.com/img/1725784164-xBlvyZiD5zkRt4d2MWNfTer1.png?width=1200)
ファミリーサポートセンターの業務を分解して
●申込み
●予約
●報告
の3つのステップを作りました。
![](https://assets.st-note.com/img/1725784164-BLWomNkpEKwu7OrghJy1PtdF.png?width=1200)
Step1
入会申込書は紙で提出しています。
結構大変です。
これをシステムに置き換えるといろいろ便利になります
![](https://assets.st-note.com/img/1725784164-oen1KNujtf2b9qITmaclGFLs.png?width=1200)
kintoneに慣れてない人はアプリに入力するのに戸惑います。
そこで、専用のフォームを用意して入会申し込みをしてもらうことにしました。
どこに何を入力すればいいかわかりやすくなります。
フォームは市役所で指定した項目をすべて用意しています。
🐟拡張機能のフォームブリッジを使用
![](https://assets.st-note.com/img/1725784164-fX6CAMTle9FcoBuPS7Wmiqzr.png?width=1200)
子ども情報もアプリに登録します。
![](https://assets.st-note.com/img/1725784164-EX2CjifuzqMmdvpO3ysgQ4A7.png?width=1200)
フォームブリッジの機能で自動採番を行い、登録時に会員番号を発行し、登録完了メールを送信します。
![](https://assets.st-note.com/img/1725784164-ycPO4TnzRXU7tk1mVIJ5S2fd.png?width=1200)
kintoneのアプリはすっきりと見やすい画面にしました。
🐟タブ表示プラグインを使用
また、会員番号で紐づけをして、ユーザーの関連情報をkintoneのレコード一覧で表示することができます。
![](https://assets.st-note.com/img/1725784164-W0NAlPUut21HGyD6bCEeMrm4.png?width=1200)
市役所で使用する入会申込書もボタンを押すだけで作成できます。
🐟プリントクリエイターを使用
PDFはダウンロードしなくてもすぐに閲覧できます。
🐟PDFプレビュープラグインを使用
![](https://assets.st-note.com/img/1725784164-EtSb9WAaN8mxQ2Tskn7Ujw4Y.png?width=1200)
Step2
次に予約システムです。今回の目玉と言ってもいいでしょう!
![](https://assets.st-note.com/img/1725784263-Y76WnSOio1ytFDbQ2Ll5VKUq.png?width=1200)
子どもを預かる会員に予定を登録してもらいます。
予定はいつでもモバイルから登録できるようにしました。
Botの質問に答えていけばいいのでわかりやすいです。
🐟LINE WORKSとkintoneの連携
🐟Jobocoを使用
![](https://assets.st-note.com/img/1725784263-CEcBnuXHS7Nf3VrzDj4o1KLY.png?width=1200)
おねがいする会員も同じ仕組みで
いつでもモバイルから予約できるようにしました。
![](https://assets.st-note.com/img/1725784263-RVcosig8J9BmHQaTXIvDKGj4.png?width=1200)
予約が入ると通知されます。
![](https://assets.st-note.com/img/1725784263-6oGONEXcIfPQaFMbUBC7z0Dt.png?width=1200)
予約状況はkintoneのアプリからいつでも確認できます。
こうして全員が活動状況を共有できます。
🐟KOYOMIを使用
![](https://assets.st-note.com/img/1725784263-AgIe9q0opcW7mOVzZ2aNRltB.png?width=1200)
このアプリでは、kintoneのコメントを使って、
会員同士のコミュニケーションがとれます。
コミュニケーション機能はkintoneの大きな特徴です。
![](https://assets.st-note.com/img/1725784335-9eDQfOpkEnBiaTWtl16mdroF.png?width=1200)
Step3
サポートが終わったら、清算をして報告書の提出をしなければなりません。
忙しくて子どもを預けているのに負担になってしまいます。
ここでもkintoneの出番です。
![](https://assets.st-note.com/img/1725784450-GPKXm2Rt6xUlah7qoYDn5ZdE.png?width=1200)
サポート活動後に、おねがい会員はボタン一つでレコードを作成できます。
(kintoneのアプリアクション)
最低限のところだけ入力したら、計算も自動です。
(kintoneの自動計算)
![](https://assets.st-note.com/img/1725784450-iBRx7nr2s68WyIomeXt93kSZ.png?width=1200)
登録が終わったら関係者へ確認依頼をします。
まかせて会員、伊豆市がプロセスを回して確認をします。
履歴も残せます。
(kintoneのプロセス管理)
![](https://assets.st-note.com/img/1725784450-dvSH38nyBhr15b4ujalJixIN.png?width=1200)
伊豆市はボタン一つで活動報告書のPDFを作成できます。
🐟プリントクリエイターを使用
PDFはダウンロードしなくてもすぐに閲覧できます。
🐟PDFプレビュープラグインを使用
![](https://assets.st-note.com/img/1725784450-6Bf32UtTuiaSbFEmeNJgPcLw.png?width=1200)
活動記録には、
どのような時間帯に多いか
ニーズは足りているか
サポートサービスの利用率
など今後の施策をつくるうえで様々なデータがあります。
データの活用で、さらに子育て世帯が助かるサービスができることを期待します。
![](https://assets.st-note.com/img/1725784450-t9FK7COHQSln345PMyiwegvR.png?width=1200)
ほかにもkintoneを使って保育園マスタを作成しました。
拡張機能でkintoneユーザー外部の人も閲覧できます。
🐟kViewerを使用
![](https://assets.st-note.com/img/1725784450-hf4uWiNcO1QwnvEqkBY6j0M3.png?width=1200)
今回私たちはファミリーサポートセンターのシステムを作成しました。
このシステムは、データの入力~予約、活動のストックなど、様々な分野で使っていただけます。
私たちは最初にいくつか課題をだしていました。
空き家バンク、農業サポート、シルバー人材、
それから幼稚園などの情報、イベント情報の共有など。
![](https://assets.st-note.com/img/1725786980-3l4TCfx71vwFXu2NHZ5kWA0c.png?width=1200)
子育て世帯や伊豆市に暮らす人たちが豊かな暮らしを実現できる助けになるのが同じく子育てをしている私たちの願いです。
![](https://assets.st-note.com/img/1725784450-UPVjAiqSGxl3ho8L1YF09XIT.png?width=1200)