お知らせのメール通知に作成者のアカウントID（ログイン名）を表示する

[88-99]

Issue

お知らせのメール通知に作者を表示してほしい。 #6305

概要

お知らせを作成したとき送信されるメールにお知らせ作成者の記載がないので、作成者のアカウントID（ログイン名）を表示する。

変更確認方法

1. feature/add-author-name-to-notification-email をローカルに取り込む。

2. bootcamp を起動する。
   bundle exec foreman start -f Procfile.dev

3. 任意のユーザでログインする。

4. お知らせを作成する。
   http://localhost:3000/announcements/new

5. http://localhost:3000/letter_opener に接続する。

6. 届いたメールにお知らせの作成者名が記載されていることを確認する。

Screenshot

変更前

変更後

[88-99]

@machida

お手隙のときに、こちらのデザインをお願いいたします🙏

[machida]

@88-99 お待たせしました🙇‍♂️ デザイン入れました！！

[88-99]

@machida

お待たせしました🙇‍♂️ デザイン入れました！！

ありがとうございます！🙇‍♂️

[88-99]

@a-kuroki-gs

急ぎませんので、お手隙のときにこちらのレビューをお願いできませんでしょうか？

[a-kuroki-gs]

@88-99
レビュー承知しました！
２～３日以内にはレビューさせていただきますので、少々お待ちください🙏

[88-99]

@a-kuroki-gs
ありがとうございます！お願いいたします🙏

[a-kuroki-gs]

@88-99
お待たせしました！
こちら問題なく動作することを確認いたしましたので、私からはApproveさせていただきます！
ただPRがDraft状態のままなので、Ready for reviewを押していただければと思います🙏

１つ個人的に気になった点としては、PRの変更確認方法において
「+ お知らせ作成」までの流れが長いかな？と思いました。
単純に http://localhost:3000/announcements/ にアクセスするか、左上の「お知らせ」タブをクリックし一覧画面に移動する等でもよさそうですし、
もしくは http://localhost:3000/announcements/new にアクセスするのように、お知らせ作成画面のリンクを載せるものアリかなと思いました。

参考までに🙇‍♀️

[88-99]

@a-kuroki-gs

お忙しいところご確認いただきまして、ありがとうございました🙇‍♂️

ただPRがDraft状態のままなので、Ready for reviewを押していただければと思います🙏

すみません、押しました。気をつけます。

１つ個人的に気になった点としては、PRの変更確認方法において
「+ お知らせ作成」までの流れが長いかな？と思いました。

おっしゃるとおりで長かったですね。ご指摘いただきありがとうございます🙏
http://localhost:3000/announcements/new にアクセスする文言にPRを修正しました。

[88-99]

@komagata

こちらのレビューよろしくお願いいたします🙏

[komagata]

確認させて頂きました。OKです〜🙆‍♂️

[88-99]

@komagata

ご確認いただき、ありがとうございました！

[88-99]

@machida @komagata

本番環境で確認しましたところ、作成者のアカウントIDの表示は確認できました。

先日のミーティングで触れた内容のピヨルドの画像がステージング環境で反映されていない件につきまして、本番環境でも反映を確認できませんでした。
只今、原因を調べています。

本番環境の通知メール

反映されない画像

[88-99]

@machida @komagata

ステージングや本番環境でのみ出現する不具合についてはどのようなアプローチを取れば良いのか、ご教示いただけないでしょうか？

反映されない画像が記述されているファイルのBlameで、特に最近修正した形跡がないことは確認しました。
https://github.com/fjordllc/bootcamp/blame/main/app/views/layouts/mailer.html.erb

[88-99]

ステージングや本番環境でのみ出現する不具合についてはどのようなアプローチを取れば良いのか、ご教示いただけないでしょうか？

疑問点としてあるのは、修正をステージング環境で確認するには、駒形さんにマージしていただかないといけないでしょうか？

[komagata]

@88-99 もう少し調べてみて、どのように調べたか、どのように考えたかをまとめてみてください〜

疑問点としてあるのは、修正をステージング環境で確認するには、駒形さんにマージしていただかないといけないでしょうか？

もうちょっと何が行われているかをブレイクダウンして考えてみた方がいいかもです。問題に対する知識の解像度が荒い状態かもしれません。ちょっと上記の文章だけでは情報が足りず、応えるのが難しいです。

まず、githubにあるコードがステージング環境・本番環境にデプロイされています。
mainブランチのコードがステージング環境に、productionブランチのコードが本番環境にそれぞれデプロイされるようになっています。
それぞれのデプロイがされるタイミングはそれぞれのブランチがpushされた時です。

