参考にさせていただいたページ GitHub リポジトリで Dependabot セキュリティ アップデートを構成する - Learn | Microsoft Docs 概要 基本的にマイクロソフトの「GitHub リポジトリで Dependabot セキュリティ アップデートを構成する - Learn | Microsoft …

参考にさせていただいたページ Getting Started with Nextjs - Chakra UI インストール frontendディレクトリで作業をしていきます。 % cd frontend/ インストールします。 % yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-moti…

参考にさせていただいたページ [Next.js] Storybook - TypeScriptベースのNext.jsプロジェクトでStorybookを使ってコンポーネント主導開発をしてみましょう。 インストールする frontendディレクトリで作業をしていきます。 % cd frontend/ インストールしま…

参考にさせていただいたページ actions/cache公式 github.com その他 GitHub Actions で yarn install を爆速にしたい GitHub Actionsでyarnのキャッシュを利用してCI高速化 - Qiita .github/workflows/frontend_workflow.ymlの作成とその記述内容 % vim .gi…

参考にさせていただいたページ Testing | Next.js Next.js 12でJestの設定がかなり楽になった インストールする frontendディレクトリで作業を行っていきます。 % yarn add -D jest jest-environment-jsdom @testing-library/react @testing-library/jest-do…

frontendディレクトリに移動 今回の手順はfrontendディレクトリで行なっていくので、移動します。 % cd frontend/ 絶対パスインポートの設定 絶対パスインポートが使えるように、frontend/tsconfig.jsonのcompilerOptionsに設定を追加します。 "compilerOpti…

参考にさせていただいたページ Advanced Features: `src` Directory | Next.js Next.jsのソースコードをsrcディレクトリに移動させる srcディレクトリを作成します。 % mkdir frontend/src/ srcディレクトリに移動させます。 % mv frontend/pages frontend/s…

今日の環境 package.jsonの編集 scripts.startを以下の通り編集します。 "start": "next start -p 3001", ログインして移動 いつも通りsshでサーバーにログインします。 docker-compose.ymlのあるディレクトリに移動します。 git pullする 最新のコードを取…

参考にさせていただいたページ fetchの第一引数について Next.js + Ruby on Rails(APIモード) on Docker 構築手順 CORSの設定について Next.js + Rails プロジェクトのセットアップ手順 RailsでAPIにCORSを設定する - Qiita Next.js + Ruby on Rails(APIモー…

参考にさせていただいたページ Next.js + Rails プロジェクトのセットアップ手順 createする TSでやっていくので、docker-compose.ymlのあるディレクトリで以下のコマンドを実行しました。 % yarn create next-app --ts frontend frontend/Dockerfileの作成…

rails g controller rails gします。 $ docker-compose run --rm app rails g controller api/tasks get post put delete routes.rbの編集 各メソッドに対するアクションを設定します。 Rails.application.routes.draw do namespace :api do get 'tasks/', t…

概要 基本的には、以下の現場Railsの書籍の「Chapter5-1〜5-8. テストをはじめよう」を参考にしつつ、Webで色々検索しながら進めました。 book.mynavi.jp 概要としては以下のことをやりました。番号が振ってあるものは、現場RailsのChapter番号です。 5-5-1.…

概要 以下の書籍のChapter4をやりました。 今の自分の目的からすると、ログイン機能はとりあえず不要なので、tasksテーブルのmigrationなど、タスク管理に関係する箇所だけ実装しました。 book.mynavi.jp

概要 ここらでデータベースを使って、CRUDの機能作成をしたいので、以下の書籍のChapter3をやりました。 書籍と違う点としては、mpaというnamespaceでcontrollerをgenerateしています。 book.mynavi.jp 表示確認と動作確認をする 以下のページが閲覧できるよ…