2022年7月– date –

Railsで作成したWebアプリケーションに住所を登録すると、表示画面に自動で地図（Googleマップ）が表示されるようにするための覚え書きです。 この機能を実装するにあたり、住所を登録するためのaddressカラムと、地図の位置情報（緯度・経度）を保存する...

データベースなどの住所情報からGoogleマップを表示する機能を作成する際に、地図の表示にGoogle Maps の API Key が必要になります。 当記事は、そのGoogle Maps の API Key を取得するための覚え書きです。 Google Maps Platform の無料利用枠について ...

SNSの投稿や自己紹介文（テキスト）にURLを記述すると自動でリンク化してくれるように、Railsで作成したアプリ内でも入力したURLを自動でリンク化できるようにしたい、 と思い立ちググってみたら、テキスト内のURLに自動でリンクタグを付けてリンク化して...

ユーザープロフィールなどを表示するときに、URLにはユーザーを識別するためのidが表示されます。 このidを、以下のようにアカウント名（ユーザー名）に変更して表示する方法についてまとめました。 http://localhost:3000/users/123↓http://localhost:300...

データベース（SQLite3）にデータを登録しようとしたところ、以下のようなエラーを検出しました。 上記のエラーを解消する方法について試したことをまとめました。 エラーの原因と解決方法 今回のエラー SQLite3::BusyException: database is locked は、D...

Railsチュートリアル第8章で作成したログインフォームは、ログインに失敗するとフォームに入力した値がリセットされてしまいます。 そこで、ログイン失敗時にフォームに入力した値（メールアドレス）を保持する方法についてまとめました。 開発環境 Ruby 3...

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を実装して、ユーザーのプロフィール画像を表示させるまでの流れを記したメモです。 開発環境 Ruby 3.1.2 Ruby on Rails 7.0.3 M1 Macbook Air 2020 mac OS Monterey (ver. 12.4) ターミナル bash (Rosetta 2 使用) Gravatarにプロフィ...

Bootstrapが用意しているナビゲーションバー(navbar)のハンバーガーメニューをクリックした後に、黒い外枠(box-shadow)が表示されたままになります。 個人的にはその枠線が気になるので、なんとかして消したい... 色々調べて試した結果、無事に消すことが...

HTML上にBootstrapのナビゲーションメニュー(navbar)を配置すると、他のコンテンツと干渉してしまう問題についてのトラブルシューティングです。 Rails7にBootstrapを導入する方法は下記記事を参考にしてみてください。 https://plog.kobacchi.com/rails-b...

Rails7でBootstrap5のカスタム用スタイルシート(custom.scss)を作成して適用する方法をまとめたメモです。 開発環境 Ruby 3.1.2 Ruby on Rails 7.0.3 Bootstrap 5.1.3 M1 Macbook Air 2020 mac OS Monterey (ver. 12.4) ターミナル bash (Rosetta 2 使用) ...

データベースのカラムにindexを追加する方法を記したメモです。 データーベースのデータ量が膨大になると、任意のデータの読み込み処理に時間がかかってしまうことがありますが、 データベースのカラムにindexを追加することで、その読み込み速度を改善さ...