rails g controller [namespaceのグループ名]/[コントローラー名]でいいんだな。
なんかGoogle検索がAI使えるようになったよ！って言ってきたから使うわって言ったら、検索結果の一番上に知りたかった内容表示してくれた。わざわざ結果に出ていた各ページを訪問しなくても、これが知りたかったんでしょ？っていうのをまとめて表示してくれるっぽいな。すごい。

ななな

よし、コントローラもできたのでリンクがちゃんとできてるかテスト。

ななな

よし！リンクはちゃんとできた。

ななな

今度は中身のコードが配布されてるファイルに、その中身をコピペしていく。パーシャルはまだ生成してないので生成からやる。

ななな

OK。ただ、ransack関係のエラーが出てしまって色々確認できないので、一旦検索フォームは無効にしておく（検索フォームをレンダリングしているコードをコメントアウトする）。

ななな

大まかな進め方の方針

基本的なCRUD機能の実装
削除ボタンのAjax化
検索機能の実装

これをユーザー→掲示板の順でやっていこうと思う。

ななな

あれ、だめだ。コメントアウトしても読み込もうとしてエラーになる。
諦めてransackの対応先にやるか。

ななな

完全に忘れてるので既存のコードを確認。それでもわからなければ初登場時のカリキュラムページを見に行こう。

ななな

（できればransackの使い方もまとめてTILに投げたいなあ…）

ななな

あ〜ransackのほうはいけたっぽいけどroleの多言語化も先にやらないとだめか。仕方がないのでそっちもやり方調べて対応する。

ななな

よし、enum_helpの概要はわかったので早速インストールする。

ななな

OK。次はロケールを追加。

ななな

できたけどページネーションもやらなきゃだ〜〜
やります…結局どれも後回しには出来ないね…

ななな

おお〜できた〜〜！
レイアウト指定してなくて通常バージョンのヘッダーになっちゃってるので、admin用のを指定する。

ななな

…と思ったけどよく考えたらAdmin::BaseControllerで指定したんだから個別にする必要ないんじゃ？？
と思ったところで、継承を書き直してないことに気づいた。直す。

ななな

OK！
検索機能はさっきコントローラに書いた部分以外はコピペしたコードでもう出来上がってるみたい。詳しいことは後にして（どうせ掲示板のほうを作るときに見ることになるので）、ユーザー一覧ページを完成させにかかる。

ななな

まずは多言語化対応。

ななな

モデルの属性名ってこの場合どう多言語化するんだ？？ロケールを追加したら自動でなるかな。

ななな

お、いけた！
ただfull_nameだけどうなってるのかわからんな。そんなカラム名はないからdecorator使ってるのかな。ちょいと調べてみよう。

ななな

あれ！ダメ元で普通にロケール追加したらいけちゃった。どういう理屈だ？？
→ロボらんてくんに聞いて判明したのでTILに投げた

ななな

今日はここまで…なんだけど、しまったこまめなコミット忘れてた。一応今日の時点でのコミットもしときたいけど、メッセージなんにしよう？
「メニューリンク作成、ルーティング追加、enum多言語化」でいいかな。やり途中のところはスルーして完了してるとこだけ。
いや、やっぱり「メニューリンク作成、ルーティング追加、enum多言語化、コントローラ＆ビューファイルの生成」にしとこう。こっちのほうが正確だ。

ななな

2023.10.13

今日もやっていく。

ななな

まずユーザー一覧ページを完成させる。

ななな

検索フォームを多言語化する。

ななな

ページネーションも見た目整えたほうがいいかな？通常の掲示板一覧を参考にしてみるか。

ななな

お、できた。見た目はこれでOKそうなので、詳細・編集・削除ボタンをそれぞれ使えるようにしていく。

ななな

…と思ったけど、ボタンのリンク自体はもうできてるなこれ。むしろリンク先をきちんと表示されるように整えないといけないな。
まずユーザー詳細ページからいくか。

ななな

これもビューの方はほぼほぼ良さそう。コントローラのアクションの中身を作らないと。

ななな

よし、OK。次は編集ページ。

ななな

