2024年05月30日(木)
ChatGPTでAIが回答したHTML/CSS/JavaScriptのコードを直接チャット内にCodepenで動作確認できるようにするオープンソースのブラウザ拡張・「ChatGPT Web Preview」
ChatGPT Web Preview
ChatGPT Web PreviewはChatGPTでAIが回答したHTML/CSS/JavaScriptのコードを直接チャット内にCodepenで動作確認できるようにするオープンソースのブラウザ拡張です。上SSのようにコードが返されると同時に結果がプレビューされています。コードを返す旨のプロンプトを入力して回答されると、HTML、CSS、JavaScriptのコードブロックを自動的に検出し、リアルタイムでレンダリング、チャット内に直接Codepenによる結果が埋め込まれ、その場で動作確認出来る、というものになります。
わざわざCodepenにアクセスしてコ...
0
1
0
5
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『ChatGPTでAIが回答したHTML/CSS/JavaScriptのコードを直接チャット内にCodepenで動作確認できるようにするオープンソースのブラウザ拡張・「ChatGPT Web Preview」』についてまとめています。
この記事は特にjavascriptについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
