css設定も含まれたhtmlファイルをcssファイルとhtmlファイルに分解する

利用目的

ALBでメンテナンスページを出す時、固定レスポンスにHTML・CSSを含めたものを記載することで好きなメンテナンスページを表示させることができます。

ただ固定レスポンスに記載できる文字数に制限があり、ユーザーフレンドリーなページを出すためには足りずhtmlとcssを別々にする必要がありました。

ですが知識が乏しいので、GPTに助けてもらい表示内容は変えずにファイルだけ別々で作成してもらいました。

プロンプト

#添付したhtmlファイルをCSSファイルとhtmlファイルに分けてください。
(対象のhtmlファイルを添付するかhtmlファイルの内容を丸ごとペーストしてください。)

プロンプトのポイント

今回は特に工夫しなくてもシンプルに記載すれば問題なかったです。

対象のファイルをどう参照させるかでプロンプト内容は変えたほうがいいと思います。

達成された成果

それぞれのテキストファイルが生成されて表示してみるとhtmlとcssが別々になる前の表示内容と同じものが表示されました。

知識が乏しくても準備含めて5-10分で解決できました。

使用上のヒントやアドバイス

シンプルに聞いてみて表示が違うなどがあれば表示は変えたくないなどの意思を伝えればいいかなと思います。