【Vue】Provide, Injectを使ってRadioGroupを自作する
環境 nuxt 3.11.2 vue 3.4.27 自作するRadioGroupの要件は以下です。 複数の選択肢から一つを選択状態にできる スタイルは呼び出し元で指定する ファイル作成 nuxt...
0
0
Comment0
67 search resultsShowing 1~20 results
Stocked
You need to log-in
react-hook-formを使ってdynamic-inputを実装する
react-hook-formのuseFieldArrayを使ってフォーム内の要素が動的に変化するフォームを作成しようと思います。 またフォームの初期値にはapiから取得したレスポンスを設定しま...
0
0
Comment0
zod, MUI, react-hook-formを使ってフォームを作成する
zod, MUI, react-hook-formを使って典型的なフォームを作成しようと思います。 Nextjs(page router)でコードは試しています。 環境 zod 3.23.6 @...
1
2
Comment0
自作でフォーム系のコンポーネントを作るときの最小単位
はじめに 自作でフォーム系のコンポーネント（input, radio, select）を作るときのメモです。 環境 nuxt 3.9.3 vue 3.4.13 コンポーネント コンポーネントの実...
0
0
Comment0
VueのProviderパターンを理解するためのサンプルコード
はじめに 先日大変わかりやすいこちらの記事を拝見しました。 こちらの記事ではカウンターアプリをさまざまなパターンで実装しています。 view, 状態, ロジックが混在している 状態とロジックを切...
1
0
Comment0
複数行かつ溢れたコンテンツを3点リーダーで表現する
タイトル通りの内容をcssで表現するには下記のように書きます。 行の数は-webkit-line-clampの値で指定できます。 .content { overflow: hidden; tex...
0
0
Comment0
Go環境構築
golangの環境構築方法をメモに残します。 Goコンテナ作成 goenvを使ってバージョンを指定します。 バージョンは1.16.4です。 goenv install 1.16.4 goenv ...
0
0
Comment0
vueプロジェクトをherokuへデプロイする
はじめに vueプロジェクトをherokuへデプロイする手順を備忘録として残します。 手順 vueプロジェクト作成 herokuプロジェクト作成 express追加 server.js追加 gi...
0
0
Comment0
Aspidaという素敵なAPIクライアント
はじめに 最近AspidaというAPIクライアントと出会い、開発体験の良さに感動しました。 この記事で紹介しようと思います。 https://github.com/aspida/aspida 何...
0
0
Comment0
Dockerを使ったrails apiモードの環境構築
はじめに Dockerを使ってrails apiモードの環境構築を行います。 環境 ruby 3.2.2 rails 6.1.0 作業ディレクトリ作成 はじめに作業ディレクトリを作成してDock...
0
0
Comment0
rails, deviseを使って仮登録・本登録を実装するときのアプローチ
はじめに railsの認証まわりの実装についてメモを残します。 ユーザーの登録の時は入力画面と確認画面があることが多いですよね。 deviseを使って上記の実装をしようとしたのですが、思った以上...
0
0
Comment0
docker-compose up時にwebpack-dev-serverが起動されるようにする
はじめに railsのフロントエンドにwebpackerを使っているとwebpack-dev-serverを使った方がコンパイルに使う時間を短縮できます。 環境構築にdockerを使っていると仮...
0
0
Comment0
Webpackerを使っているときにJSを編集して画面をリロードしても変更が反映されない場合の対応
Rails6で開発をしてるときにJSに変更を加えて画面をリロードしても反映されないことがありました。 その時の対応方法です。 環境 Rails 6.1.6 ruby 3.0.6 webpacke...
0
0
Comment0
Railsで画像アップロードするときのS3バケットの設定
はじめに Railsで画像アップロードするときのS3バケットの設定方法を紹介します。 必要最低限の権限だけ付与するようにしようと思います。 RailsからAWSへアクセスするためにはアプリケーシ...
0
0
Comment0
Ionic Vueを使う時に気を付けるライフサイクルのこと
普段vueを書いていると、onMountedでコンポーネントの初期設定をしたくなると思います。 しかし、Ionic Vueを使う時は注意が必要です。 私が試した範囲ではonMountedを通らな...
0
0
Comment0
ERBFormatter/Beautify 設定
はじめに html.erbファイルを保存するときに自動でフォーマットされるようにします。 フォーマッターにはERBFormatter/Beautifyを使います。 https://github....
4
1
Comment1
xxx must be exist
タイトルのエラーにかなりハマったのでメモを残します。 環境 rails 6.1.7 ruby 3.0.6 アソシエーション設定 bookとcategoryが1:nの関係とします。 bookが複数...
0
0
Comment0
フィールドの数が動的に変わるフォームの作成
はじめに ボタンをクリックすることでフォームの下部にテキストフィールドが追加されるような挙動を実装してみます。 環境 vue 3.2.13 typescript 4.5.5 naive-ui 2...
0
0
Comment0
railsで誕生日入力フォームを作る
はじめに 年、月、日を別々のセレクトボックスで入力するようなフォームを作成します。 難しいところは年と月の値によって日数が変わることでした。 様々な方法を考えたのですが、JavaScriptを使...
1
1
Comment1
deviseの特定のアクションをカスタマイズする
はじめに deviseを使っていて特定のアクションをカスタマイズしたい場面は結構あると思います。 その時のメモです。 環境 rails 6.1.6.7 ruby 3.0.6 devise 4.9...
0
0
Comment0
67 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles