Google BardでCSSを最適化する
![Google BardでCSSを最適化する](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard.png)
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
関連記事
![Thumbnail of related posts 056](https://1-notes.com/wp-content/uploads/2023/02/ai-and-web-information-match-pump-150x150.png)
![Thumbnail of related posts 056](https://1-notes.com/wp-content/uploads/2023/02/ai-and-web-information-match-pump-150x150.png)
Bard?Bingは良いけどGoolgle、お前はダメだ。時代はAIとWEBの情報マッチポンプへ
Google検索にAIチャット「Bard」が限定公開中です。 Microsoft ...
![Thumbnail of related posts 014](https://1-notes.com/wp-content/uploads/2023/06/対話型AI-100x100.png)
![Thumbnail of related posts 014](https://1-notes.com/wp-content/uploads/2023/06/対話型AI-100x100.png)
Bard、ChatGPT、Bing チャットを比較(2023年6月時点)
無料で使える主要な対話型AI「Google Bard」「ChatGPT」「Mic ...
![Thumbnail of related posts 142](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 142](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardの画像検索を試してみました
2023年5月23日のアップデートにて、Googleの文章生成AI「Bard」で ...
![Thumbnail of related posts 032](https://1-notes.com/wp-content/uploads/2023/01/ChatGPT-150x150.png)
![Thumbnail of related posts 032](https://1-notes.com/wp-content/uploads/2023/01/ChatGPT-150x150.png)
ChatGPT、Bing AI、Bardの年齢制限を比較
対話型AIには、それぞれ年齢制限が設けられています。年齢制限の確認は、主に紐付け ...
![Thumbnail of related posts 059](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 059](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardでイラストが作成可能に、既にひな形はできている
Googleの文章生成AI「Bard」にて入力されたテキストからイラストを生成す ...
![Thumbnail of related posts 070](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 070](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardは危険な食材のレシピに対応できるのか
Googleの文章生成AI「Bard」にて料理のレシピについて調べる時、危険な食 ...
![Thumbnail of related posts 041](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 041](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardのプラグインの作成工程について
「Google Bard」で近く実装予定となっているプラグイン、その作成工程につ ...
![Thumbnail of related posts 035](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 035](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google BardはURLから内容を取得可能、実際にURLを送って検証してみた
Google BardはAIにURLを伝える事で、そのページの情報を取得可能とな ...
![Thumbnail of related posts 138](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 138](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bard | チャット履歴が利用可能になりました
Googleの文章生成AI「Bard」は、チャット履歴機能がりませんでしたが、2 ...
![Thumbnail of related posts 149](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 149](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardで表示されるアイコンを変更する方法
Googleの文章生成AI「Bard」で表示されるユーザーアイコンを変更する方法 ...
![Thumbnail of related posts 126](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 126](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardで位置情報を活用した質問を色々してみた結果
Googleの文章生成AI「Bard」で利用可能になった位置情報機能を活用した質 ...
![Thumbnail of related posts 172](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 172](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardは会話履歴を残せない、アクティビティ履歴には注意
GoogleのAI「Bard」は会話の履歴を残す機能は現状実装されていません。 ...
![Thumbnail of related posts 189](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 189](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardをキーワードプランナーとして活用する
Googleの対話型AI「Bard」は現在は日本語に未対応ですが、現状でも使える ...
![Thumbnail of related posts 002](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
![Thumbnail of related posts 002](https://1-notes.com/wp-content/uploads/2023/04/Google-Bard-100x100.png)
Google Bardの最大文字数、回数制限について
Googleの文章生成AI「Bard」の文字数、回数制限について調べてみましたの ...
![Thumbnail of related posts 116](https://1-notes.com/wp-content/uploads/2023/02/lambda-api-will-be-available-soon-150x150.png)
![Thumbnail of related posts 116](https://1-notes.com/wp-content/uploads/2023/02/lambda-api-will-be-available-soon-150x150.png)
LaMDAのAPIも提供開始予定、ChatGPTとBardでAI同士の会話が作れるっ!?
GoogleがGoogle検索への搭載を公開したAIチャット Bard、その基盤 ...
ディスカッション
コメント一覧
まだ、コメントがありません