ChatGPTでコード生成、Webサイトを作れるか？
83 هزار بار بازدید -
پارسال
-
今回は、ChatGPTでWebサイトのHTML CSSコードを生成をお願いして、どんなサイトが出来上がるか、実際に使えるサイトなのか検証してみました😊♪※マイク設定のミスにより、一部音声が聴きづらい点があります、すみません💦🔗 ChatGPTサイト：
今回は、ChatGPTでWebサイトのHTML CSSコードを生成をお願いして、どんなサイトが出来上がるか、実際に使えるサイトなのか検証してみました😊♪
※マイク設定のミスにより、一部音声が聴きづらい点があります、すみません💦
🔗 ChatGPTサイト：https://openai.com/blog/chatgpt
🎥 この動画の構成 🎥
00:00 ChatGPTでWebサイトを作る
00:40 ChatGPTにアクセス・ログイン
01:05 質問をしてみる
00:50 Webサイトのコード生成をお願いしてみる
01:59 途中で生成が止まってしまった時は？
02:52 生成結果（Webサイト - 1）
03:08 より具体的にコード生成をお願いしてみる
03:31 生成結果（Webサイト - 2）
03:46 生成結果（ 画像・動画あり）
04:22 追加で、ヘッダーを追従させるコードの生成をお願いしてみる。
05:05 生成結果（ヘッダー追従機能）
05:34 使ってみて思ったこと
05:53 実用性は？
06:14 オススメの使用用途
06:38 今後の期待 その1
07:09 今後の期待 その2
🤖 その他のAI動画 🔽
❶ ChatGPTとMidjourneyで作るWEBデザイン
ChatGPTとMidjourneyで作る、WEBデザイン。
❷ Midjourneyで写真を元に画像生成
【AIツール】Midjourney - ミッドジャーニーで写真を元に画像生...
今ここ❸ ChatGPTでWebサイトを作れるか？
ChatGPTでコード生成、Webサイトを作れるか？
❹ AI化するエクセル・パワポ
【ChatGPT】エクセルやパワポがAI化「Copilot（コパイロット）...
❺ AdobeのAIツール"Firefly"で出来る24のこと
【Adobe アドビ】AIツール「Firefly - ファイアフライ」で出...
❻ GitHub Copilotで自動コーディング
【自動コーディング】GitHub Copilotの使い方とXで進化すること...
❼ Adobeの画像生成AI"Firefly"ベータ版使ってみた
Adobeの画像生成AI「Firefly - ファイアフライ」ベータ版使っ...
✅ ご視聴いただきありがとうございます🙇♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
http://www.youtube.com/hirocode?sub_c...
◆ Twitter. ツイッター
Twitter: hirocodeweb
◆ Instagram. インスタグラム 👈 オススメ❗️
Instagram: hirocodeweb
🔋 僕が使っている、おすすめのデバイス 🔋（アフィリエイト広告を使ってます！）
【 マウス 】
✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
https://amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
【 キーボード 】
✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
https://amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
【 パソコン 】
✅ Apple Macbook Pro 16inch
https://amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "
【 周辺機器 】
✅ Apple AirPods Pro
https://amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
✅ Apple iPad Pro 11インチ
https://amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
📕 おすすめ書籍 📕
【 デザイン 基礎編 】
✅ 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
https://amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
✅ なるほどデザイン
https://amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
【 デザイン 思考編 】
✅ 誰のためのデザイン？
https://amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
✅ IAシンキング Web制作者・担当者のためのIA思考術
https://amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
【 書籍デバイス 】
✅ キンドルペーパーホワイト Kindle Paperwhite
https://amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
🎧 BGM 🎧
----------------------------------------------------------
Music Title: Happy And Joyful Children
Music Link: Happy Children Background Music / Joy...
----------------------------------------------------------
#chatgpt #ai #webdevelopment
※マイク設定のミスにより、一部音声が聴きづらい点があります、すみません💦
🔗 ChatGPTサイト：https://openai.com/blog/chatgpt
🎥 この動画の構成 🎥
00:00 ChatGPTでWebサイトを作る
00:40 ChatGPTにアクセス・ログイン
01:05 質問をしてみる
00:50 Webサイトのコード生成をお願いしてみる
01:59 途中で生成が止まってしまった時は？
02:52 生成結果（Webサイト - 1）
03:08 より具体的にコード生成をお願いしてみる
03:31 生成結果（Webサイト - 2）
03:46 生成結果（ 画像・動画あり）
04:22 追加で、ヘッダーを追従させるコードの生成をお願いしてみる。
05:05 生成結果（ヘッダー追従機能）
05:34 使ってみて思ったこと
05:53 実用性は？
06:14 オススメの使用用途
06:38 今後の期待 その1
07:09 今後の期待 その2
🤖 その他のAI動画 🔽
❶ ChatGPTとMidjourneyで作るWEBデザイン
ChatGPTとMidjourneyで作る、WEBデザイン。
❷ Midjourneyで写真を元に画像生成
【AIツール】Midjourney - ミッドジャーニーで写真を元に画像生...
今ここ❸ ChatGPTでWebサイトを作れるか？
ChatGPTでコード生成、Webサイトを作れるか？
❹ AI化するエクセル・パワポ
【ChatGPT】エクセルやパワポがAI化「Copilot（コパイロット）...
❺ AdobeのAIツール"Firefly"で出来る24のこと
【Adobe アドビ】AIツール「Firefly - ファイアフライ」で出...
❻ GitHub Copilotで自動コーディング
【自動コーディング】GitHub Copilotの使い方とXで進化すること...
❼ Adobeの画像生成AI"Firefly"ベータ版使ってみた
Adobeの画像生成AI「Firefly - ファイアフライ」ベータ版使っ...
✅ ご視聴いただきありがとうございます🙇♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
http://www.youtube.com/hirocode?sub_c...
◆ Twitter. ツイッター
Twitter: hirocodeweb
◆ Instagram. インスタグラム 👈 オススメ❗️
Instagram: hirocodeweb
🔋 僕が使っている、おすすめのデバイス 🔋（アフィリエイト広告を使ってます！）
【 マウス 】
✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
https://amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
【 キーボード 】
✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
https://amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
【 パソコン 】
✅ Apple Macbook Pro 16inch
https://amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "
【 周辺機器 】
✅ Apple AirPods Pro
https://amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
✅ Apple iPad Pro 11インチ
https://amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
📕 おすすめ書籍 📕
【 デザイン 基礎編 】
✅ 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
https://amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
✅ なるほどデザイン
https://amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
【 デザイン 思考編 】
✅ 誰のためのデザイン？
https://amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
✅ IAシンキング Web制作者・担当者のためのIA思考術
https://amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
【 書籍デバイス 】
✅ キンドルペーパーホワイト Kindle Paperwhite
https://amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
🎧 BGM 🎧
----------------------------------------------------------
Music Title: Happy And Joyful Children
Music Link: Happy Children Background Music / Joy...
----------------------------------------------------------
#chatgpt #ai #webdevelopment
پارسال
در تاریخ 1401/12/19 منتشر شده
است.
83,034
بـار بازدید شده