エラーメッセージのパーシャル、ファイル名を「_error_message.html.erb」にしてたんだけど、コピペしたコードだと「_error_messages.html.erb」になってるな。うーーん今更全部直すの大変だからコードの法を直しちゃったけど、どちらかというと複数形のほうが良かった気はするな…。次からはそうしよう。

ななな

編集ページも見た目はOKなので、updateアクションを作っていく。

ななな

よし、編集機能が無事動くかチェック。

ななな

OK。最後に削除機能。まずは詳細ページから削除した場合の動きを作る。

ななな

よし、出来たので試す。

ななな

あれ、ボタンが反応しない…また？？サーバーログ見てみよう。

ななな

リクエストがGETになってるな。確認ダイアログも出なかった。ということはTurboがうまく動いてない？？

ななな

あ、確認ダイアログのロケールのキーが間違ってる。messageいらんわ。

ななな

てか直すとこ間違ってた…ユーザー一覧の方いじってた。そりゃそうなるわ。

ななな

ユーザー詳細のほうを直して無事解決。
さて、一覧の方の削除ボタンをAjax化するか。

ななな

やり方全然覚えてないのでcoment周りのコード見て思い出す…。

ななな

Ajax化したいアクションに対応したアクション名.turbo_stream.html.erbというビューファイルを作る
その中に加えたい変更を書く
大まかに言うとこんな感じかな。

ななな

てかやっぱり前にまとめてた！！
なのに忘れてたとかどんだけよ…。とりあぜずこれ見ながら思い出してやろう。

ななな

よし、だいたい把握はできた。

ななな

まずはturbo_streamファイルを作る。

ななな

できた。続いて中に加えたい変更内容を書いていく！今回の場合はコンテンツの削除だからturboアクションとしてはremoveだな。ターゲットのidは…あ、そうか個々のユーザーIDが含まれるようなidを付けなきゃいけないな。まずはそれか。

ななな

idはOK。いざ中身を書いていく。

ななな

OK。書いた中身に合わせてコントローラのdestroyアクションを修正（ローカル変数userをインスタンス変数@userに）

ななな

出来たと思う…けどこれ一覧で削除ボタン押したときと詳細で押したときをどうやって分ければいいんだ？

ななな

とりあえず一覧で押したときにちゃんと動くかチェックする。

ななな

これはちゃんとできてた。でも詳細のほうで押したときどうなるんだ？？？

ななな

⁉
やってみたらなぜかユーザー一覧ページに飛んでくれた…いや嬉しいけどなぜ？？

ななな

あ、なんだ。単にredirect_toを消し忘れてただけだ。消してやってみよう。

ななな

あ、だめだ。リロードしないと消えない。うーん。

ななな

ん〜〜なんでだめなんだ。というかこれひょっとしてAjax化する必要ないのかな。
もう一旦やめにして普通にリダイレクトするようにしてしまおう。

ななな

あ！ファイル名間違えてる！destroy.turbo_stream.html.erbじゃなくてdestroy.turbo_stream.erbだ。.htmlがいらない！

ななな

出来た〜〜！
…で、詳細ページから削除した場合は結局どうする？？

ななな

正直Ajax化はしなくていい気はするけどせっかくだから挑戦してみるか。ただ今日はもう時間なので続きは明日。
以前書いたTurbo StreamのまとめをマークダウンでエクスポートしてTILに上げとこう。

ななな

あと役立ちそうな記事のリンク貼っとこ。

ななな

しまった〜〜〜またコミットするの忘れてた。今日の分だけでもしよう…メッセージどうしようかな。
「ユーザー一覧・詳細・編集ページの作成。およびユーザー編集・削除機能の実装」でいくか。

ななな

2023.10.14

今日は遷移元による処理の分岐から。とりあえずやってみて、うまくいかないようならリダイレクト一本にしちゃおう。

ななな

request.refererで遷移元のURLを取得できるらしいのでそれでやってみる。

ななな

…の前に、今のままで詳細ページから削除ボタン押すとどうなるのか気になるのでやってみる。ターゲットidがページ内にないから何も起こらないとかになるのかな？

ななな

あ〜押しても一見何も起こらないけど、レコードの削除はされてるからリロードすると「そのユーザー部ジェクト無いよ」ってエラーになるんだな。
よし、確かめられたので分岐を実装する。

