未解決の質問
0
票
0
回答
38
閲覧数
Reactの複雑なフォームの状態を効率的に管理する方法は?
現在、Reactを使用して複雑なフォームを構築しています。このフォームには、ドロップダウンやファイルアップロード、入力バリデーションなど、複数のフィールドが含まれています。
現在の実装では、以下のようにuseStateを使って各フィールドの状態を個別に管理しています:
const [fatherCatId, setFatherCatId] = useState<string>('');...
0
票
1
回答
48
閲覧数
Rails7アプリをProductionモードで起動したら一部デザインが崩れてしまう
状況
自作Railsアプリのプログラムをローカルで開発したので、動作確認のためにDocker環境上でproductionモードで起動しました。
アプリ自体は起動し、http://localhost:8000 でアクセスするとアプリ自体も表示されるのですが、一部デザインが崩れて表示されてしまいます。(CSSがうまく効かず画像が特大サイズで表示されたりします。)
...
1
票
1
回答
71
閲覧数
DockerでRailsとMySQLの環境構築したいです
Dockerの学習をしているのですが、Railsでの環境構築が出来ず、行き詰まってしまいました。
実行したコマンド
docker-compose run web rails new . --force --database=mysql
発生したエラー
ffi-1.17.0-aarch64-linux-musl requires rubygems version >= 3.3.22, ...
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
票
1
回答
65
閲覧数
多対多の関連付けをしているtest/fixturesファイルの読み込みでエラーが生じる
問題
Rails 7.1.4
Minitest
タイトル通り、中間テーブルを用いた多対多関連付けをしているfixturesファイルの読み込みでエラーが生じてしまいます。
テスト実行時のエラーの内容は以下のとおりです。
❯ rails test test/models/user_test.rb
Running 2 tests in a single process (...
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
回答
70
閲覧数
Rails7でwebpackerからvite_railsに移行したが@rails/ujsが読み込めずにdestroyリクエストがgetリクエストになってしまう
前提
私はRails6で構成されていたアプリをRails7にバージョンアップした。
同時にwebpackerからviteに移行しました。
開発環境では問題なく動いていますが、本番環境ではrails/ujsがうまく動作していません。
現状
ブラウザのconsoleタグで以下のエラーが表示されている。
Uncaught TypeError: Cannot set properties of ...
0
票
0
回答
37
閲覧数
eager_load と preload で同じ関連を指定した場合の挙動
以下のように、eaer_loadとpreloadに同じ関連を指定したとします。
groups = HogeGroup.eager_load(:fugas)
.order('fugas.sort_num desc')
.preload(fugas: [:aaaa, :bbbb])
この時groups[0]....
0
票
0
回答
178
閲覧数
docker-compose upで "bundler: command not found: rails" というエラーになる
ubuntu内にdockerでrails環境構築しようとしています。
appディレクトリで実装を進めていく予定ですが、まずは環境を用意したく最小構成で始めています。
docker-compose buildは問題なく完了します。
次にdocker-compose upを実行すると、以下のようなエラーで起動に失敗してしまいます。
demo_api | bundler: command not ...
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
回答
77
閲覧数
vueとrails間のAPI通信でcorsのエラーが解消しない
以下の記事の内容をそのまま実行したところエラーとなりました。
フロントエンドとバックエンドの連携
バックエンド:Ruby on Rails ポート番号3000
フロントエンド:Vue ポート番号3001
として連携できているか、ボタンを押したらメッセージを返すようにしたところ以下のエラーとなります。
corsをインストールしてポート番号も入れているのにcorsでエラーとなる理由がわからないです。
...
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
回答
227
閲覧数
Render デプロイがうまくいかない
Rubyにて個人アプリ開発をしています。
Renderにてデプロイを試みたのですが,同じ箇所で何度もループしてしまい,502エラーが出てしまいます。
ですが,Renderダッシュボード上では,Liveと緑色のチェックマークが出ています。
解決策をご存じの方,何卒教えていただきたいです。
Renderでのログ
Installing foreman...
Successfully installed ...