未解決の質問
0
票
0
回答
47
閲覧数
Ruby on rails 予期せぬ値が取得されて処理が失敗する
実現したいこと
現在Ruby on railsで宿泊予約アプリを作成しているものです。
実装したい内容としては
施設詳細画面にて「予約する」ボタンを押下
予約確認画面に遷移し「予約確定」ボタンを押下した際に予約が完了する
というものです。
分からないこと
現在施設詳細画面は引数として存在する施設の値が指定されるように実装したため表示できている(http://localhost:3000/...
0
票
0
回答
39
閲覧数
Reactの複雑なフォームの状態を効率的に管理する方法は?
現在、Reactを使用して複雑なフォームを構築しています。このフォームには、ドロップダウンやファイルアップロード、入力バリデーションなど、複数のフィールドが含まれています。
現在の実装では、以下のようにuseStateを使って各フィールドの状態を個別に管理しています:
const [fatherCatId, setFatherCatId] = useState<string>('');...
0
票
1
回答
48
閲覧数
Rails7アプリをProductionモードで起動したら一部デザインが崩れてしまう
状況
自作Railsアプリのプログラムをローカルで開発したので、動作確認のためにDocker環境上でproductionモードで起動しました。
アプリ自体は起動し、http://localhost:8000 でアクセスするとアプリ自体も表示されるのですが、一部デザインが崩れて表示されてしまいます。(CSSがうまく効かず画像が特大サイズで表示されたりします。)
...
0
票
0
回答
19
閲覧数
yupバリデーションで(File|null)[]をチェックする
File型またはnullの配列のバリデーションを実施したいのですが型エラーになってしまい解消ができません。
期待値は配列内の項目ごとにnullであればエラーが返ってきて欲しいです。
型 'ObjectSchema<{ files: (FileList | undefined)[]; }, AnyObject, { files: ""; }, "">...
0
票
0
回答
34
閲覧数
NextAuthとnext-i18n-routerの共存
Next.jsを使っていて、認証と多言語対応が必要です。
しかし両者を共存させることができなくて困っています。
認証にはNextAuthを、多言語対応でルーティングのライブラリとしてnext-i18n-routerを使用しています。
どちらもNext.jsのミドルウェアで設定が必要です。
NextAuthでは、以下のようにwithAuthをデフォルトでエクスポートする必要があります。
import ...
0
票
0
回答
61
閲覧数
Railsでsimple_calendarのGemを使用してカレンダーを作成したいが、自動的に反映されるはずのCSSが反映されない。
Railsのsimple_calendarのGemは,stylesheetsディレクトリ配下のapplication.cssに *= require simple_calendar. を追加すれば自動的に反映されるはずですが、反映されません。エラーなどは出ておらず原因不明です。解決策わかる方いらっしゃいましたら、よろしくお願いいたします。
Railsのバージョンは Rails 7.0.8.1 です。...
1
票
0
回答
72
閲覧数
Rails7でwebpackerからvite_railsに移行したが@rails/ujsが読み込めずにdestroyリクエストがgetリクエストになってしまう
前提
私はRails6で構成されていたアプリをRails7にバージョンアップした。
同時にwebpackerからviteに移行しました。
開発環境では問題なく動いていますが、本番環境ではrails/ujsがうまく動作していません。
現状
ブラウザのconsoleタグで以下のエラーが表示されている。
Uncaught TypeError: Cannot set properties of ...
0
票
1
回答
84
閲覧数
Next.jsにてAuth.js(旧Next-Auth)を導入したいが、GoogleのOAuthを組み込むことができない
Next.jsを新たに立ち上げ(6月20日時点で最新のバージョン、app router使用)、Auth.jsはbeta版をインストールしました。beta版については、公式サイトにてバージョン4からbeta版となったときに破壊的変更が行われたために、特段の理由がない場合はbeta版を推奨していたためです。
そこから、Next.js、Auth.jsの公式サイトに従い、...
0
票
0
回答
37
閲覧数
googlempasのfromLatLngToPointで期待する位置が取得できない
マーカーの下ににカスタムinfoを表示したいのですがfromLatLngToPointで取得できるx,y座標が期待値と異なります。
地図のサイズ・マーカーの位置を変更してみてもだいたい同じような座標が返却されてしまいます。
fromLatLngToPoint()...
0
票
0
回答
65
閲覧数
Next.js(App Router), Laravelで開発時のAPI通信戦略
認証:tymon-jwtauthで生成したjwtをAuth.jsで管理しています。
案1:コンポーネント→tRPC→Route Handler(sessionからトークン取得しヘッダーに詰める。ログ管理もここ)→laravelAPI
メリット→セキュア、laravel-dataで型定義ファイル吐き出してそれをRouteHandlerで使うことでまあまあ型安全
デメリット→複雑
案2:...
0
票
0
回答
228
閲覧数
Render デプロイがうまくいかない
Rubyにて個人アプリ開発をしています。
Renderにてデプロイを試みたのですが,同じ箇所で何度もループしてしまい,502エラーが出てしまいます。
ですが,Renderダッシュボード上では,Liveと緑色のチェックマークが出ています。
解決策をご存じの方,何卒教えていただきたいです。
Renderでのログ
Installing foreman...
Successfully installed ...
0
票
0
回答
95
閲覧数
google maps apiでマーカーが消えない
Google MapのAPIを使って、検索バーに文字を打つとそこにマーカーが表示されるサイトを作ろうとしました。しかし、検索バーでマーカーを刺したあとに、再度別の場所を検索しようとしても、前回表示されたマーカーが消えません。
(例:ファミリーマートと検索したあとに、ローソンと検索しても、ファミリーマートのマーカーが残っている)
言語は、Typescriptとnext.jsを使ってます。
...
0
票
0
回答
368
閲覧数
Next.jsとRails APIモードで開発しているアプリにGoogle認証を導入したい
現状
現在Next.js 14とRails 7 APIモードでアプリ開発しています。開発中のリポジトリ
すでに通常のメールアドレス、パスワードでのユーザ新規作成・ログインの実装が済んでいます。
dockerを使ってコンテナを立てて開発しています。
フロントエンドがlocalhost:3000で起動
バックエンドがlocakhost:8080で起動
...
0
票
0
回答
122
閲覧数
Maps JavaScript APIを試したところ、エラーが出る
プログラミング初心者です。
Maps JavaScript APIを使って、都市の名前がついたボタンを押すと、map内でその場所に移動し、マーカーがささるといったwebサイトを作ろうとしたところ、実行はできたのですが、コンソールで以下の3つのエラーが出ました。github copilot等を使っても解決しません。原因のわかる方がいたら、エラーの出ない方法を教えてほしいです。
3つのエラー
you ...
0
票
1
回答
283
閲覧数
GETリクエストにする際にContent-Typeを含めるとCORSエラーになる外部APIとならない外部APIの違いがわからない
next.jsのfetch()でGETリクエストにContent-Typeを含めるとリクエスト先によってCORSエラーを出すときと出さないときがあります。わからないのは、CORSエラーを出さない時です。
例えば出さないケースですと下記コードのurlに
https://umayadia-apisample.azurewebsites.net/api/persons/Shakespea
...