gem toastrの導入
こんにちはー
ただいまコピーサイトを作って勉強中
今回は、、、、、
gem toastrについて
検索してみるとこちらのgithubがhitしました。
GitHub - tylergannon/toastr-rails: Rails engine for https://github.com/CodeSeven/toastr
んー、toastrってなんだ!
どうやら、
「ログインしました」「ログアウトしました」「emailを入力してください」
など、アラートやエラーメッセージを表示させる際に活躍するようです。
demoはこちら→toastr examples
こんな感じ!
jQueryを使用するのでまずはjQueryを導入する必要があります。
railsに関してはデフォルトで入ってるから大丈夫!
Gemfileにデフォルトで記載されているgemについて - Qiita
今回はユーザー管理に便利なgem deviseと一緒に使用します。
deviseの導入に関しては今回は省きますー
参照→Deviseの設定手順をまとめてみた。 その1 導入編 - Qiita
ではgem toastr 早速導入してみましょー\(^o^)/
① Gemfileに記述
gem 'toastr-rails'
⚠️bundle install忘れずに
② toastrをapplication.cssとapplication.jsに追加
application.cssに、
scssの場合は、
application.jsに、
③ jsでtoastrを呼び出す
・トップページのアラートにtoastrを適応したい時
app/views/layouts/application.html.erb
・devise関連のビューのアラートにtoastrを適応したい時
app/views/devise/〇〇.html.erb
<%= devise_error_messages! %>をすべて以下の記述に変える。
(部分テンプレート化すると楽💮 )
それぞれこんな感じにアラートをカスタマイズできました💓
なお、アラートメッセージを日本語化したい時は、
config/locales/devise.en.ymlの記述をそれぞれ日本語に変更することで、
日本語化することができます◎💡
参考→Railsのログイン認証gemのDeviseのカスタマイズ方法 - Rails Webook
今回はこんな感じで終了ーーーー\(^o^)/
<img src="https://monipla.jp/bl_certif/c-4092077/" alt="" border="0" style="border:0px;" width="1" height="1" />
ブログとかいつぶりだ
はじめまして、のりかと言います😊
今日からブログを(主に自分のメモ的意図で)書いていこうと思います。
もうすぐrailsエンジニアとして働き始める予定です。
趣味は食べること🍴・カメラ(FUJIFILM XA-2)📷・旅行✈️
本当に写真撮るの大好き(自己満)💓
◯これまでの経緯を少しだけ紹介◯
出身は愛知県\(^o^)/
大学は、管理栄養学科というところで
栄養🍙や体🏃のこと病気😷のことについて学んでいました。
それからアルバイトをしていたケーキ屋🍰さんに新卒で入社し、大阪へ🚅
社員として1年半ほどホールとして店舗運営をしていました。
ケーキもドリンク☕️を作るのもアルバイトの子たちとお店を営業するのも楽しかったし、
接客も好きだったけれど、過酷な労働環境にいつしか心も体もクタクタになっている自分がいた。
そんな時に出会ったのがプログラミング💻でした。
これから必須な知識であることは間違いない、
さらに場所にとらわれない働き方ができることに惹かれ一大決心をして東京へ✈︎
TECH::CAMPのEXPERTコースで3ヶ月間、週6日の勉強を経て
無事にRubyonRailsのエンジニアとして内定を頂けました😭
というわけでこれからつらつらと気が向いたときに、
忘れないように、投稿していこうと思います\(^o^)/
がんばるぞーーーーーーーーーーーーーうお