Docs: Bootcampのデプロイ方法 | FBC

上記の情報をもとにもう一度質問をいただければありがたいです。

[88-99]

コメントいただきまして、ありがとうございます。

もう少し調べてみて、どのように調べたか、どのように考えたかをまとめてみてください〜

すみません、かしこまりました。考えてみます！

[88-99]

@komagata

もう少し調べてみて、どのように調べたか、どのように考えたかをまとめてみてください〜

調べたことをご報告させていただきます。

【これまでの状況】

• 開発環境では正常に表示され、ステージング環境と本番環境では表示されない。
  お知らせのメール通知に作成者のアカウントID（ログイン名）を表示する #7353 (comment)

【考えられること】

1. 今回の実装でのCSSの変更が、画像の読み込みや表示に影響を与えている
2. 今回の実装とは別に、画像に関する何らかの設定が変更され、パスの読み込みがうまくいかない

もし 1. であれば、開発環境やステージング環境の違いに関わらず同じ現象になりそうなので、2. の可能性の方が高いでしょうか...

【確認したこと】

開発者ツールで、該当箇所のコードを見比べました。

letter_opener(開発環境)の通知メールにはsrc="画像パス" があるので画像は表示される。

実際のメール(本番環境)には、imageタグとそのタグ内にほかの属性はあるが、src="画像パス" のみがないため、画像が表示されない。

適当に選んだ文字列src="aaaaaaaaaa"を記述した場合でもsrc="aaaaaaaaaa"は反映される。letter_opener(開発環境)で確認。

【Base64について】

• src="data:image/png;base64, <Base64エンコード後のパス>"と書くことで、エンコードした画像を直接埋め込むことができる。
• Base64でエンコードされた画像データは、元の画像がデータベースやクラウドストレージに保存されていなくても、エンコードされた文字列があればウェブ内で画像としてレンダリングすることができる。
• https://ja.wikipedia.org/wiki/Base64
• base64ってなんぞ？？理解のために実装してみた

【試したことその他】

開発環境での確認なので、以下どちらも画像は表示されました。

• 表示されない画像のエンコード文字列をbootcampアプリの別のページに埋め込む。
• 下記サイトで全く別の画像をエンコードしてメール通知のテンプレートに埋め込む。
  https://lab.syncer.jp/Tool/Base64-encode/

画像をbase64エンコードするツールです。ローカル環境で処理するため、画像を当サーバーにアップロードする必要がありません。

環境の違いでsrc属性が反映されないケースがあるのか検索してみましたが、これといった記事を見つけることができませんでした。

「imageタグとそのタグ内にほかの属性はあるが、src="画像パス" のみがない」というところが関係していると思いますが、アドバイスをいただけないでしょうか🙏
お願いいたします🙇‍♂️

[komagata]

@88-99 画像が表示されないのはどの行になりますか？

[88-99]

@komagata

https://github.com/fjordllc/bootcamp/blame/main/app/views/layouts/mailer.html.erb
こちらのファイルの119行目です。

今回のログイン名を表示する実装をしました app/views/notification_mailer/_notification_mailer_template.html.erb は、上記ファイル130行目の<%= yield %>で指定して表示されています。

[komagata]

@88-99 あ、今回変更していない箇所なんですね？今までは表示されていたんでしょうか？
@machida さんにも聞いてみるとわかるかもしれません。

[88-99]

@komagata
ご確認いただきありがとうございます。

あ、今回変更していない箇所なんですね？

そうです。

今までは表示されていたんでしょうか？

今まで表示されていたかどうかについては、私がリリース日までメール通知をOFFにしており確認できていないため、他の方にメールを確認していただこうと思います。

[komagata]

@88-99

今回変更していない箇所なんですね？今までは表示されていたんでしょうか？

あ、上記はステージング環境の話です。

[88-99]

@komagata

あ、上記はステージング環境の話です。

そちらは確認できていないです。マージ後ステージング環境で確認をしているときに、画像が表示されないことに気づきました。

[machida]

@88-99 @komagata

大体把握できました。コードの変更はないのに、本番でbase64の画像が表示されない。
これはコードの問題ではなく、GMAILの仕様が変わった可能性が高いです。僕のメール環境はGMAILしかないので、GMAILでしか確認ができないのですが、GMAILで見れないのはそもそも問題なので、そこを別Issueで対応しようと思います。

[88-99]

@machida CC: @komagata

ありがとうございます！
Issueを作成しました。
#7561