ななな

ん〜〜やってみたけど、これひょっとしてredirect_toってビューでは使えない？そんなメソッド無いよって言われちゃった。
ってことはアクションのほうで分岐するしかないか。ますますこれやんなくていいんじゃね感が高まってきたけど、ここまで調べたし一応やるか。

ななな

お〜できた。参考にした記事のリンク貼っとこ。

ななな

よし！ユーザーの方はできたので次は掲示板に移る。

ななな

の前に今の状態でコミットしとく。

ななな

デザイン見る限り、基本はユーザーのページをベースにして中身変えるだけで行けそうだな。
というわけでまずはビューファイルのコードをコピペして適宜書き換える。

ななな

掲示板一覧に表示する項目、「作成日」って書いてあるけどサンプル動画見ると「作成日時」になってるな。とりあえず「作成日時」にしておこう。

ななな

よし、indexのビューとアクションを仮に作ったのでテストしてみる。

ななな

OK！検索機能は後回しにすることにして、次に詳細ページを作る。

ななな

OK、出来てるか確認。

ななな

サンプル動画見て気づいたけど本文も要るな。書いてないけど。追加する。

ななな

よし。次、編集ページ。

ななな

一旦休憩。

ななな

OKなんだけどちょっと見た目がサンプルと違うので合わせたい。たぶん通常の掲示板編集を参考にしたほうが良さそうかな。

ななな

そもそもbodyがtext_fieldになってるからだ。text_areaに直す。で、rows: 10だな。

ななな

OK。次は編集機能を完成させる。updateアクションの中身を書く。

ななな

よしOK。

ななな

次、削除機能。こっちはもう最初からAjax化して作る。

ななな

よし確認。

ななな

できた〜〜〜〜！！
これで残りは掲示板の検索機能のみ。ワード検索はそのままでいいとして、作成日の範囲指定検索のやり方を調べなくては。

ななな

う〜ん結構難しそう。とりあえず参考になりそうな記事のリンク。

ななな

日付検索の基本はわかった。date_fieldと_gteq、_lteqを使えばいいんだな。

ななな

ただしこのままだと_lteqが「指定の日付の0:00まで」になってしまって事実上その日付が含まれないので、カスタム述語を作ることで対応すると。

ななな

今日はここまで。明日カスタム述語を作るところから再開する。
コミットメッセージは「掲示板一覧・詳細・編集ページの作成、および掲示板編集・削除機能の実装。ransack設定ファイルの追加」にしよう。

ななな

2023.10.15

今日はransackの設定ファイルの中身を作るところから。

ななな

OK。検索フォームのコードを新たに作った述語で書き換えてテスト。

ななな

できた！ransack設定ファイルの書き方の詳細については後で確認するとして、次は検索フォームの見た目を整えよう。今は日付選択フィールドが縦に並んじゃってるから横並びにしたい。

ななな

なるほど。me-3は「m=マージンをe=end（今は左から右なので右）に3=$ spacer（たぶん設定で1spacer=何pxか決められる）」ってことなんだな。
ということは開始日の方のme-3をなしにしちゃえばいいのか。

ななな

よし、きれいになった。
最後は「アクティブ・非アクティブ」ってやつか。サンプル動画見た感じ、メニューリンクの表示の話かな？ユーザー関連ページにいるときはユーザー一覧の方に色がついて、掲示板のときも然り、みたいな。
↓このページを参考にしてみよう。

ななな

いや、どっちかというとこっちかも？

ななな

う〜ん、タブ切り替えのやり方ばっかり出てきちゃうな。ロボらんてくんに聞いてみるか。

ななな

現在のページのパスが特定のパターンである場合だけclassにactiveを追加すればいいのか。
そういうメソッドがあるか調べよう。あるいは自作してもいいな。

ななな

あ、「コントローラが特定のもの」とかもできるのか。これでいけるかも。

ななな

だめだった。アクションのみ指定はできてもコントローラのみ指定はできないらしい。
ヒント見よう。

ななな

params[:controller]でコントローラ名取得できるの！？マジか〜

ななな

