m1_mac_docker_rails
はじめに Next.jsでフロントエンドを作成して、そのドメインを web-bonsai.tech としています。 RailsでAPIを作成して、そのドメインを api.web-bonsai.tech としています。 APIはweb-bonsai.techからのリクエストだけ受け付けたいので、リクエストヘッダー…
参考にさせていただいたページ 【Rails】 API開発で『Can't verify CSRF token authenticity』といわれたときの対応 - Qiita 【Rails API】CSRF 対策をあきらめないでちゃんとやる | みどりみちのブログ Rails API + SPAのCSRF対策例 RailsのCSRF保護を詳し…
参考にさせていただいたページ Module ngx_http_referer_module ngx_http_referer_module モジュール 日本語訳 Nginxのrefererでサーバを振り分ける方法を考えてみた - 株式会社クイックのWebサービス開発blog NginxのWebサーバーでコンテンツへの直リンクを…
frontendサービス用のサーバーを契約してセットアップする 以前と同じく契約して サーバーのセキュリティ設定 vimのインストール gitのインストール dockerのインストール docker-composeのインストール などのセットアップをします。 さくらVPSを契約する |…
やること web-bonsai.techドメインで公開していたrailsアプリケーションのドメインをapi.web-bonsai.techに切り替えていきます。 Next.jsで作っているfrontendサービスはこれを機に別サーバーに移管して運用します。 docker-compose.ymlを編集する https-por…
はじめに APIをサブドメインで運用して、フロントエンドと分けたくなったので、 api.web-bonsai.tech のネームサーバ設定をしていきます。 ネームサーバ新規登録 以前やった「さくらのVPSとメールボックスを同ドメインで利用するネームサーバ設定 | Mac + Do…
参考にさせていただいたページ Husky - Git hooks はじめに 今回の手順はfrontendディレクトリではなく、リポジトリのrootディレクトリで行っていきます。 インストール huskyをインストールします。 % yarn add -D husky Enable Git hooks Git hooksを有効…
参考にさせていただいたページ 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 表示確認と動作確認をする 以下のページが閲覧できるよ…
参考にさせていただいたページ https://docs.github.com/ja/actions GitHub Actionsの共通したアクションを切り出してシンプルに保つ 今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docke…
参考にさせていただいたページ 2020年のRailsでブラウザテストを「正しく」行う方法（翻訳）｜TechRacho by BPS株式会社 今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docker 20.10.16 d…
参考にさせていただいたページ RuboCopのインストール手順と具体的な使い方 | Enjoy IT Life 今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docker 20.10.16 docker-compose 1.29.2 Gemfi…
参考にさせていただいたページ GitHub - rspec/rspec-rails: RSpec for Rails 5+ 今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docker 20.10.16 docker-compose 1.29.2 実施した手順 Gem…
今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docker 20.10.16 docker-compose 1.29.2 ログインして移動する いつも通りログインします。 web_bonsaiディレクトリに移動します。 $ cd gi…
今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docker 20.10.16 docker-compose 1.29.2 サーバーにログインしてsshキーペアを作成 sshでログインします。 sshキーペアを作成します。 $ ss…
参考にさせていただいたページ Compose のインストール — Docker-docs-ja 20.10 ドキュメント 今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 docker 20.10.16 docker-compose 1.29.2 Dock…
参考にさせていただいたページ dockerのインストールについて Docker CE の入手（CentOS 向け） — Docker-docs-ja 19.03 ドキュメント 今日の環境 ローカル M1 Mac macOS Monterey docker 20.10.14 docker-compose 2.5.0 リモート さくらのVPS CentOS 9 dock…
参考にさせていただいたページ Git - Gitのインストール 今日の環境 さくらのVPS CentOS 9 gitコマンドが使えるか確認する コマンドを実行してみます。 $ git --version 使えませんでした。 インストールする まずはsshでサーバーにログインします。 以下の…
