皆さん、こんにちは!モルダモルキです。
今日はダンシングGIFホールのリンクをリニューアルしましたのでお知らせします。
ダンシングGIFホールはYouTube動画で私が作ったGIF画像を表示する一覧ページです。詳細はこちらの記事をご覧ください⭐
👉 ダンシングGIFホールについて
そのダンシングGIFホールのリンクは開閉式のドアです。
そのドアがこちらです👇

このドアは扉が開いて中から「DJテクノおばあちゃん」が出てくる仕組みなのですが、この上に動いているGIF画像の小窓を設置して、よりヴァイブスが高まるような仕組みにしました(笑) 😆
変更前がこちらです👇

アップデート後がこちらです😎

ドアの上に小窓があります!
今回はジェミニにデザインのサンプルHTMLコードを書いてもらい、それをChatGPTやクロードでブラッシュアップする形で導入しました。
この小窓はダンシングGIFホールで公開中のGIF画像を10秒ごとにランダム表示します。表示が被らないようにコードで調整したり、スマホでは窓のサイズを変更したり、表示の速度やデバイス間のレイアウトを意識して作られています。
そして最大の特徴が、他のページでも読み込んで表示することが可能なことです。
もしかしたらこの小窓が他のページに登場するかもしれません😄👍
細かい仕組みを知りたい方はChatGPTとクロードがまとめてくれたこちらのページをご覧ください♪
👉 開発デブログ記事
今後もどんどんAIを活用しながらサイト全体をより楽しくしていきたいと思いますので、まだブックマークをしていない方はぜひブックマークしてください♪
Hello everyone! I'm Molda Molki.
Today, I'd like to share an update to the Dancing GIF Hall link!
The Dancing GIF Hall is a gallery page featuring GIFs that I created for my YouTube videos. You can learn more about it in this article ⭐
👉 About Dancing GIF Hall
The link to the Dancing GIF Hall is a door that opens and closes.
Here's the door! 👇

When the door opens, “DJ Techno Grandma” comes out from inside! I added a small window above the door that displays an animated GIF, making the whole thing even more fun and boosting the vibes! 😂😆
Here's what it looked like before the update 👇

And here's the updated version! 😎

There's now a little window above the door!
For this update, I asked Gemini to create a sample HTML design, then used ChatGPT and Claude to refine it before adding it to the site.
The little window randomly displays GIFs from the Dancing GIF Hall, changing every 10 seconds.
I also added features to help avoid showing the same GIF twice in a row, adjust the window size on smartphones, and keep the display smooth and the layout suitable for different devices.
The biggest feature is that **I can also display this window on other pages of the site!**
You might spot it popping up on other pages in the future! 😄👍
If you'd like to learn more about how it works, check out this article put together with the help of ChatGPT and Claude! ♪
👉 Devlog Article
I'll keep making the whole site more fun by putting AI to good use!
If you haven't bookmarked FUKABORI COLORS yet, why not bookmark it now? ♪


コメント