ページ最下部に設置したフォームでエラー処理を行う方法

当ポートフォリオサイトのコンタクトフォームはトップページの最下部に設置しています。 コンタクトフォームをページ最下部に設置することでひとつ問題点が出てきます。それは、エラー発生時(未入力項目がある等)にページ最下部にあるコンタクトフォームに遷移できないこと。 今回のケースにおけるrenderメソッドとredir ...

Capistranoでデプロイしたときにリモートリポジトリ(Github)への接続に失敗する場合の対処法

Capistranoを使ってRailアプリをデプロイするとき、直接サーバーに送るのではなく、Githubを経由してファイルが送信されます。 そのため、あらかじめサーバー上で秘密鍵と公開鍵の組み合わせを生成し、公開鍵をGithubに登録しておく必要があります。 そして接続情報は設定ファイル(/etc/ssh/ss ...

taglib-rubyを使用してオーディオファイルの長さを取得する方法

Rubyでオーディオファイルを扱うGemはたくさんありますが、今回はmp3とwavの両方を扱う必要があったのでtaglib-rubyを使うことにしました。 ひとつのGemでmp3とwavの両方を使えるのは大変ありがたいです。 最後にHerokuにデプロイする方法とConoHa VPS (CentOS 7.7)に ...

「NoMethodError: undefined method `active_storage' for ...」の原因と対処

事象 RSpecでテストしようとしたところ、以下のエラーが発生。 $ rspec An error occurred while loading ./spec/models/user_spec.rb. Failure/Error: require File.expand_path('../config ...

SSL通信時にセッションを暗号化する方法

以前、「Let's Encryptを使用したWebサーバーのSSL化」という記事を書きました。 実はこの設定だけでは不十分だったので、今回はその続きを書きます。 セッションが保存されない このポートフォリオサイトでは管理者のみがログインできる機能を持っています。 Railsチュートリアルを見ながら作った自前の ...

コンタクトフォームに確認チェックボックスを追加する方法

今回はコンタクトフォームに確認チェックボックスを追加する方法を記載します。 送信ボタンの上あたりにある「上記の内容で送信します。よろしければチェックを入れてください。」というやつです。 コンタクトフォームだけでなく、ユーザー登録画面の「規約に同意する。」といったチェックボックスにも使えます。 Model cl ...

Active Storageの保存先にGCSを使う場合のstrorage.ymlとCredentialsの設定方法

GCSからダウンロードしたサービスアカウントキーをRailsのconfig/storage.ymlに設定します。 その際、最低限、private_key_idとprivate_keyはCredentialsに登録し呼び出すように設定する必要があるのですが、private_keyには改行(\n)が入っていて、普通 ...

【Rails】Webpackerを使ってjQueryとBootstrapを管理する方法

はじめに 本記事では、Rails 6.0から導入された「Webpacker」を使ってjQueryとBootstrapを管理する方法を説明します。 WebpackerでjQueryとBootstrapを管理 Railsアプリの作成 以下のコマンドを実行して、新しいRailsアプリを作成します。コマンド引数に_6. ...

applicatioin.jsにJavaScriptのコードを書くときの注意点

jQueryを使ってページにちょっとした動きをつけたいと思い、初めはindex.html.erbのようなビューに直接JavaScriptのコードを書いていました。 しかし、JavaScriptのコードが各ビューに散らばっているのはドライなコードとは言えません。特にまったく同じ処理を各ビューに書くのはメンテナンス ...

ローカルで行った変更がサーバーに反映されない事象の対処法【Capistrano+Unicorn】

変更が反映されない ローカルでRailsアプリの変更を行った後、サーバーへ反映させるためデプロイを行いました。 $ bundle exec cap production deploy無事、エラーが出ることもなくデプロイが完了。 しかし、いざWebサイトにアクセスしてみても変更が反映されていませんでした。 Un ...