いちおうできた。けど正直もっときれいな書き方絶対あるだろうなって思う…。<%= %>の中で分岐したい場合ってどうすればいいんだ……

ななな

とりあえず確認ポイントチェックして、良さそうならローカルテストする。望ましい書き方についてはクリア後にチェックして修正することにする。

ななな

ユーザー一覧画面、作成日時も要るよね？確認ポイントには書いてないけどたぶん漏れだなこれ。

ななな

あとユーザー詳細画面も書いてないけどたんアバター要る。

ななな

掲示板一覧、タイトル部分をクリックすると詳細に飛ぶようにってあるけど、サンプル動画だとそうなってなくないか？？どっちなんだろう。一旦無視しておくか。

ななな

掲示板詳細および編集ページのタイトルが個別の掲示板タイトルになっていないので修正。

ななな

確認ポイント全てクリアしたのでローカルテスト。

ななな

久々にローカルテスト一発OK！コミットしてプルリクだ。
コミットメッセージは「掲示板検索機能の実装、メニューリンクのアクティブ・非アクティブ切り替え昨日の実装=>Rails基礎22実装完了」で。

ななな

Lintチェックでrequest.referrerじゃなくてrequest.refererって書こうねって言われた。そっちのほうが望ましいのね。

ななな

LGTM!
休憩してから復習に入る。

ななな

復習ポイント、色々書いてあるけど修正が必要なポイントとしては、

メニューリンクのアクティブ・非アクティブ切り替え機能
data: { disable_with: '送信中'}について

って感じかな。
まずはメニューリンクの方からいくか。

ななな

submitのdata-disable-withはRails5からデフォルトで設定されるようになっていたらしい。お前いらなかったんかい！いろんなフォームで書いちゃってるので消して回る…

ななな

OK。次は解答例のコードを見て他に直すところがないか探す。削除ボタンのAjax化はたぶんいらなかったんじゃないかなあ…

ななな

ユーザーおよび掲示板一覧は作成日時が新しい順に並び替える。

ななな

あ、やっぱりAjax化はしてないね…まあ勉強になったから良しとしよう。直す。

ななな

掲示板の日付検索部分の表示を修正。

ななな

掲示板編集のサムネイル周りのコードを修正（小さいサイズでプレビューされるように）。

ななな

ヘッダーのロゴを押すとダッシュボードに飛ぶようにする。

ななな

activerecordのロケール、共通の属性はそれだけでattributesとしてまとめられるのか？？ちょっと調べてもわからないのでパス。

ななな

よし、修正はこれで終わり。
後は復習ポイントに書いてある内容をどこまで理解することにするか…

ransackとenumを使ったプルダウン選択について
procについて
可変長引数について
any?メソッドについて

ななな

とりあえず可変長引数とany?メソッドについて軽く触れておくか。

ななな

可変長引数：個数を指定しない引数のこと。
any?メソッド：配列などのコレクションの要素に1つでも真があればtrueを返し、全ての要素が偽ならfalseを返すメソッド。ブロックを伴う場合は、各要素に対してブロックを評価し、すべての結果が偽である場合に false を返す。ブロックが真を返した時点で、ただちに true を返す。

ななな

次、procについて。
ブロックをオブジェクト化したもの、とのこと。それ以上は今の自分には難しそうなので深入りしないことにする。

ななな

次、ransackのプルダウンとそれをenumで使う方法について。
配布されたコードに最初から書いてあったから正直なにがどうなってるのか理解してない。できるところまで紐解いてみる。

ななな

enum_helpをインストールすると、属性名_i18nというメソッドが使えるようになる。これで属性の値を翻訳済の状態で取得できる。
さらに属性名を複数形にすれば、翻訳後の属性を列挙したコレクションを取得できる。

user = User.first

user.role
# => 'general'

user.role_i18n
# => '一般'

user.roles_i18n
# => {"general" => "一般", "admin" => "管理者" }

ななな

プルダウン検索の実装、理解はできた。できたけど自力でまとめなおす元気がないのでリンク貼っとく…↑のenum_helpのと合わせればこれでわかる…

ななな

よし、TILにできる範囲でまとめた。
これにてRail基礎22、というかRails基礎完了！！