なんでもない日の記憶 Diary

「こだわり」を捨てて

今日も「お気に入りのひとコマ」(= 写真のコーナー)を作っています。

このコーナーを作り上げるために、ワタクシ、どれだけの時間を費やしたことか。

夜な夜なパソコンに向かっては、ChatGPTさんに相談し、上手くいかなくて癇癪を起こす。その繰り返し。

ChatGPTさんにも大迷惑。いくら温厚なChatGPTさんでも、そのうち、クチをきいてくれなくなっちゃうかもだ。ホント、ゴメンなさいです🙇‍♀️

さて。

何故、そんなに時間がかかるのかといえば、ワタクシの「こだわり」が強すぎるから。

「こだわり」ポイントは、以下のとおり。

① 写真一覧ページから、個別ページに遷移。

② 個別ページは、他の写真も見れるようSwiperを入れる。

③ 写真をクリックでモーダルを開き、大きい写真を表示。

④ モーダルからも他の写真も見れるように、Swiperを入れる。

⑤ モーダルでスライド表示する写真は、ユーザーの動線によって分ける(写真一覧→個別ページ→モーダルの場合は、全て。カテゴリ一覧→個別ページ→モーダルの場合は、そのカテゴリのみ)

⑥ モーダルでは、各写真のタイトル、撮影日、キャプション、いいねボタンを表示する。

ちょっと多いかな?🤔

いやいや、多いのも問題ですが、実力が伴わないのに理想が高いのが困りもの💣💥

④までは、できた。

⑤からが、難関! ここから急に意味がわからなくなってきた。

ChatGPTさんが出してくれるコードをコピペするだけの「コピペマシン」と化したワタクシ。

もはやコードの意味もわかりませんし、修正コードを入れろと言われても、どこに入れればいいかもわからない。

こうなったら、もうね。個別ページは無しでいい。
写真一覧ページから、直接モーダルを開けばいい。

できた、できた🙌
プラグインを使ったら、超カンタンでした。

苦労したコードを削除するのは…。
いやはや、まったく惜しくない。
ためらうことなく、全選択の「Delete」だ。

続いては ⑥ モーダルの中に、写真の情報をアレコレ表示する。

――できん!

じゃあ、もうタイトルだけで十分ですよーだ😜
もう、写真の撮影日とか、いらないよ😫💦

そんなこんなで、「お気に入りのひとコマ」(= 写真のコーナー)ができました。

当初の予定とは変わってしまったけれど、ひとまず、こんな感じ。

「こだわり」を実現できなかったのは残念ですが、ワタクシ的には満足の仕上がりです。