inflearn logo
inflearn logo

生成AIでウェブサイト制作からデプロイまで (w. ChatGPT, Cursor AI, Database)

生成AI(ChatGPT、Cursor AI)を通じて、ウェブサイトの開発からデプロイまでのプロセスを全般的に学習します。

難易度 初級

受講期間 無制限

HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Application
Web Application
ChatGPT
ChatGPT
AI
AI
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Application
Web Application
ChatGPT
ChatGPT
AI
AI

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

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

4.3

5.0

Sunday

95% 受講後に作成

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

5.0

마추픽추

100% 受講後に作成

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

5.0

콤보

33% 受講後に作成

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

受講後に得られること

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

  • HTML/CSS, JavaScript 開発

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

  • データベース連携

ChatGPTとCursor AIでDBを連動させたウェブサイト制作とデプロイ

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


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


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


この講義の核心は、生成型AIへの質問方法を学び、講義で扱っていない内容までAIで開発できる能力を身につけることです。質問方法に重点を置いて学習を進めてください。

このような内容を学びます

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

生成型AI(ChatGPT、Cursor AI)への質問方法、一般的にプロンプトと呼ばれるものを学びます。プロンプトを通じて回答の質と成果物の完成度を高める質問方法を習得できます。5W1Hとほぼ同様の方法で質問をする必要があります。

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

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

3⃣ Cursor AIと親しくなる

ChatGPTも強力なツールですが、開発者のためだけのツールであるCursor AIを使いこなすことができます。Cursor AIは、より開発者に親しみやすいツールです。

Cursor AI 作業動画

受講前のご注意事項

実習環境

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

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

  • ChatGPTとCursor AI

学習資料

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


前提知識および注意事項

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

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

  • 本講義で提供するウェブサイトのイメージロゴの著作権は、講義の著者に帰属します。学習目的以外での使用は禁止されています。無断配布および編集は行えません。


こんな方に
おすすめです

学習対象は
誰でしょう?

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

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

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

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

  • HTML/CSS、JavaScriptの基礎知識

こんにちは
JEngineerです。

184

受講生

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% 受講後に作成

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

        • remnant03265265님의 프로필 이미지
          remnant03265265

          受講レビュー 4

          平均評価 5.0

          修正済み

          5

          100% 受講後に作成

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

          • tmdals7917240님의 프로필 이미지
            tmdals7917240

            受講レビュー 3

            平均評価 5.0

            5

            95% 受講後に作成

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

            似ている講座

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

            ¥5,528