2022年– date –
-
【Rails】ネストしたモデルに対するform_withの書き方
例えば以下のように、一つの投稿(post)の中にさらに複数の投稿(item)を追加できるようにしたい場合、 そんな時は、idなどのパラメータの受け渡しの都合上、ルーティングを以下のようにネスト(nest)して親子関係にした方が実装しやすいかと思います。 resou... -
【Rails】JavaScriptで動的なバリデーション（リアルタイムでチェックする機能）を実装してみた
Railsでフォームのバリデーションチェックを行う場合、送信ボタンを押した後でないとエラーがあるかどうかを判定できません。 バックエンド側でバリデーションチェックは行いつつ、フロント側でもリアルタイムにバリデーションチェックを行う機構を実装し... -
【JavaScript】簡単な数字当てゲームを作ってみた
JavaScriptのチュートリアルを通して簡単なゲームを作ってみたので、学んだことを忘れないうちにメモとして残しておこうと思います。 今回作成したゲームは「数当てゲーム」で、1から100までの数字の中からランダムに割り当てられる数字を10回以内に当てる... -
【Rails】ActiveStorage でプロフィール画像（アバター）を登録・更新する
ユーザーのプロフィール画像（アバター）を作成するにあたり、 ActiveStorageでファイルから画像をアップロード プロフィール編集画面にてアップロードした画像のプレビュー variantによる画像のリサイズおよび切り抜き(画像登録時) アップロードした画像... -
【Rails7】住所を入力しただけで地図(Googleマップ)が自動表示されるようにする
Railsで作成したWebアプリケーションに住所を登録すると、表示画面に自動で地図（Googleマップ）が表示されるようにするための覚え書きです。 この機能を実装するにあたり、住所を登録するためのaddressカラムと、地図の位置情報（緯度・経度）を保存する... -
Google Maps の API Key を取得する方法
データベースなどの住所情報からGoogleマップを表示する機能を作成する際に、地図の表示にGoogle Maps の API Key が必要になります。 当記事は、そのGoogle Maps の API Key を取得するための覚え書きです。 Google Maps Platform の無料利用枠について ... -
【Rails】テキスト内のURLを自動でリンク化してくれるgem「rinku」を導入してみた
SNSの投稿や自己紹介文（テキスト）にURLを記述すると自動でリンク化してくれるように、Railsで作成したアプリ内でも入力したURLを自動でリンク化できるようにしたい、 と思い立ちググってみたら、テキスト内のURLに自動でリンクタグを付けてリンク化して... -
【Rails】URL の id を任意のカラム名(アカウント名など)に変更する
ユーザープロフィールなどを表示するときに、URLにはユーザーを識別するためのidが表示されます。 このidを、以下のようにアカウント名（ユーザー名）に変更して表示する方法についてまとめました。 http://localhost:3000/users/123↓http://localhost:300... -
【Rails】SQLite3::BusyException: database is locked のエラーを解消する方法
データベース（SQLite3）にデータを登録しようとしたところ、以下のようなエラーを検出しました。 上記のエラーを解消する方法について試したことをまとめました。 エラーの原因と解決方法 今回のエラー SQLite3::BusyException: database is locked は、D... -
【Rails】ログイン失敗時にフォームに入力した値を保持する
Railsチュートリアル第8章で作成したログインフォームは、ログインに失敗するとフォームに入力した値がリセットされてしまいます。 そこで、ログイン失敗時にフォームに入力した値（メールアドレス）を保持する方法についてまとめました。 開発環境 Ruby 3... -
【Rails】field_with_errors の自動挿入によるレイアウト崩れを防ぐ
Railsのバリデーションエラー時に、field_with_errorsの自動挿入によってフォームのレイアウト崩れが起こる問題のトラブルシューティングです。 開発環境 Ruby 3.1.2 Ruby on Rails 7.0.3 M1 Macbook Air 2020 mac OS Monterey (ver. 12.4) ターミナル bas... -
【Rails】Gravatar API を実装してプロフィール画像を表示する方法
RailsにGravatar APIを実装して、ユーザーのプロフィール画像を表示させるまでの流れを記したメモです。 開発環境 Ruby 3.1.2 Ruby on Rails 7.0.3 M1 Macbook Air 2020 mac OS Monterey (ver. 12.4) ターミナル bash (Rosetta 2 使用) Gravatarにプロフィ...
