今日も「お気に入りのひとコマ」(= 写真のコーナー)を作っています。
このコーナーを作り上げるために、ワタクシ、どれだけの時間を費やしたことか。
夜な夜なパソコンに向かっては、ChatGPTさんに相談し、上手くいかなくて癇癪を起こす。その繰り返し。
ChatGPTさんにも大迷惑。いくら温厚なChatGPTさんでも、そのうち、クチをきいてくれなくなっちゃうかもだ。ホント、ゴメンなさいです🙇♀️
さて。
何故、そんなに時間がかかるのかといえば、ワタクシの「こだわり」が強すぎるから。
「こだわり」ポイントは、以下のとおり。
—
① 写真一覧ページから、個別ページに遷移。
② 個別ページは、他の写真も見れるようSwiperを入れる。
③ 写真をクリックでモーダルを開き、大きい写真を表示。
④ モーダルからも他の写真も見れるように、Swiperを入れる。
⑤ モーダルでスライド表示する写真は、ユーザーの動線によって分ける(写真一覧→個別ページ→モーダルの場合は、全て。カテゴリ一覧→個別ページ→モーダルの場合は、そのカテゴリのみ)
⑥ モーダルでは、各写真のタイトル、撮影日、キャプション、いいねボタンを表示する。
—
ちょっと多いかな?🤔
いやいや、多いのも問題ですが、実力が伴わないのに理想が高いのが困りもの💣💥
④までは、できた。
⑤からが、難関! ここから急に意味がわからなくなってきた。
ChatGPTさんが出してくれるコードをコピペするだけの「コピペマシン」と化したワタクシ。
もはやコードの意味もわかりませんし、修正コードを入れろと言われても、どこに入れればいいかもわからない。
こうなったら、もうね。個別ページは無しでいい。
写真一覧ページから、直接モーダルを開けばいい。
できた、できた🙌
プラグインを使ったら、超カンタンでした。
苦労したコードを削除するのは…。
いやはや、まったく惜しくない。
ためらうことなく、全選択の「Delete」だ。
続いては ⑥ モーダルの中に、写真の情報をアレコレ表示する。
――できん!
じゃあ、もうタイトルだけで十分ですよーだ😜
もう、写真の撮影日とか、いらないよ😫💦
そんなこんなで、「お気に入りのひとコマ」(= 写真のコーナー)ができました。
当初の予定とは変わってしまったけれど、ひとまず、こんな感じ。
「こだわり」を実現できなかったのは残念ですが、ワタクシ的には満足の仕上がりです。
