AI生成画像 はじめに やったこと SEO対策 リリース日を検討 前日の告知 リリース日当日 リリースブログを公開 旅ログを公開 Twitter(現 X）で告知 Discord で告知 反響結果 Twitter（現 X ） はてなブックマーク テクノロジー 暮らし 2023 年 10 月第 1 週ラ…

はじめに サービス URL GitHub リポジトリ 対象読者 自己紹介 アウトドア般若心経とは ポケモンGO の般若心経バージョン サービス開発のきっかけ サービスの概要 使い方 1. Google アカウントでログイン 2. 般若心経の全文を一覧で管理 3. 写経した写真を取…

はじめに Fly.io の Volumes の導入を取りやめた理由 正しい Volumes の構成 Amazon S3 を選択する 参考 Amazon S3 を設定する はじめに Next.js と Rails を使ってオリジナルの Web アプリを開発しています。 github.com 前回の記事で Fly.io の Volumes を…

はじめに Fly.io の Volumes とは Volumes 利用時に考慮すべき内容 Volumes 設定時のルール 無料枠 Fly.io を初期化する 登場人物 Fly.io を初期化しデプロイをやり直す手順 fly launch 後の状態 Volume を作成 Machine と Volume の対を 1 組追加する Machi…

はじめに Next.js と Rails を使ってオリジナルの Web アプリを開発しています。 github.com Playwright を導入し E2E テストの実装は問題なくできましたが、その後 CI でのテストの自動化がうまくいかず数日ハマってしまいました。今回の記事ではその原因と…

はじめに Cypressの導入から使用を断念するまでの経緯 Cypress を選択した理由 Cypressをインストールする 動作確認する ハマった内容 試したこと 試したこと：その1 試したこと：その2 試したこと：その3 わかったこと 代替案を探す テストライブラリを比較…

前回に続き「忘れずに！」シリーズの第2弾Death タイトルの通りになりますが、今回ハマったポイントについて書きたいと思います。 前回のブログで取り上げた環境変数の設定をふまえて説明したいと思います。 403 Forbiddenエラー 本番環境にデプロイ後、動…

Next.jsでは、環境変数名の前にプレフィックスNEXT_PUBLIC_を付けないとブラウザ側に公開されません。 By default environment variables are only available in the Node.js environment, meaning they won't be exposed to the browser. In order to expos…

はじめに 前編 後編 技術スタック フロントエンド： バックエンド： データベース： リポジトリ Rails APIを叩いてユーザー情報をDBに保存する Railsのプロジェクトを作成する rails new .gitを削除する モジュール名を変更する データベースを作成しモデル…

はじめに 前編 後編 技術スタック フロントエンド： バックエンド： データベース： リポジトリ 下準備 Google APIにアクセスできるように準備する 認証ライブラリのNextAuth.jsを使ってGoogleログイン機能を実装する Next.jsプロジェクトを作成する 必要なn…

はじめに OAuthってなに？ OAuth2.0を使った認証で何ができるのか？ Google APIの設定手順 1.Google Cloud Platformの設定ページへアクセスする 2.プロジェクトを作成しnext-rails-google-authと名前を付ける 3.メニューの「APIとサービス」>「OAuth同意画面…