Cursor AIで作って学ぶWeb & Javascript

🚨 この講座はCursorのバージョンが上がるたびに内容がアップデートされます。 every time a new version of Cursor is released. mỗi khi Cursor có phiên bản mới.

📢 継続的にアップデートされる講義をお探しなら、この講義を選択することをおすすめします。

< AIツールを通じたソフトウェア開発を夢見ていますか？ >

📢いつまでも基礎文法ばかり学んでいるわけにはいきません！

ChatGPTの登場以降、数多くのソフトウェア講座のヒントや開発手法が溢れかえっています。

プロンプト数行でホームページやゲームを制作すること、

さらにはコードを一行もタイピングせず、声で行うバイブコーディング（vibe coding）まで？

しかし、まだAIによる開発には限界があるという意見もあります。

開発をすべて任せてしまうと、持続的なソフトウェア開発を行うことも容易ではありません。

このように多様な意見が鋭く対立する時代には、どのようにコードを学ぶべきでしょうか？

ソフトウェア開発の開始を迷っている方、非専門家だけど自分だけのウェブページを作ってみたい方、

ウェブページがどのように動作するのか知りたい方、LLMでコードは作成したけれど、それを解読してみたい方！

今すぐこの講座で、Web開発の基礎を始めましょう。(Javascript, HTML/CSS)

実際にClaudeの無料版で生成したコードを修正しながら、ウェブの概念、ウェブブラウザの仕組み、その上で動作するJavaScript言語の文法を一つずつ丁寧に解説します。

ただ文法を学ぶだけでなく、自分だけのプロジェクトを直接開発しながらです！

これからAIを通じて生成されるコードやソフトウェアは、ますます増えていくでしょう。

今からでも遅くありません。誰もが走り出している世界で、私たちも一緒に第一歩を踏み出してみませんか？

ChatGPT、Claude、Geminiで生成したコード…解釈して修正してみたいなら？

📌 目の前で直接お見せします！同じようにプロンプトで生成したコード、こうやって解釈するんです！

💻 文法ばかり一生懸命勉強しても意味がありません。何かを作りながら学ばないと！ 「本物」のプロジェクトを作りながら学びましょう。

🛠 LLMが生成したコードを修正しながら概念を掴みます。 あ〜、こうやってコードが動くんだ！

❌ 前提知識？No！コンピュータ専攻者だけが理解できる専門用語？No！将来、自分の子供にも見せるつもりです。

❔ コードを修正していても上手くいきません…どうすればいいですか？ すぐにお答えします！どんどん質問を投稿してください。

✅ このような方にとても役立つ講義です。

✅ 実際の講義で学ぶ資料を見て判断してください 😀

👍この講義を受けると、一体何が身に付くのでしょうか。

この講義は、LLMが生成するコードをベースにCursorプロジェクトを作成しながら、Web開発をステップバイステップで学びます。

しかし！単なるウェブ開発だけでなく、以下のような悩みをお持ちの方にも役立つはずです。

1. 一人でも起業できる方法はないでしょうか？インディーハッカーになりたいです！

<一人が作った10億ドル価値の会社>

出典: https://every.to/napkin-math/the-one-person-billion-dollar-company

<10の印象的な一人で創られた会社たち>

出典: https://hackernoon.com/check-out-these-impressive-1-person-companies

1人企業として10億ドル（1.3兆ウォン）の価値を持つ企業が登場するだろうと予測する人々がいます。

その中の一人がOpenAIのサム・アルトマンですね！AIはこの時代を変える新しい技術だと言われています。

反対に、一人ではそれほど大きな成功を収めるのは容易ではないと言う人もいます。

そんな風に考えたことはありますか？

'一人で世界に影響を与えることができる方法は何だろうか？'

'仕事が終わった後や休職期間中に、時間や場所にあまり縛られずにできる活動はないだろうか？'

起業コストはゼロに近づき、ソフトウェア開発は日に日に簡単になっています。

ソフトウェア開発が、こうした悩みの答えになるかもしれません。

今はLLMの時代です。

Grok、Claude、ChatGPT、Gemini、DeepSeekまで！

複数のLLMモデルを通じて、コードを自動生成し、修正し、解説することを学びます。

2. 何かができてはいるけれど、なぜできているのか分かりません。学びたいです！

< 今や自然な文章一つで簡単なウェブページができる時代です。 >

これで何かを作ってみることはできないでしょうか？

