diff --git a/docs/README.md b/docs/README.md index 4116bcf..42a8d5f 100644 --- a/docs/README.md +++ b/docs/README.md @@ -19,7 +19,6 @@ 構成としては下記の通りです。 - [Hasura Cloud](https://cloud.hasura.io/) - すぐに利用可能なHasuraの環境 -- [Heroku Postgres](https://jp.heroku.com/postgres) - すぐに利用可能なデータベース - [StackBlitz](https://stackblitz.com/) (あるいは、[CodeSandbox](https://codesandbox.io/)) - フロントエンドのオンライン開発環境 - [Vue 3](https://vuejs.org/) - プログレッシブWebフレームワーク - [Quill](https://quilljs.com/) - リッチテキストエディター diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md index 0ed274d..4ccd74b 100644 --- a/docs/SUMMARY.md +++ b/docs/SUMMARY.md @@ -1,11 +1,9 @@ # 目次 - [Hasuraで作るREST API](README.md) -- [事前準備](preparation.md) - - [Herokuのアカウント登録](signup-heroku.md) - - [Hasura Cloudのアカウント登録](signup-hasura-cloud.md) +- [Hasura Cloudアカウントの登録](signup-hasura-cloud.md) - [Hasura Cloudプロジェクトの作成](create-project.md) -- [Heroku Postgresへの接続](create-heroku-postgres.md) +- [新しいデータベースへの接続](connect-new-database.md) - [テーブルの作成](create-table.md) - [GraphQLによるデータの挿入と取得](insert-and-select.md) - [REST APIエンドポイントの作成](create-rest-endpoint.md) diff --git a/docs/connect-new-database.md b/docs/connect-new-database.md new file mode 100644 index 0000000..41279cc --- /dev/null +++ b/docs/connect-new-database.md @@ -0,0 +1,26 @@ +# 新しいデータベースへの接続 + +Hasuraでデータの保存と検索を実現するためにデータベースを接続します。 + +このハンズオンでは、データベースとしてNeonを利用します。 + +Hasura Cloudのプロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、データベースへの接続を行うことが可能です。 + +まず、コンソール > [Data Manager] にアクセスします。 + +![](https://lh3.googleusercontent.com/pw/AMWts8CoQ24HeTDkWEXgyNL2hpnvfFfA5yUzsZBMBhIxQ23NNurYBeRQHN6O0i0iNB9CC6dIIh6BvbEKXnJRtMFKjx9A_-Rphry-JdXqKT7RZnYjSVHO9TTPmFDxeil5OfR_TGBDju794zNlrlWLYjtza6pf=w1280) + +[Create New Database]を選択し、データベース作成パネルを表示します。 + +![](https://lh3.googleusercontent.com/pw/AMWts8DiTjBZx1rkcFCiBo0CO1fd9IBBgZUeROvmFREer-CGwqGRNtHv-1QsTp87FbezI_t0IQqra_VVUvQKga5wW0FKXxHupWj-LYyZBCbFDhmhg_IkaggyfQL17tjbF4OqFiDFsnGKMPrwgjP8B14E7K3i=w1280) + +[Connect Neon Database]ボタンを選択し、データベースを新たに作成します。 + +一連の手順でデータベースを作成すると、Hasuraは自動的にデータベースへの接続を開始します。 +しばらく待つと、データベースへの接続が完了します。 + +これであなたはHasuraを利用可能になりました 🎉 + +![](https://lh3.googleusercontent.com/pw/AMWts8DDazdAGQGOMIDPSQzVcNZeEUVtDT9gLN8qgXxQzoZ-rPH2hwlIO3kXBXkzYKvtmkFcUmsQNWhmN2eer_PSQxXTOVDPdCvUX3Q5upxg5qDEcMIhjSspfqHRh0f9M_-edXvmuKm6HS-RnlPN2MIynXQA=w1280) + +それでは実際にHasuraを使ってみましょう! diff --git a/docs/create-heroku-postgres.md b/docs/create-heroku-postgres.md deleted file mode 100644 index e6a4d81..0000000 --- a/docs/create-heroku-postgres.md +++ /dev/null @@ -1,31 +0,0 @@ -# Heroku Postgresへの接続 - -Hasuraでデータの保存と検索を実現するためにデータベースを接続します。 - -このハンズオンでは、データベースとしてHeroku Postgresを利用します。 - -Hasura Cloudのプロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、Heroku Postgresへの接続を行うことが可能です。 - -まず、コンソール > [Data Manager] にアクセスします。 - -![](https://lh3.googleusercontent.com/ekEWHMTkf2qak5oItkay-scmzeiwiaUtNXBvBdCSVSJ3qG25oVc8O_25S4SEWZskj6NqWSfW2eENeEy3iJ94mTw1SmhnL7tONbS_qHHZsgI4l_6sEIdmMnXTEpmF34-aDS2I3Pi7EQ=w1280) - -[Create Heroku Database]を選択し、データベース作成パネルを表示します。 - -![](https://lh3.googleusercontent.com/46sywF2Hl5GGAEsXhAkhhni4_NHcB-kcHiqqJNkZs0HS7zvFy9FZmmWEGLtP-i6F-msLnuJlKPFst8j8_QTCnTcDi1B5diKByqOVDAeuZ_PL1Fo_pDl_DLOBscL-O8ucqZA05_xyjA=w1280) - -[Create Database]ボタンを選択し、Heroku Postgresデータベースを新たに作成します。Herokuとの連携を行う際に、初回アクセス時にはHerokuの承認画面が表示されます。[Allow (許諾)]を選択するとHerokuとの連携が完了します。 - -![](https://lh3.googleusercontent.com/RngvddZ704jKqqPfxGiSEdEkBemMwrz3jApRJQhRqL2Cr0MoV-SxVljdLaglM0XFwkcnIpWFD9zVyUtn9n55LGKG78gJPec6HRrWXrcLbNNnHztycmF-sphYYBkHaRT7Y87nzihdNg=w1280) - -一連の手順でHeroku Postgresデータベースを作成すると、Hasuraは自動的にデータベースへの接続を開始します。 - -![](https://lh3.googleusercontent.com/-0FkvEXZO0FQz0YvrNFdh8JmAMZPbIpaIRygkE4F8xb4Z3ZLMRH9y5pny48-bj-i2nnhbDuqcPKokbznD7X_APL-MkjDeHaxQsJjFyGEY6AxvMBsHwfNOjxPdjQA6S3dGrW1Cz4o0g=w1280) - -しばらく待つと、データベースへの接続が完了します。 - -これであなたはHasuraを利用可能になりました 🎉 - -![](https://lh3.googleusercontent.com/vJU-gDZJwSNJYAaoq4qu4lAnxhNYGE70rPxmtGct_GyPT9oH0FoZ8_2O8bcI9ocaWHaJsE0Rqv2WHZzO6Z0yGuMkaCtMYjdIKTHW2aREaCYid73GlT6FWLZH9JIQPp_P9QOez0EOBw=w1280) - -それでは実際にHasuraを使ってみましょう! diff --git a/docs/create-project.md b/docs/create-project.md index 7955891..de2eee7 100644 --- a/docs/create-project.md +++ b/docs/create-project.md @@ -25,4 +25,4 @@ Hasuraを利用するためにHasura Cloudのプロジェクトを作成しま ![](https://lh3.googleusercontent.com/LL6dz4np-O19_runPMbCD5-d3kYc1_QUcc1bJif4Yx7dNr16SY4k6037kV82aqg1FrcYff3QGOFTqzyh9ReYyp-j43EtGJercr7dKxdBxcd1nDzPm9bbWFgJOYjhwNDUsGRWNV2d2g=w1280) -プロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、Heroku Postgresへの接続を行いましょう。 +プロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、データベースへの接続を行いましょう。 diff --git a/docs/preparation.md b/docs/preparation.md deleted file mode 100644 index a6c43f3..0000000 --- a/docs/preparation.md +++ /dev/null @@ -1,8 +0,0 @@ -# 事前準備 - -まず、事前準備としてあらかじめ下記のアカウントに登録しておきましょう。 - -- [Herokuのアカウント登録](signup-heroku.md) -- [Hasura Cloudのアカウント登録](signup-hasura-cloud.md) - -もし、すでにアカウント登録済みであれば、[Hasura Cloudプロジェクトの作成の章](create-project.md)まで読み飛ばしてください。 diff --git a/docs/signup-heroku.md b/docs/signup-heroku.md deleted file mode 100644 index 3d231fe..0000000 --- a/docs/signup-heroku.md +++ /dev/null @@ -1,19 +0,0 @@ -# Herokuのアカウント登録 - -[Herokuの新規登録](https://signup.heroku.com/jp)からアカウントを作成します。 - -アカウントに必要な項目を入力します。 - -![](https://lh3.googleusercontent.com/Wa1OrwezKqGADEq-TC1ErAMWRKfrKxr1FWqLXuwPyn2GiKQlIbvmA6tCbsPGA0NWwEwKePo2_574LPl7fdwX89mDE8gltPCBRPFQ24GSdpI4tXQsDU5mfk1o1oqMWrmZPxCOJkm64g=w1280) - -入力したメールアドレスに登録用のメールが届くので確認します。 - -![](https://lh3.googleusercontent.com/c4IrmzaCjk-SuJ4w9t_7esDEdOT1CGj7gLcWPBZxswSbbmvGyOgPz2rUzPlpkyGqGncId9bMHqDl0hya99s3QbEuWbi9CFMpP04A9Vi8txzdzhNpJxI0o2nxEY9SIcIWVmc1Ncqjrw=w1280) - -メールに記載のリンクにアクセスし、パスワードを設定します。 - -![](https://lh3.googleusercontent.com/oGniSBYOCGH3Zb56034x_tzQTGWuZF_81PkEEX68Xk5TCHYs_LmyyS0uZAgkBr5RHdZZVSpbxsZWlgyXeqfEp5NTFb4Ry3EV4I-Wxp07TK-9kpvmtuWLYddkJx4mPmEfuj283RZtJA=w1280) - -Herokuにようこそ! - -![](https://lh3.googleusercontent.com/klQnC0-tt3v_lcSGRSa_S6L1PvOxLl_e-BGhL75Lmi0Tei-zqJMtvab1GfcdhuwNqUcOqPjvsWUtzQLNMK_cGSrznFmLtFemCLfUnAQRHoKqdvpIsyshwDi7plwfGHM1y8R0gTyy-Q=w1280)