2021-07-16 22:11:10 +09:00
|
|
|
# Hasuraで作るREST API
|
|
|
|
|
|
2021-07-20 21:06:36 +09:00
|
|
|
Hasuraを使用してPostgresデータベースに接続したREST APIを構築し、それを利用したWebアプリを作成します。
|
2021-07-16 22:11:10 +09:00
|
|
|
|
2021-07-20 21:06:36 +09:00
|
|
|
これからこのハンズオンで作成するのは次のようなWebアプリです。
|
|
|
|
|
|
|
|
|
|
<!-- TODO: 自由に編集できてしまうので削除するか修正して -->
|
|
|
|
|
<iframe
|
|
|
|
|
src="https://codesandbox.io/embed/vue3-hasura-rest-qfmmc?fontsize=14&hidenavigation=1&view=preview"
|
|
|
|
|
style="
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 500px;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
"
|
|
|
|
|
title="vue3-hasura-rest"
|
|
|
|
|
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
|
|
|
></iframe>
|
|
|
|
|
|
|
|
|
|
構成としては下記の通りです。
|
|
|
|
|
|
|
|
|
|
- [Hasura Cloud](https://cloud.hasura.io/) - すぐに利用可能なHasuraの環境
|
|
|
|
|
- [Heroku Postgres](https://jp.heroku.com/postgres) - すぐに利用可能なデータベース
|
|
|
|
|
- [CodeSandbox](https://codesandbox.io/) - フロントエンドのオンライン開発環境
|
|
|
|
|
- [Vue 3](https://v3.vuejs.org/) - プログレッシブWebフレームワーク
|
|
|
|
|
- [Quill](https://quilljs.com/) - リッチテキストエディター
|
|
|
|
|
|
|
|
|
|
それではさっそく作っていきましょう!
|