複数のページで構成された企業向けランディングページ、自分をアピールできるポートフォリオサイト、簡単なクイズを出して常識を伝える情報提供ページやブログはどうでしょうか？

何かを作れる世の中で、もう少しだけツールを知れば「本物の製品」を作ることができます！

この講義を通じて、皆さんが直接作ったウェブページを無料ホスティングサービスにアップロードし、実際のユーザーを集めてみてください。

3. ウェブページを作った！その次は...？

タイトル：「一人でSaaSを起業する人に適したツールは？」 出典：Hacker News

ウェブページは誰でも作れるって？

デプロイは？メンテナンスは？データ収集はどうすればいいでしょうか？収益化する方法は何でしょうか？

最初のハードルを越えたら、次のハードルを越えなければなりません。

データ収集、バックエンド開発、DB管理....

まで行く前に！

まず、まともなウェブをアップロードしてデプロイしながら、ウェブページがどのように動作するのかを学ばなければなりません。

この講義では、ウェブページを作る過程とその後にどのようなものが必要になるのかについても、簡単に学んでいきます。

👋 講義を作った理由 & 講師紹介

こんにちは、YouTubeで@weekendcodeとして活動している週末コーディングと申します。

Java開発者として働いた後、現在はプログラミング教育関連のコンテンツを制作しています。

コンピューターを専攻していない方、コンピューターに関心のある高齢者の方、他の仕事を退職された方などを家庭教師として教えた経験があります。これまでの大学での教育方式に対して、多くの疑問を抱いていました。

今回はウェブ開発です！

初めて自分だけのウェブページを開発してみたい方々のために、AからZまで準備したいと思いました。

一歩一歩丁寧に作り上げた高品質な発表資料スライドと、誰も教えてくれないウェブとインターネットの歴史まで！

「最初からどのように誕生したのか」、「なぜこのように使われるようになったのか」を知れば、ずっと理解しやすくなるからです 😃

⭐ 他の講義は難しかったです。だから、この講義を作りました。

私が初めてウェブ開発を学んだ日のことを、今でも覚えています。

数多くの講義を聞き、学校で授業も受け、塾にも通いました。

しかし、一体なぜこのように使うのか、これらはどのようにして生まれたのかを説明してくれる人は誰もいませんでした。

しかし、現場で直接開発をしてみると、思ったより簡単なことが多く、

そのようなことを一つひとつ集めて、一つの講義としてまとめて提供しようと思います。

⭐ 学習の理解度を高めるために最善を尽くします。

この講義は私の最初の講義ではありません。

他の動画や講座でのレビューをご紹介します。

適当に作った講座ではなく、一つ一つ理解できるまで説明いたします。

わからないことがあれば、すぐに質問を投稿してください！

⭐ 時代は急速に変化していますが… 知るべきことは学ばなければなりません。

今や誰もがAIについて語っています。生成型AI、LLM、プログラミング...

数多くのキーワードの中で「一発で！自動化！」と叫ぶ前に、基礎を知らなければなりません。

そうすることで、より大規模なウェブページや、整ったコード、メンテナンスのしやすいソフトウェアを作成できるようになります。

私たちはプロダクトを作りながら、JavaScriptの文法とウェブブラウザの仕組みを学んでいきます。

✅ ボーナス学習資料！ <WEB API>で構成したホームページのコードをすべて提供！

ウェブブラウザ（クライアント）Web API、サーバー側の機能資料をすべて提供いたします！

フロントエンド、バックエンドの開発者なら必ず知っておくべきAPIの概念と実習をすべてお教えします。

例題1：ウェブブラウザから接続したクライアントを確認するフロントエンドコード

• クライアント情報を調べる

• OS情報、通信状態、ウェブブラウザの機能対応状況の確認

例題2：クライアントURLパース（現在のページ、ポート、パラメータ、パスなど）

ウェブブラウザでアクセスするURLごとに異なる機能を組み込みたいなら？

JavascriptでAPIを通じてどのように値を取得するのか、実際のソースコードで確認してみてください。

例題3：小さな保存領域、クッキーで遊ぶ

ウェブブラウザにおいてクッキーとは何でしょうか？クッキーをどのように操作できるでしょうか？

実際に作成して、削除して、確認してみてください！

作成されたソースコードファイル、まとめられたPDFファイル、すべてまとめて差し上げます！

🤔 受講前の注意事項