data-turbo-confirm の確認ダイアログをカスタマイズする方法
完成イメージ はじめに Turbo では、フォームやリンクに data-turbo-confirm 属性をつけると確認ダイアログを表示できます。 通常はブラウザ標準の確認ダイアログ window...
14
2
Comment0
10 search resultsShowing 1~10 results
Stocked
You need to log-in
Rails7 のフロントエンド関連の Gem を分類
はじめに 最近の Rails にはフロントエンドに関係する ooooo-rails といった Gem がたくさんあります。 たくさんありすぎてよくわからなかったので、分類してみました。 結論 関...
12
7
Comment0
rails_helper.rb に require 'capybara/rails' と require 'capybara/rspec' は書かなくていい
capybara gem の README の Setup と Using Capybara with RSpec の段落には次のように、require 'capybara/rails' と r...
3
1
Comment0
Rails 7 で複数の CSS のエントリーポイントを使う方法（管理画面は本体とは別の CSS を使いたいときなど）
対象 npm パッケージの sass を使っている rails new 時に --css オプションで bootstrap や bulma, sass を指定した場合は npm パッケージの s...
0
0
Comment0
Rails 6 + Webpacker + tailwindcss-railsでError: Cannot find module 'third-party plugins'
Webpackerを使用しているRails6アプリにGemのtailwindcss-railsでTailwind CSSを導入し、YarnでdaisyUIを導入したところ、production環...
1
5
Comment0
Docker上のRailsでbin/rails tailwindcss:watchが効かない場合の対処方法
Docker上のRails6アプリにGemのtailwindcss-railsでTailwind CSSを導入し、bin/devで動かしたところ、コンテナ起動時にしかapp/assets/bui...
7
3
Comment0
ActsAsTaggableOnとTagifyを用いたタグ機能のサンプルコード（バリデーション、サジェスト機能、URLにタグ名、テストコード）
概要 RailsでActsAsTaggableOnとTagifyを用いたタグ機能のサンプルコードです。 記事にタグを登録する機能とタグを入力時のサジェスト機能があるシンプルなアプリになっています...
5
2
Comment0
BulmaでInstagramのようなハンバーガーメニューのないレスポンシブなナビゲーションバーのサンプルコード
CSSフレームワークのBulmaを使用した、Instagramのようなハンバーガーメニューがないレスポンシブなナビゲーションバーのサンプルコードです。 Flexbox helpersを使用してレ...
1
1
Comment0
Bulmaで長い文字列が原因でレイアウトが崩れるときの対処方法
CSSフレームワークのBulmaを使用した際に長い文字列が原因でレイアウトが崩れるときの対処方法です。 対処方法 css .text-break { word-break: break-word...
2
2
Comment0
Herokuコマンドでいちいちアプリ名を入力するのが面倒、アプリ名を省略したいとき
前提 Heroku CLIがインストールされている。 Herokuでデプロイしているアプリのディレクトリにいる。 コマンドでHerokuを操作する際に heroku config 上記のようなコ...
1
0
Comment0
10 search resultsShowing 1~10 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