2022年9月– date –

RailsでFont Awesomeを導入してみたので、導入の流れや使い方についてまとめてみました。 Font Awesomeは無料で2,000種類以上のアイコンが利用できる上に、各アイコンのスタイルも変更できたりとバリエーションに富んでいて非常に使いやすい。 ただ、Font ...

最近、RailsでTailswindCSSを導入してみたのですが、思った以上に使い勝手が良い。 特に、カスタムコンポーネントでデザインを簡単に、自由自在に表現できる点は素晴らしいですね（さよなら、Bootstrap 笑）。 ところで、カスタムコンポーネントを作成する...

Rails で TailwindCSS を導入してみたところ、application.tailwind.cssのTailwindCSS読み込み部分（@tailwind）でエラー表示が。 最初は読み込みエラーかなと思ったんですが、CSSはちゃんと適用されているし、色々と調べてた結果、エディタ（VSCode）上の...

【重要】Rails7でDeviseを導入される方へ2023年2月17日に最新版Devise（v4.9.0）がリリースされ、Rails7のTurboに対応するようになりました。それに伴い、当記事で紹介しているTrubo対策が必要なくなりました。故に、当記事は古い情報となりますので、Rail...

以前、アカウント独立型のゲストログイン機能の実装について記事にしました。 https://plog.kobacchi.com/rails-guest-user-login/ ただ、一般的にゲストログイン機能は1アプリに1ゲストアカウントを作成し、そのアカウントを他のゲストログインユーザー同...

表示されたテキストをボタンクリック一つでクリップボードにコピーしてくれる機能、あったら便利ですよね。 ということで、今どきのWebサービスでよく見かける以下のようなボタンを実装してみました。 今回の実装で用いたJSライブラリはStimulus。 Rails7...

Railsではフォーム入力時（新規ユーザー登録時）にすでに登録済みのメールアドレスがある場合、バリデーションが発動して登録できないようになっているかと思います。 しかし、しかしですよ！？ メールアドレスがすでに登録されているかどうかは、フォーム...

以前、JavaScriptで動的なバリデーションチェックを実装する旨の記事を書きましたが、JSのコードが冗長なのと変数宣言にvarしか使えない（Turboとの相性により）という課題がありました。 https://plog.kobacchi.com/rails-javascrip-realtime-validation-...

Railsで、データベースから取得した値を使ってフォームの自動入力補完機能を実装する方法についてまとめたメモ書きです。 イメージはこんな感じです↓ データベースに保存されたアドレス帳（個人情報）をviewに呼び出し、氏名のみをセレクトボックスに表示...

突然ですが、皆さんは登山しますか？ 「Yes」と答えたあなた、登山へ行く際は登山計画書を作成していきますか？ ここ十数年の間に登山ブームの広がりとともに、登山者の遭難事故が増えていることに伴い、 2014年頃から長野県の北アルプスや富士山など一部...

アプリ制作で個人情報の扱いには気をつけなければなりません。 特に、氏名や住所、電話番号など個人情報をデータベースにそのまま保存してしまうと、何らかのサーバー攻撃を受けた際に個人情報がそのまま漏洩してしまうリスクがあります。 そこで、万が一...

現在Railsで開発中のアプリにPDF出力機能を実装したい... そこで、RailsでPDFを生成するためのgem（ライブラリ）について色々とググってみた結果、カスタマイズ性に優れたgem「Prawn」というgemを採用することにしました。 「Prawn」は開発コストはかかる...