このサイトを、どうやって作ったか

―― COMIC AGORA 開発メモ ――

先にCyberMare(Stage Zero)サイトのBLOGを作ったので、そのときのタイルデザインを生かしたいと思いました。

AIくん(ChatGPT)ですが、結構、手戻り(先にうまくいっていたことを修正すると元に戻ってしまったり、崩れてしまう)ことが多かったのと、例えば、デザインを決めるcssを頼むと、元のcssの末尾につけて上書きするように、といわれ、結果、無駄なcss(前の指示をどんどん打ち消していくようなcss)を出してくるので、キ~~~となりながら数日AIくんとやり取りしていました。

ChatGPT に出した指示(整理)

表示崩れや画像サイズの暴走を直したい(タイル展開したシングルページでの画像表示サイズ制限とクリック後拡大/再クリックで元の記事に戻る、絵文字が不自然に拡大するのを修正、などの指示)

タイル型レイアウトにしたい、数が増えても下方スクロールで見られるようにしたい、タイルのサイズやウィンドウとの連動方法など

コメントがついたら数がわかるようなアイコンをつけたい

投稿者のボタンをクリックしたら投稿内容を絞れるようにしたい

投稿者ごとに色を分けたい(色が似たので変えたい、16進で欲しい 等も追加指示)

WordPressの標準投稿機能は保ちたい(投稿者が迷わない)←実際にはこの指示はさほどAIくんに言っていない(この役割は何?とか聞いたことはあったけど)

CSS/HTML/PHPの変更箇所を具体的に示してほしい(どこを換えればいいか)

こんな感じです。。。まだ、モバイルで見たときのデフォルトを修正したい、とかいろいろあるのですが、ひとまず運用開始できそうなところまで来たのでホッとしています。

投稿者数が増えてきたとき、活用しづらいところが見えてくるのか、まだスタート段階ではわからないので、使いながら改良していく(AIくんにお願いする=>キーッとなる(笑))を繰り返していきたいと思います。

よろしくお願いします(たぬくま記 2026/2/2)

コメント

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

※ 反映は投稿者の承認待ちになります。