Featured image of post GPT-5.6 Solに曖昧な指示でブログを作り直してもらった

GPT-5.6 Solに曖昧な指示でブログを作り直してもらった

GPT-5.6 Solに大まかな好みと修正指示を渡し、StackベースのHugoブログを作り直してもらった記録。

このブログは、HugoのStackテーマを使っている。

Stackデフォルト デスクトップ

Stackデフォルト モバイル

機能には困っていなかったが、他のブログで同じテーマが採用されているものをたまに見かけていたので、見た目をもう少し自分好みにしたくなった。 そこで、GPT-5.6 Solにリポジトリを渡し、雰囲気だけ伝えて作り直してもらった。

blog.stin.inkAstroのデザインやレイアウトを参考に、少し寄せたい。 スタイリッシュ、シンプル、遊び心を大切に。 さりげなくアニメーションを入れる場合は心地よさ重視で。 あくまでStackベースなので、機能の互換性を破壊しないように。 一覧のカードは画像→タイトル→ディスクリプション→日付と読了見込みの時間→カテゴリの順になるように。カテゴリに現在色付けされているが、同じモノトーンでよい。 各記事のページは見出しや引用などのスタイルを刷新したい。 また、単純なwebリンクやTwitterリンクはOGPとして埋め込めるようにしたい。

とても良いね。2カラム構成になるのであれば、一覧画面の1ページあたりの表示件数は偶数で10件にするとよさそう

一覧から記事を開くときに、上下にふわっと広がってページが展開されるようにアニメーションして記事を開くことはできる?可能なら実装して欲しい

モバイルで表示されるハンバーガーメニューについては https://catnose.me/ catnosePersonal website of catnose. catnose.me のように、下部にふわっと展開させるmenuを置く形に変更したい。PCサイズはハンバーガーにならないと思うので不要。

かなり雑な指示だったが、破綻なく、それなりに意図どおりに実装してくれた。

スタイル編集版 デスクトップ

スタイル編集版 モバイル

スタイル編集版 モバイル メニューオープン

最後にPageSpeed Insightsのモバイルとデスクトップを満点にするよう頼むと、画像配信や読み込み順を修正し、両方とも主要4カテゴリが100になった。

メンテナンス等に責任を持つ必要がない領域においては、ここ半年くらいでコードを見なくても良くなってきた。

勿論、お客さんがいるサービスや大規模なコードベースでは今のところまだソフトウェアエンジニアリングやコードの把握に価値がありそうだが、そうではない軽いところはAIに全部任せられる。

便利になった反面、プログラミングの筋力みたいなものは衰えていっている気がする。たまには趣味として、敢えて手書きでコーディングする機会も作っておいた方が良いのだろうか。

Built with Hugo
Theme Stack designed by Jimmy