ブログページのデザインを変えた

ブログページをCMS化した当サイトですが、CMS化した時点でCSSがうまく反映されなくなったため大変読みづらいページになっていました。

CSSを調整して元に戻せばいいだけの話なのですが、どうせいじるならデザインも少し変えてみようと思い立ち、ガラッと雰囲気を変えてみました。

トップページはこんな感じ。

ブログのエントリーページはこんな感じ。Beforeが特に読みづらい。

トップページがダークモードなデザインなので、ブログページはライトモードにしています。

使っている色は同じですが、ダークモードだとネオンのように、ライトモードだと少しレトロな雰囲気が出せてるんじゃないでしょうか。

デザインコンセプトはAIとともに

デザインについては経験もなければセンスもないということで、AIと会話しながら方向性を決めていきました。

「ブログだけトップページとはデザインを変えてみるのってどう思う？」

AI「結論から言うととてもいいです。～（大変すばらしい理由）～ 。ただし統一感を持たせることは重要です。」

「トップページとの共通点はほしいよね。いい方法ある？」

AI「統一感の出し方は…」

「それでいこう」

みたいな感じで進めました。

AIとやり取りしていると、こちらが油断するとすぐにコーディングを始めてしまうので、アイデアが固まるまではコーディングしなくていいよ、とお伝えしたら無駄に回答が長くならなくていい感じでした。

AIは特に課金していないので適当に無料で使える奴に聞いています。チャッピーとかジェミニとかコパイロットとか。この程度の会話だと回答に違いはあってもそんなに差は感じられず。

コーディングはほぼAIに

デザインの方向性が決まったらあとは 「それで作成して」と伝えるだけでサクッと作ってもらえます。

ただ、自分の場合は学習目的もあるのでまるっとコピペはせずに、理解したものを追加していくようなやり方をしているのでそこそこ時間はかかっている。

最初はまるっとコピペしたりもしていたのですが、それだと思ったのと違う結果になってしまったときの修正作業がどうもうまくいかない。

「ここ直して」

AI「問題個所は明らかです。この通り修正してください。」

「なんか直ってないし、正しかったところまでおかしくなったよ」

AI「ここが原因です。ここはよくあるハマりポイントです」

（…さっきAIが直せって言ったところじゃん＞ 振出しに戻るどころか悪化していく）

ということがちょいちょい起こる。

そうなると一から作り直してもらった方が速いということになり、ガチャでいい感じのものが出てくるまで頑張っているような感覚になりました。

これは楽しくない。

ということで今のスタイルに落ち着いたのですが、これは作業のたびに結果が積みあがっていく感じがするので楽しい。

AIに課金するかガチャで頑張るかするのが効率的には正しいような気もするけど、これは趣味だからね。楽しいやり方が一番。

着地することが大切

そんな感じでAIとやり取りをしていると、AIってやつは会話を終わりにしようとしないということに気づきます。

「いい感じで実装できたよ」

AI「素晴らしいです！最後にこれだけ確認してみてください。これをやると完成度が90%→100%に上がります」

「そこはこうなっているよ。OK、対応した」

AI「かなりいい状態です！もしよければ最後に1つだけ聞かせてください。もしかして○○はこうなっていますか？実はかなり便利な方法があります」

（何回最後の質問くるんだ…？）

こちらも作業結果が目に見える分、楽しくてついついずっと対応してしまうのですが、ある程度のところで着地点を自分で見つけないと、AIが完成させてくれない。

何事も最後に着地することが大切。

それにしてもこの最後の質問が延々とくる現象はうちのAIだけなのか？