Google BardでCSSを最適化する
Googleの文章生成AI「Bard」の便利な使い道、面白い使い道として既存のCSSを最適化をしてみました。
CSSを最適化する
以下は「Bard」で既存のCSSを最適化をしてみた結果になります。
以下のCSSを最適化して下さい。
以下のCSSを最適化して下さい。
p {
padding: 10px 0;
margin: 10px;
}
h2 {
padding: 10px 0;
margin: 10px;
}
h3 {
padding: 10px 0;
margin: 10px;
}
#breadcrumb-area {
padding: 10px 0;
margin: 10px;
}
以下のCSSは、次の方法で最適化できます。
- 同じプロパティの値を同じセレクターに適用する
- セレクターを再編成して、より効率的なコードにする
- 不要なCSSを削除する
最適化されたCSSは次のとおりです。
p, h2, h3, #breadcrumb-area {
padding: 10px 0;
margin: 10px;
}
このCSSは、元のCSSよりも効率的で、ページの読み込み時間を短縮することができます。
とりあえず簡単な最適化は問題なく実行する事ができました。
また、長めのCSSだと変化がない場合もあります。
ChatGPTでも試してみましたが、現状ではChatGPTの方が一歩先を進んでいるかも知れません。
ただ、複数回答されるうちのひとつには、Googleらしく色やサイズなどもSEO目線で調整してくれているものもあり、今後、長文に対応するなど強化された場合、優秀なツールとして力を発揮しそうです。
Posted by Yousuke.U
関連記事
Google Bardで位置情報の設定、効果やリスクなど
Googleの文章生成AI「Bard」で位置情報の設定についてのアナウンスがあり ...
Google BardのAPIが提供予定?Bardに聞いてみた
Googleが公開した言語型AI「Bard」はChatGPTや他のAI同様にAP ...
Google Bardの画像検索を試してみました
2023年5月23日のアップデートにて、Googleの文章生成AI「Bard」で ...
Google Bardは会話履歴を残せない、アクティビティ履歴には注意
GoogleのAI「Bard」は会話の履歴を残す機能は現状実装されていません。 ...
Google Bardで表示されるアイコンを変更する方法
Googleの文章生成AI「Bard」で表示されるユーザーアイコンを変更する方法 ...
Google Bard | チャット履歴が利用可能になりました
Googleの文章生成AI「Bard」は、チャット履歴機能がりませんでしたが、2 ...
Google Bardでイラストが作成可能に、既にひな形はできている
Googleの文章生成AI「Bard」にて入力されたテキストからイラストを生成す ...
Google Bardが長文指定時に、一度に返す事が可能な文字数上限について
Googleの文章生成AI「Bard」が一度に返す事が可能な文字数について調べて ...
Google Bardのプラグインの作成工程について
「Google Bard」で近く実装予定となっているプラグイン、その作成工程につ ...
Google Bardをキーワードプランナーとして活用する
Googleの対話型AI「Bard」は現在は日本語に未対応ですが、現状でも使える ...
Google BardがChatGPTより優れている点を聞いてみた
Googleの文章生成AI「Bard」にBardががChatGPTより優れている ...
Google Bardは危険な食材のレシピに対応できるのか
Googleの文章生成AI「Bard」にて料理のレシピについて調べる時、危険な食 ...
Google Bardの年齢制限は何故18歳に設定されているのか
Googleの文章生成AI「Bard」は何故年齢制限を18 歳以上のユーザーとし ...
Google Bardで複数のチャットログを保持する機能について
Googleの文章生成AI「Bard」は2023年5月現在、ChatGPTのよう ...
Google Bardで表を作成するプロンプト例
Googleの文章生成AI「Bard」にて表の作成を指定するサンプルプロンプトを ...
ディスカッション
コメント一覧
まだ、コメントがありません