hirokirokki0820– Author –
-
【Rails7】ついにDeviseがTurboに対応しました（最新版のリリース）
Railsのメジャーなユーザー認証用gemである「Devise」が、1年以上の時を経てついにアップデートされました。 Rails7ではTurbo Streamが標準で有効化されているため、Deviseを導入する際にTurboが悪さをして不具合を引き起こしていました。 そのTurboの不具... -
【Rails】外部キー制約が付いているカラムを作成する（reference型について）
Rails で外部キーのカラム（user_idなど）を作成する際、reference型を使うと関連モデルの外部キーを自動生成してくれて便利です。 僕もよくreference型を使うのですが、「外部キー制約」というワードについてはよく理解していないまま今まで何となく使っ... -
【Rails】link_to内の文字列を改行する方法
Railsでよく使うlink_toヘルパーで、文字列を改行する方法についてのメモ書きです。 普段はlink_toで改行することはあまりありませんが、今回ボタン作成時にテキストを改行したくて「どうやるんだろう？」と思い調べてみたところ、思いの他簡単でした。 そ... -
【Rails7】Deviseでユーザー(user)と管理者(admin)を分けてログインできるようにする
Webサービスを運営するのであれば、少なくともユーザーアカウントと管理者アカウントの最低２つは要する必要があるかと思います。 そこで、今回はDeviseを使ってユーザーアカウント(user)と管理者アカウント(admin)を分けて作成、認証（マルチログイン）す... -
【Rails】選択中のメニューバーに下線を表示させる方法（訪問ページごとに条件分岐させて実装）
Webページのナビゲーションメニューバー（各メニューごとにアドレスが異なる）をクリックしたとき、選択中のメニューバーに下線が表示されるようにしたい場合があるかと思います。 今回はRailsの、訪れているページごとに条件分岐するメソッドを用い、選択... -
【Rails7】メニューバーのタブの切り替えをJavaScritp + Stimulus で実装してみた
どうも、ヒロキです。 今回はRails7でメニューバーのタブの切り替えをJavaScript、およびそのフレームワークのStimulusを使って実装してみました。 今後、同じ機能を再現するための覚書用と、後学のため記事にまとめておきます。 どなたかの参考になれば幸... -
【Rails7】ActiveStorageで複数枚画像を投稿・更新する（プレビュー表示も実装）
ActiveStorageで複数枚画像を投稿（保存）する方法についての情報はたくさん出てきますが、正直どれも僕が思い描いていた画像アップロード機能のイメージとは違うかなぁと感じております。 例えば、僕が思い描いている複数枚画像アップロード機能のイメー... -
【Rails7】Rakeタスクをwheneverで定期的に実行する方法（タスクの自動化）
RailsにはRakeというgemが標準搭載されており、Railsで定期的に実行したい処理をRakeタスクとして定義しておくことで、必要なときに呼び出して実行することができます。 Rakeタスクを作成するメリットとしては、アプリケーションを起動せずにターミナル上... -
【Rails7】ゲストログイン機能を実装する方法（Devise実装済み）
Rails7でポートフォリオ用のWebサイト（もしくは正式なWebサービス）にゲストログイン機能を実装したい。 ネットでググるとDeviseでゲストログイン機能を実装する方法はたくさん出てきますが、「Rails7」＋「Devise」と言う条件下でゲストログイン機能を実... -
【Rails】Font Awesome の導入方法および使い方
RailsでFont Awesomeを導入してみたので、導入の流れや使い方についてまとめてみました。 Font Awesomeは無料で2,000種類以上のアイコンが利用できる上に、各アイコンのスタイルも変更できたりとバリエーションに富んでいて非常に使いやすい。 ただ、Font ... -
【Rails】Tailwind CSS でカスタムCSS を作成・インポートする方法
最近、RailsでTailswindCSSを導入してみたのですが、思った以上に使い勝手が良い。 特に、カスタムコンポーネントでデザインを簡単に、自由自在に表現できる点は素晴らしいですね（さよなら、Bootstrap 笑）。 ところで、カスタムコンポーネントを作成する... -
【Tailwind CSS】VSCode上 で「@tailwind」「@apply」付近に出るエラー表示の対処法【Rails】
Rails で TailwindCSS を導入してみたところ、application.tailwind.cssのTailwindCSS読み込み部分（@tailwind）でエラー表示が。 最初は読み込みエラーかなと思ったんですが、CSSはちゃんと適用されているし、色々と調べてた結果、エディタ（VSCode）上の...
