강의

멘토링

커뮤니티

Programming

/

Front-end

生成AIでWebサイト制作からデプロイまで(w. Chat GPT, Cursor AI, Database)

生成AI(Chat GPT、Cursor AI)を通じて、Webサイトの開発とデプロイのプロセスを全般的に学習します。

難易度 初級

受講期間 無制限

  • JEngineer
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Application
Web Application
ChatGPT
ChatGPT
Generative AI
Generative AI
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Application
Web Application
ChatGPT
ChatGPT
Generative AI
Generative AI

学習した受講者のレビュー

学習した受講者のレビュー

4.3

5.0

Sunday

95% 受講後に作成

この講義、超おすすめです~!

5.0

마추픽추

100% 受講後に作成

ゲーム開発の講義を探していたところ、偶然この講義を見つけました。ウェブサイト開発よりもAIに質問する方法を中心的に教えてくださったのですが、とても満足しています。この講義のおかげでAI活用法をしっかりと知ることができました。私はこの講義を強くお勧めします!!!!

5.0

콤보

33% 受講後に作成

非開発者でも理解しやすく説明してください!

受講後に得られること

  • Chat GPTとCursor AIの活用度を高めることができます

  • HTML/CSS、JavaScript開発

  • ウェブサイトプロジェクトのURL配布

  • データベース連動

Chat GPTとCursor AIでDBを連動したWebサイト制作と配布

Chat GPTとCursor AIを通じてコードを知らなくてもウェブサイトを制作できるように学習できる講義です。最近の資料によると、現在AIを通じて開発したり、自分のプロジェクトにAIを搭載してウェブ/アプリ、ゲームなど大部分のプロジェクトをAIと共に開発する割合が96%という結果が出ました。今はAIを無視できないほど人間に親和的に近づいてきており、むしろAIの使い方を知らない人々が淘汰されるそんな時代が近づいています。今は検索する時代ではなく、質問する時代です。


この講義でAIに質問する方法を学習し、AIが作成した成果物を通じて総合コンテンツウェブサイトプロジェクトを制作し、デプロイまでできるように学習することができます。生成AIの活用は一度習得すれば、講義で提供する内容だけでなく、どんなプロジェクト制作も十分可能です。Chat GPTとCursorエディタ内に内蔵された生成AIを使って、未来の時代を迎える開発者として成長しましょう!


そして、講義では扱いませんが、総合コンテンツサイトにはGoogleアドセンスを挿入してウェブサイト広告も入れることができます。サイトを一度作っておけば、多方面に活用することができます。


この講義の核心は、生成AIに質問する方法を学び、講義で扱わない内容までAIで開発できる能力を身につけることです。質問方法に重点を置いて学習していただければと思います。

こんな内容を学びます

1⃣ 生成AIと対話する方法

生成型AI(Chat GPT、Cursor AI)に質問する方法、一般的にプロンプトと言います。プロンプトを通じて回答の質と成果物の完成度を高める質問方法を学ぶことができます。5W1Hとほぼ同じ方法で質問する必要があります。

2⃣ ウェブサイトプロジェクト制作

生成AIを通じてウェブサイトを制作し、URLを登録して私たちがアクセスするサイトのように配布まで学習します。そしてログイン、会員登録機能を実装するデータベースまで扱います。

3⃣ Cursor AIと仲良くなる

Chat GPTも強力なツールですが、開発者のためだけのツールであるCursor AIを扱うことができます。Cursor AIはより開発者フレンドリーなツールです。

Cursor AIの作業映像

受講前の参考事項

実習環境

  • ノートパソコンとデスクトップさえあれば可能です。

  • Firebaseを使用するためのGoogleアカウント

  • Chat GPTとCursor AI

学習資料

  • ウェブサイトに使用する画像ロゴの提供


事前知識および注意事項

  • HTML/CSS、JavaScriptの基礎的な知識

  • ただし、生成AIを通じて学習と制作を行うため、ほとんど知らなくても大丈夫です。

  • 本講義で提供するウェブサイトイメージロゴの制作者は講義の著者にあります。学習目的以外の使用は禁じます。無断配布及び編集はできません。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • 生成AIでコーディングをしたい方

  • ウェブサイトポートフォリオ制作をご希望の方

  • 生成AIの活用度を高めたい方

前提知識、
必要でしょうか?

  • HTML/CSS、JavaScriptの基礎知識

こんにちは
です。

176

受講生

30

受講レビュー

15

回答

4.5

講座評価

4

講座

こんにちは!

ゲームスタートアップ代表のJEngineerです!

現在スタートアップを運営しています。皆さんに、私が勉強しながら、そして実際のプロジェクトを開発しながら得たノウハウをすべてお伝えします!

カリキュラム

全体

26件 ∙ (2時間 54分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

6件

4.3

6件の受講レビュー

  • ehtm72096142님의 프로필 이미지
    ehtm72096142

    受講レビュー 1

    平均評価 5.0

    修正済み

    5

    100% 受講後に作成

    ありがとうございます

    • jsm782078207677님의 프로필 이미지
      jsm782078207677

      受講レビュー 3

      平均評価 5.0

      5

      100% 受講後に作成

      ゲーム開発の講義を探していたところ、偶然この講義を見つけました。ウェブサイト開発よりもAIに質問する方法を中心的に教えてくださったのですが、とても満足しています。この講義のおかげでAI活用法をしっかりと知ることができました。私はこの講義を強くお勧めします!!!!

      • nowgnoheel님의 프로필 이미지
        nowgnoheel

        受講レビュー 2

        平均評価 5.0

        5

        33% 受講後に作成

        非開発者でも理解しやすく説明してください!

        • tmdals7917240님의 프로필 이미지
          tmdals7917240

          受講レビュー 3

          平均評価 5.0

          5

          95% 受講後に作成

          この講義、超おすすめです~!

          • remnant03265265님의 프로필 이미지
            remnant03265265

            受講レビュー 4

            平均評価 5.0

            修正済み

            5

            100% 受講後に作成

            講師のゲーム講義を通じてゲーム学習をしていた中で、ウェブサイト開発に興味が湧いて受講中です。具体的なAI活用法をたくさん学びました。丁寧で分かりやすく教えてくださって本当にありがとうございます。他の方にもおすすめします。

            期間限定セール、あと4日日で終了

            ¥4,190

            22%

            ¥5,412

            JEngineerの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!