Railsで取得したデータを使ってChart.jsでグラフ描画する等、Railsで扱っている変数をjsに受け渡す方法をメモφ(..)
↓イメージはこんな感じ
data属性に設定(viewに埋め込む)data属性の値を取得RailsでViewに埋め込んだJSONをjavascript側でパースして受け取って、使用するイメージです(/･ω･)/
hoge.html.erb
<div id="tag_info" data-json="<%= current_user.favorite_tags_info.to_json %>" ></div>
hoge.js
tags = JSON.parse(document.getElementById('tag_info').dataset.json);
gonというGemを使っても出来るらしいφ(..)
掲示板のアプリケーション等、特定の文字部分(>>3等)を<a></a>として認識させる方法をメモφ(..)
↓イメージはこういう感じ
今回は>>数字を返信用の文字列として扱い、<a></a>でページ内リンクを貼るケースを想定してますφ(..)
hメソッドを使ってエスケープ>>を>>に置換>>数値部を抽出し、リンク用のHTMLを生成し本文に埋め込むhtml_safeで出力実際のソースコード
hoge_helper.rb
def format_comment(content) # 返信用の文字列を定義 reply = { char: '>>', escaped: '>>' } # コメント本文のHTMLをエスケープ後、返信用の文字列のみをHTMLとして再定義 content = h(content).gsub(reply[:escaped], reply[:char]) # 返信先リンク部の取得 content_arry = content.split(" ") target = content_arry.select{ |c| c.include?(reply[:char]) } target.each do |t| # 返信先リンクHTMLの生成 to = t.match(/#{reply[:char]}\d+/).to_s link_html = link_to to, "#comment_#{to.gsub(reply[:char], '')}" # 本文の返信部を返信先リンクHTMLで置換 content = content.gsub(to, link_html) end content end
index.html.erb
<p><%= format_comment(comment.content).html_safe %></p>
以上
英語の文章を".“、”!“、”?“等の複数の区切り文字で分割する方法を調べたのでメモφ(..)
String.splitを呼び出す前に、区切り文字を置換し統一してあげればOK！(/･ω･)/
今回のケースでは、?、!を.に置換後にString.splitを呼び出しています。
str = "I have a pen. I have an apple. I have a pen? I have an apple!" key = "pen" str = str.gsub("!",".").gsub("?",".") p str.split(".") # result : ["I have a pen", " I have an apple", " I have a pen", " I have an apple"]
String.splitに正規表現を引数として渡してあげればOK！(/･ω･)/
今回のケースでは/\.|\?|!/という正規表現を与えて、.、?、!で分割されるようにしました。
※.と?は、正規表現の予約語のため、エスケープしています。
str = "I have a pen. I have an apple. I have a pen? I have an apple!" key = "pen" p str.split(/\.|\?|!/) # result : ["I have a pen", " I have an apple", " I have a pen", " I have an apple"]
区切り文字で文章を分割後、再度区切り文字を付与する書き方を載せてみましたφ(..)
str = "I have a pen. I have an apple. I have a pen? I have an apple!" key = "pen" spliter = /\.|\?|!/ # 区切り文字を出現順に保存 split_chars = str.split("").select{ |s| s.match(spliter) } # 区切り文字で文章を分割後、区切り文字を再度付与 str_array = str.split(spliter).zip(split_chars).map{|s| s.join } # 結果出力 p str_array # result : ["I have a pen.", " I have an apple.", " I have a pen?", " I have an apple!"]
以上
herokuで運営しているサービス(https://moook.herokuapp.com/)の本番環境のデータを開発環境に反映させたときの手順をメモφ(..)
今回の手順を行った環境は下記の通りです。
| title | memo |
|---|---|
| Production環境 | heroku |
| Rails | ver 5.1.2 |
| DB | postgresql |
herokuにログインした状態で下記コマンドを実行します。
rem バックアップ取得コマンド $ heroku pg:backups:capture Starting backup of postgresql-asymmetrical-20043... done Use Ctrl-C at any time to stop monitoring progress; the backup will continue running. Use heroku pg:backups:info to check progress. Stop a running backup with heroku pg:backups:cancel. Backing up DATABASE to b002... done
最後の行にある'b002'という文言が、バックアップの目印になります。
rem 先程取得したバックアップのURLを取得 $ heroku pg:backups:url b002 https://xfrtu.s3.amazonaws.com/6026beb4-c189-4732-b78b...
取得したURLにブラウザからアクセスするとバックアップファイルをダウンロード出来ます。
下記コマンドを使って開発環境に本番環境DBのバックアップをリストアします。
下記のような実行結果になればOK。
$ pg_restore --verbose --clean --no-acl --no-owner -h localhost -U user_name -d db_name backup_file_path 省略 pg_restore: setting owner and privileges for INDEX "public.taggings_idx" pg_restore: setting owner and privileges for INDEX "public.taggings_idy" pg_restore: setting owner and privileges for FK CONSTRAINT "public.favorites fk_rails_72d9d9e5bf" pg_restore: setting owner and privileges for FK CONSTRAINT "public.favorites fk_rails_d15744e438"
| title | memo |
|---|---|
| user_name | DBのユーザー名※1 |
| db_name | 対象のDB名※2 |
| backup_file_path | バックアップファイルのパス |
※1:DBのユーザー名の確認方法
rails dbコマンドを実行し、posgresqlから下記コマンドを実行して確認
$ rails db $ db_name=# SELECT usename FROM pg_user; usename --------- UserName (1 row)
※2:DB名の確認方法
database.ymlでdatabaseの項目を確認
database.yml
development: <<: *default database: appname_development
以上
Ruby on Railsで作成したWebアプリケーションにファビコンを設定する方法をメモφ(..)
app/assets/imagesフォルダにファビコン用の画像を配置し、application.html.erb内に下記を記述します。
application.html.erb
# favicon.pngは任意のファイル名に変更 <%= favicon_link_tag 'favicon.png'%>
ブラウザのタグにファビコンが設定されます。
以上
最近作ったWebサービスが、全然googleの検索結果に乗らなくて悲しかったので、対処法をメモφ(..)
Google では、「ウェブ クローラ」と呼ばれるソフトウェアを使用して、公開されているウェブページをクロール（情報を取得）します。最もよく知られているクローラは「Googlebot」です。クローラは、ユーザーがウェブ上でコンテンツを閲覧する場合と同じように、ウェブページを見て、ページ上のリンクをたどります。リンクからリンクに移動し、これらのウェブページに関するデータを Google のサーバーに蓄積していきます。
通常では、GoogleのWebクローラーがWebページを自動的に検知し、サーバー上に蓄積していくが、リンク等が貼られていない段階では中々見つけて貰えないようです。。。
下記のページからgoogleへWebページの登録リクエストを送ることが出来ます。
私の場合は、登録リクエストの送信後、5分かからずに検索結果に反映されました…！ﾟﾟ( ﾟдﾟ )ｸﾜｯ!!
対象のWebページがGoogleに登録されているかどうかは、site:Wenbページのurlで検索すれば確認できます。
検索結果にWebページが表示されてればOKです。
Ruby on Railsでメール送信を行う際に必要となったツール及び実装を整理しましたφ(..)
Railsには、メールを送信するために、ActionMailerという仕組みがあります。 ActionMailerは、コントローラやーViewと同じような使い方でメールを送信させることができます。
SendGridを使うことで、自前でSMTPサーバ(メール送信用の端末)を 用意しなくてもRailsからメールを送付することが出来る。
SendGridはクラウドベースのメール配信サービスです。 アカウントを取得するだけですぐに利用を開始でき、簡単・確実にメールをお届けします。 面倒なメンテナンス作業や無駄なコストを削減し、ビジネスを加速させましょう！
rem SendGridのプラグインを導入 rem Herokuアカウントにクレジットカード情報を登録しないとエラーとなるため注意 heroku addons:create sendgrid:starter
rem USER_NAMEの確認 heroku config:get SENDGRID_USERNAME rem PASSWORDの確認 heroku config:get SENDGRID_PASSWORD
rem USER_NAMEの環境変数設定 heroku config:set SENDGRID_USERNAME=(調べたSENDGRID_USERNAME) rem PASSWORDの環境変数設定 heroku config:set SENDGRID_PASSWORD=(調べたSENDGRID_PASSWORD)
config/environments/production.rbに下記を追記
config.action_mailer.default_url_options = { host: '自分のHerokuアプリのドメイン' } #hoge.herokuapp.com
ActionMailer::Base.delivery_method = :smtp
ActionMailer::Base.smtp_settings =
{
user_name: ENV['SENDGRID_USERNAME'],
password: ENV['SENDGRID_PASSWORD'],
domain: "heroku.com",
address: "smtp.sendgrid.net",
port: 587,
authentication: :plain,
enable_starttls_auto: true
}
※環境変数からユーザー名やパスワードを取得することによって、公開を防ぐ事ができる。
rem herokuのドメイン名確認 heroku domains
letter_opener_webはメールの送信結果をブラウザ上で確認出来るgem
Gemfileへ下記を追記し、bundle install実施する。
省略 # 開発環境のみで使用 group :development do gem 'letter_opener_web' end
config/routesに下記を追記する。
# 開発環境かどうかを判断 if Rails.env.development? mount LetterOpenerWeb::Engine, at: "/letter_opener" end
config/environments/development.rbに下記を追記
# 省略 config.action_mailer.default_url_options = { host: 'localhost:3000' } config.action_mailer.delivery_method = :letter_opener_web
rails g mailer "Mailer名" rem rails g mailer "Mailer名" "メソッド名"で、メソッドをあわせて作成することも可能
Mailerでは宛先とメールのタイトル等を指定可能、引数も取ることが出来る。
app/mailers/notice_mailer.rb
class NoticeMailer < ApplicationMailer 省略 def sendmail_blog(blog) @blog = blog mail to: "メールアドレス", # 宛先 subject: "メールタイトル" # メールのタイトル end end
Mail Viewでは実装に送信するメールの文面を通常のViewのように記載可能
※MailerもControllerと同様にメソッド名と紐付いたViewを取得するため注意
app/views/notice_mailer/sendmail_blog.html.erb
<h1>新しくブログが投稿されました！</h1> <h4>title: <%= @blog.title %></h4> <p>content: <%= @blog.content %></p> <p> <%= link_to '投稿されたブログはこちら', blogs_url %> </p>
※テキスト形式のメール文面も作成する場合はapp/views/notice_mailer/sendmail_blog.text.erbも合わせて編集する。
メールの送信にはdeliverメソッドを使用する。
app/controllers/blogs_controller.rb
def create @blog = Blog.new(blogs_params) if @blog.save redirect_to blogs_path, notice: "ブログを作成しました！" NoticeMailer.sendmail_blog(@blog).deliver else render 'new' end end
以上
