![見出し画像](https://assets.st-note.com/production/uploads/images/99178602/rectangle_large_type_2_bc98d1b71feffc2a973b0a0c418a54a3.png?width=800)
非エンジニアの人事がノーコードで食べログアプリを作ってみた
こんにちは、インターパーク採用担当です。
インターパークはクラウドを活用した独自の製品・サービスを創造している北海道発祥の企業です。その中で現在急成長の事業であるノーコードWEBアプリ作成ツール『サスケWorks』のウェビナーが開催されてたので、視聴しながらアプリを作ってみました。
ウェビナーのアーカイブはこちらから見れます
サスケWorksって何?という方はこちらから見れます
サスケWorksを使ってアプリを作る1dayインターンやってます
アプリ作成開始!
今回は弊社付近のグルメマップを作成してみます!
![スクリーンショット 2021-09-16 103250](https://assets.st-note.com/production/uploads/images/61326790/picture_pc_5b2ad22a3463c7887c76033a3106963e.png?width=800)
サスケWorksのデータ構成は基本情報である「レコード」とそれに紐づいて増えていく情報である「サブレコード」で構成されています。
![画像4](https://assets.st-note.com/production/uploads/images/61328180/picture_pc_234de747121537adc097b5c9edca9812.png?width=800)
左側にあるレコード分類一覧からドラッグ&ドロップし項目名を変えていきます。
今回は「ジャンル」「店名」「HP」「位置情報」「押しポイント」「徒歩分数」「メニュー写真」を親レコードとしました。
![画像2](https://assets.st-note.com/production/uploads/images/61328098/picture_pc_be4a3046dda36bf8d494249903be306e.png?width=800)
そしてそれに紐づくサブレコードとして「行った日」「食べたメニュー」「値段」「評価」「写真」「感想」を設定していきます。
![画像6](https://assets.st-note.com/production/uploads/images/61329113/picture_pc_c5f39d1fc67a47673c1a9c5c088ef1d4.png?width=800)
実際に登録したレコードを基に昨日行ったお店の情報を登録してみました。
![画像8](https://assets.st-note.com/production/uploads/images/61329164/picture_pc_d89da58e899e20f339f7dff1c87c85dd.png?width=800)
登録した店情報はレコード一覧に溜まっていきます
![画像10](https://assets.st-note.com/production/uploads/images/61329836/picture_pc_31f28a7a3bd05945038e3dd6d7c15fe3.png?width=800)
一件一件登録するのは面倒くさいのでエクセルから一括登録します。
![画像10](https://assets.st-note.com/production/uploads/images/61336917/picture_pc_331dd69bd20b3631e91b231c1e8b7c10.png?width=800)
レコード一覧に溜まった情報をダッシュボードを使って、見やすくしていきます。一旦ジャンル別、徒歩分数で分類分けてみました。
![画像11](https://assets.st-note.com/production/uploads/images/61337561/picture_pc_95efa9231c6bf9142f0f0feb382e7b0f.png?width=800)
ここまででざっくり1時間ほどで作ることができました。気づいたらウェビナーも終了していました....
ノーコード開発歴1ヵ月の私でもこれくらいでできたので、慣れてる人だともっと短い時間で高レベルのものが作れるはずです。
さっそく部署のメンバーに展開してFBをもらい、追加で修正をしました。
修正ポイント①:親レコードにお店の特徴を追加
人によってお店選びの優先順位は異なりますので特徴別で検索できると便利です
![画像9](https://assets.st-note.com/production/uploads/images/62331328/picture_pc_19f4ab272426dd3adfdef5a761da27e0.png?width=800)
修正ポイント②:よく来店されてる店や最近追加された店がわかるように
口コミの数や平均評価が一覧できるとただの情報の羅列ではなく「自分たちで作ってる感」も出るのでいいですね!
![画像11](https://assets.st-note.com/production/uploads/images/62331607/picture_pc_1f544f3c7ad3c7e12a1f0b0740526ab5.png?width=800)
修正ポイント③:簡単にお店の登録ができるようにWEBフォームを追加
このフォームに回答するだけで自動でレコード登録されるため、お店情報追加のハードルを下げれました。
![画像11](https://assets.st-note.com/production/uploads/images/62331745/picture_pc_a813e95a657d35f3e375bd7fa66c66d6.png)
終わりに
最終的にこんなデータベースが出来上がりました!
![画像12](https://assets.st-note.com/production/uploads/images/62332232/picture_pc_bc5821ae8a56fd5eaf0ac915c536f81d.png?width=800)
![画像13](https://assets.st-note.com/production/uploads/images/62332258/picture_pc_844fc0cafebd4cd12fcea317e80e65fb.png?width=800)
このように、サスケWorksを使うと非エンジニアの人でも簡単にデータベースを作ることができます。「こんなものがあれば」というアイデアさえあれば簡単に具現化できるのがサスケWorksです。
この記事がノーコード開発、そしてサスケWorks活用の一助になれたら幸いです。
インターパークでは23卒学生向けにサスケWorksを活用した1dayインターンシップを開催しています!
※東京の学生向けにオンライン版も準備しています...!!