강의

N
챌린지

멘토링

N
클립

커뮤니티

Programming

/

Web Development

コーディング知らなくてもOK！CursorAIで始める開発生活（Web/初級）

私がこの講座を作った理由は一つです。「私のような非専門家が、自分のアイデアを実現できるよう助けたい」という気持ちからです。

（4.1）受講レビュー 32件

受講生 337名

難易度 入門

受講期間 無制限

  • FreAiner Harris
실습 중심
실습 중심
3시간 만에 완강할 수 있는 강의 ⏰
3시간 만에 완강할 수 있는 강의 ⏰
비개발자
비개발자
AI적용사례
AI적용사례
cursor
cursor
No-code
No-code
Firebase
Firebase
vercel
vercel
Web Design
Web Design
실습 중심
실습 중심
3시간 만에 완강할 수 있는 강의 ⏰
3시간 만에 완강할 수 있는 강의 ⏰
비개발자
비개발자
AI적용사례
AI적용사례
cursor
cursor
No-code
No-code
Firebase
Firebase
vercel
vercel
Web Design
Web Design

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

受講後に得られること

  • Cursorを活用してコーディングを知らなくてもウェブサイトを制作する

  • ポモドーロタイマー ウェブ開発でカーソルに慣れる

  • v0を活用した魅力的なランディングページを作成してみる

  • ToDoリストウェブサイトを作りながらFirebaseに慣れる

「コーディングが難しく感じられますか？素晴らしいアイデアはありますが、実現するのは大変ですか？

心配しないでください。私も最初はそうしました。

秘密の武器があるからです。

あなたが想像するその素晴らしいアイデア、カーソルと一緒なら現実になることができます。
実際に私が証明します。


驚くべきことではありませんか？私は全く知らなかった私がカーソルと一緒にこの素晴らしいアプリを作ることができました！

FlutterとAIを組み合わせてAIスキンケアアプリを作成し、AppleのSwift言語で活気に満ちたフォモドでタイマーアプリも開発しました。


この講義を通じて皆さんも私のようにアプリを開発し、アイデアを実現できる第一歩を踏み出すことになります。
現業でよく使うReactやTailwindCSSなどで実用的なプロジェクトを一緒に作りましょう。
心配しないでください！ Cursorが皆さんの心強いヘルパーになってくれるからです。


単純なチュートリアルを超えて実際に使用できるサービスを開発しながら、
皆さんも「私がこんなことを作れるなんて！」と驚かれることでしょう。


今、あなたの番です！

私が直接経験した問題を分析し、
あなたが簡単にアクセスできるように講義を企画しました！


📌実用的なアプローチ

コーディングの経験がなくても簡単に従える実習中心の講義です。


📌基礎から深化まで

Cursorの基本的な使い方から実際のプロジェクトの適用まで、段階的に学習します。


📌様々な実践プロジェクト

ポモドロタイマー、To-Doリスト、インタラクティブランディングページなど、実用的なプロジェクトを直接作成できます。


📌外部サービス連動

Firebaseを使用したバックエンドの実装は、実際のサービス開発プロセスを経験します。


📌デザイン感覚の向上

v0を活用したデザイン実習を通じて、魅力的なUI/UXの実装方法を学びます。

こんな方におすすめです

直接サービスを作りたい
アイデアはたくさんありますが、開発を学ぶのは難しくて難しいです。

私が想像したデザイン
自分で実装したい
いつもデザインしたページを実際に実装するのが難しかったです。

私が企画したアイデア
自分で作ってみたいです。

でも、開発を学んだことがなくて幕膜しました。

💡この講義を受講するとあなたに起こる変化


•コーディングの知識がなくても、あなたのアイデアを十分に実現できるようになります！


•アイデアはたくさんありますが、コーディングを知りませんでしたか？そのような心配は終わりました！


この講義は単に開発技術を教えることではありません。
あなたが持っているアイデアを実行する方法を提供する講義です。
講義の終わりに、あなたは自分でカーソルを使ってアイデアを実現する能力を備えています！


今、あなたもコーディングの知識なしで自分のサービスを作成する時代に参加してください！

これらを学び、実際に作ってみましょう！

活気に満ちたランディングページを作る

v0とCursorを使って、あなただけの活気に満ちたランディングページを作りましょう！

簡単かつ迅速にあなたのアイデアを目立つランディングページで実装してみてください！

Cursor 100Xを活用する方法

Cursorでアイデア構想から実際の実装まで100倍速くスマートに進行できる自信を得ることができるでしょう！

PRDを活用してポモドロタイマーウェブサイトを作成

簡単な製品要件文書（PRD）を作成し、効率的で信頼性の高いプロジェクトを構築する方法を学びます。

同時にカーソルを直接使ってみて慣れる練習をします。

To-Do Listを作成してデータベースを理解する

Firebaseと呼ばれるBaaS（Backend as a Service）を使用してデータベースを構築します。

これにより、外部サービスをレゴブロックのようにあなたのサービスに統合する基本的な概念を理解することができます。

嬉しいです！FreAiner Harrisです！


こんにちは！私はCursorを使ってさまざまなWebやアプリ開発、そしてリリース経験のあるFreAiner Harrisです。


現在、私はCursorの活用に関するスレッドとYouTubeチャンネルを運営しています。
カーソルを初めて使用したときに経験した困難と解決の過程で得られたヒントをあなたと共有したいと思います。


そして、実際のアプリとWeb開発を通じて得た実戦のヒントも惜しみなく共有する予定ですのでお楽しみください！


この講義を通じて、皆さんも自分だけのアイデアを実現できるよう最善を尽くしてお手伝いします！

ご不明な点がございましたら、お気軽にご質問ください。

👉 FreAinerディスコードコミュニティ

FreAiner Discodeコミュニティに参加して、さまざまなヒントを入手して、気軽に質問してください。
私だけでなく、他のメンバーもお手伝いします！

👉 FreAiner Harris スレッド

私のThreadsにも遊びに来てください！
私が直接進行中のプロジェクトと Cursor 活用法についての話も一緒に分かち合います！

受講前の注意

実習環境案内


今回の講義はmacOSを基準に説明する予定です。
できるだけWindowsをお使いの方は、説明をしましたが、
詳細な設定やショートカットで若干の違いがある場合がありますので参考にしてください！


それぞれの環境に合わせて一緒に行ってみてください！ 😊

選手の知識と注意事項


開発を全く知らなくても大丈夫です！今回の講義の主目的は開発を学ぶのではなく、 Cursorを活用して皆さんのアイデアを実現する方法を学ぶことです。カーソルで素早く習得し、あなたのアイデアを実行する方法を学ぶことに集中するので心配しないでください！


あなたの素晴らしいアイデアを実現する準備ができましたか？一緒にやってください！ 🚀

実習環境案内

•オペレーティングシステムとバージョン（OS）： WindowsとmacOSの両方が利用可能です。

•使用ツール： VSCode、Cursor


学習資料

PDF、リンク、そしてノッションリンクとして提供される予定です！必要な資料は講義ごとにアップロードしておきました。


選手の知識と注意事項

Web開発の基本的な理解があればもっと簡単になりますが、必ずしも必要なわけではありません！誰でも簡単にフォローできるように構成しました。


質問があれば、いつでも残してください。できるだけ早く回答させていただきます。そして、Slackコミュニティに質問を残すと、他の人たちの助けも受けられ、私が直接助けることもできます！

👉 FreAiner Slack コミュニティ

著作権ガイド

この講義に関する全ての資料の著作権は「ドゥルガンイ」にありますので参考にしてください。

今準備されましたか？一緒に楽しく学びましょう！ 🎉

こんな方に
おすすめです

学習対象は
誰でしょう？

  • コーディングを全く知らない人

  • アイデアは溢れるが制作が難しい企画者/デザイナー

  • 自分だけのサービスでデジタルノマドを夢見る人

こんにちは
です。

337

受講生

32

受講レビュー

5

回答

4.1

講座評価

1

講座



안녕하세요, FreAiner (프리에이아이너) Harris입니다.
만나서 반가워요!

 

저는 Cursor AI 코드 에디터를 활용해 다양한 웹과 앱을 제작하고 출시하며 제 꿈을 실현해 나가고 있습니다. 사실, 저도 처음 시작할 때는 코딩에 대한 지식이 거의 없었습니다. 하지만 Cursor를 통해 프로젝트를 진행하며, 저 같은 사람도 충분히 웹과 앱을 만들어 자신만의 서비스를 제공할 수 있다는 확신을 가지게 되었습니다.

 

이런 경험을 바탕으로, 저처럼 코딩이 생소한 분들도 쉽게 따라 할 수 있도록 도와드리고 싶습니다. 그래서 저는 여러분의 첫걸음을 함께하며, 복잡한 기술을 쉽게 설명하고, Cursor를 충분히 익혀서 실제 서비스로 발전시킬 수 있도록 돕고 있습니다.

 

저의 인프런 강의에서는 저와 같은 눈높이에서 출발해, 이해하기 어려웠던 부분들을 친절하게 설명드리고자 합니다. 여러분이 맞닥뜨린 문제들을 해결하고, Cursor를 통해 실질적인 결과물을 만들어내는 데 도움을 드리겠습니다.

 

같이 꿈을 실현해 나가길 기대합니다!

잘 부탁드려요!

😎 커서 4000회 현질한 호구ing
💵 Cursor로 앱/웹 개발해서 돈버는중
💻 앞으로는 'AI'를 잘 써야하는 시대가 온다
📕 👇 Cursor 꿀팁 모음 받고 내 앱 만들기
https://linktr.ee/freAiner

カリキュラム

全体

15件 ∙ (1時間 59分)

講座資料（こうぎしりょう）:

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

受講レビュー

全体

32件

4.1

32件の受講レビュー

  • mindcompass님의 프로필 이미지
    mindcompass

    受講レビュー 30

    ∙

    平均評価 4.8

    5

    100% 受講後に作成

    初めてカーソルを勉強しましたが、楽しく受講できました。

    • freainer
      知識共有者

      初めてCursorに触れて、楽しく受講してくださったようで、本当に嬉しいです！😊 講義の内容を通じて、Cursorをより活用できることを願っています。

  • yooss2006님의 프로필 이미지
    yooss2006

    受講レビュー 16

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • anlicy님의 프로필 이미지
      anlicy

      受講レビュー 3

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      Cursor AI を理解するのに大いに役立ちました。 ありがとうございます。

      • freainer
        知識共有者

        Cursor AIを理解するのに役立つことは本当に嬉しいです！ 😊講義がお得だったらやりがいを感じます。今後もより良い講義を提供できるよう努めてまいります。ありがとうございます！

    • fourmodern2967님의 프로필 이미지
      fourmodern2967

      受講レビュー 3

      ∙

      平均評価 5.0

      5

      33% 受講後に作成

      • tldos976005님의 프로필 이미지
        tldos976005

        受講レビュー 2

        ∙

        平均評価 5.0

        5

        27% 受講後に作成

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

        ￥26,950

        30%

        ￥4,773

        似ている講座

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

        Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する강의 썸네일

        Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する

        jangpm

        自分だけの素敵なウェブサイトとプロトタイプをウェブフローで作りましょう！ 簡単かつ迅速に開始できるようにコアコンセプトを持ち、参考にできるテンプレート/プラグインも整理します。

        초급

        초급

        Webflow, No-code, Prototyping

        Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する강의 썸네일

        Webフロー（Webflow）を始める - コーディングなしで自由度の高いプロトタイプを作成する

        jangpm

        基礎から実務まで本格的に学ぶFigma UIデザインクラス강의 썸네일

        基礎から実務まで本格的に学ぶFigma UIデザインクラス

        bolduxlab

        基礎から実務まで、Figma一つで完結するUIデザインオールインワンクラス！ オートレイアウト・コンポーネント核心機能からレスポンシブデザイン、効率的ハンドオフ、コラボレーションまで実務スキルを完璧マスターします。今すぐ始めてあなたのデザイン能力を一段階アップグレードしましょう！

        입문

        입문

        Web Design, Prototyping, Figma

        基礎から実務まで本格的に学ぶFigma UIデザインクラス강의 썸네일

        基礎から実務まで本格的に学ぶFigma UIデザインクラス

        bolduxlab

        非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）강의 썸네일

        非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

        teracokr

        この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

        입문

        입문

        Firebase, Next.js, vercel

        非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）강의 썸네일

        非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

        teracokr

        非開発者が4週間で収益化サービスを作る：AIバイブコーディング ウェブ + アプリ ALL IN ONE

        dingcodingco

        コーディング知識不要！ あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連携します。

        입문

        입문

        Flutter, Next.js, cursor

        非開発者が4週間で収益化サービスを作る：AIバイブコーディング ウェブ + アプリ ALL IN ONE

        dingcodingco

        簡単で！短くて！強力な！ウェブデザイン技能士実技の準備강의 썸네일

        簡単で！短くて！強力な！ウェブデザイン技能士実技の準備

        lizb

        ウェブデザイン技能士実技試験を準備している方々のために、短くて簡単に学べる講座を用意しました。 試験のためだけでなく、ウェブ標準形式に準拠したサイトの実装に興味のある方なら誰でも歓迎します。

        초급

        초급

        HTML/CSS, jQuery, Web Design

        簡単で！短くて！強力な！ウェブデザイン技能士実技の準備강의 썸네일

        簡単で！短くて！強力な！ウェブデザイン技能士実技の準備

        lizb

        AI時代、今度は現場が開発する！CursorとChatGPTで始めるバイブコーディング강의 썸네일

        AI時代、今度は現場が開発する！CursorとChatGPTで始めるバイブコーディング

        mindcompass

        開発チームの顔色を伺わず、もう私が直接作る！この講義は企画、マーケティング、営業などの実務担当者が開発者の助けなしにAIツールを活用してウェブサービスのコア機能を直接実装できるよう支援します。

        초급

        초급

        Python, FastAPI, cursor

        AI時代、今度は現場が開発する！CursorとChatGPTで始めるバイブコーディング강의 썸네일

        AI時代、今度は現場が開発する！CursorとChatGPTで始めるバイブコーディング

        mindcompass

        カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）강의 썸네일

        カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

        ruhunsu30591

        カフェ24に登場したベストショッピングモールデザインを直接クローンコーディングしてみて 素早くHTMLとCSSを学ぶことができます。HTML + CSSの基本的な理論を学び、直接クローンコーディングを通じてモールデザインを完成させ、理論で学んだ内容を適用し、しっかりとHTMLとCSSの枠組みをつかむことができるように講義を設定しました

        입문

        입문

        Clone Coding, HTML/CSS, Web Design

        カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）강의 썸네일

        カフェ24のベストショッピングモールデザインのクローンコード（HTML + CSS）

        ruhunsu30591

        [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript강의 썸네일

        [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript

        David

        2021年に新しく戻ってきた、＆quot;最近、誰が有料でWebサービスを構築していますが、Firebaseのすべて - JavaScript＆quot;講義！ 1人創業を夢見る初級開発者のためのバイブルになります。

        초급

        초급

        Firebase

        [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript강의 썸네일

        [2021]最近誰が有料でウェブサービスを構築するのか、ファイアベースのすべて - Javascript

        David

        非開発初心者のためのバイブコーディング入門（注意！開発者受講申請禁止！）강의 썸네일

        非開発初心者のためのバイブコーディング入門（注意！開発者受講申請禁止！）

        openlab

        本講義は非開発者向けのコーディング入門コースとして、コーディングに対する漠然とした恐怖心を取り除き、直接ウェブサービスやアプリケーションを制作できる自信を培うことを目標としています。

        입문

        입문

        Git, VSCode, GitHub

        非開発初心者のためのバイブコーディング入門（注意！開発者受講申請禁止！）강의 썸네일

        非開発初心者のためのバイブコーディング入門（注意！開発者受講申請禁止！）

        openlab

        Claude Code完全マスター：AI開発ワークフロー基礎から実戦まで（with Cursor AI）

        gymcoding

        探索 → 計画 → 実装 → コミット。検証されたAI開発ワークフローをClaude Codeでマスターしましょう。 MCP、サブエージェント、プロンプトエンジニアリングまで23個のミッションで習得し、3個の実戦プロジェクトを完成します。

        입문

        입문

        React, Next.js, cursor

        Claude Code完全マスター：AI開発ワークフロー基礎から実戦まで（with Cursor AI）

        gymcoding

        Softrを活用したノーコードプロトタイピング강의 썸네일

        Softrを活用したノーコードプロトタイピング

        jangpm

        ノーコード（No-code）で採用サイトなどの両面プラットフォームサービスを作成できるようになります。

        초급

        초급

        Softr, No-code, Prototyping

        Softrを活用したノーコードプロトタイピング강의 썸네일

        Softrを活用したノーコードプロトタイピング

        jangpm

        Firebaseを使用したWeb + Androidメモアプリケーションの作成강의 썸네일

        Firebaseを使用したWeb + Androidメモアプリケーションの作成

        huttchang0065

        Firebaseの紹介とFirebaseの機能を利用したWeb、Androidアプリケーションを作成する講座です。

        초급

        초급

        Android, Firebase

        Firebaseを使用したWeb + Androidメモアプリケーションの作成강의 썸네일

        Firebaseを使用したWeb + Androidメモアプリケーションの作成

        huttchang0065

        [フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)강의 썸네일

        [フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)

        lopun

        フルスタック開発にブーストをかけるSupabase！ 3つのクローンプロジェクトを通して、Next.js 14とSupabaseを使って実務レベルのフルスタック開発を行う方法を短期集中で学べます。

        초급

        초급

        Next.js, supabase, TailwindCSS

        [フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)강의 썸네일

        [フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)

        lopun

        Airbnb風アプリを作って学ぶBubble開発マスター (bubble.io)강의 썸네일

        Airbnb風アプリを作って学ぶBubble開発マスター (bubble.io)

        noahnomad

        開発知識なしでITサービス（ウェブ/アプリ）を最も簡単で素早く作れる方法、Bubble！ この講義では、Bubbleの基本的な使い方から基本機能の構成まで詳しく扱い、実際のAirbnbウェブサイトのクローンを通じて直接制作してみることができます :)

        입문

        입문

        No-code, bubble.io, bubble

        Airbnb風アプリを作って学ぶBubble開発マスター (bubble.io)강의 썸네일

        Airbnb風アプリを作って学ぶBubble開発マスター (bubble.io)

        noahnomad

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

        gymcoding

        Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

        중급이상

        중급이상

        Vue.js, Firebase, Quasar

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

        Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

        gymcoding

        MERN STACK コミュニティ: 開始から配布まで通知するReact강의 썸네일

        MERN STACK コミュニティ: 開始から配布まで通知するReact

        pandacoding

        MERN Stackを活用してコミュニティアプリケーションを制作、配布します。 (MongoDB、Express、React、Node + Firebase)

        초급

        초급

        MongoDB, Express, React

        MERN STACK コミュニティ: 開始から配布まで通知するReact강의 썸네일

        MERN STACK コミュニティ: 開始から配布まで通知するReact

        pandacoding

        [2025年出題基準] Webデザイン技能士実技試験完全ガイド강의 썸네일

        [2025年出題基準] Webデザイン技能士実技試験完全ガイド

        codingworks

        ウェブデザイン技能士の試験基準(2025.1.1~2025.12.31)に正確に合わせたウェブデザイン技能士の実技試験内容に最適化された実技試験専門講義で、HTML+CSS+JQUERYパブリッシング、コーディングワークスウェブデザイン技能士実技試験講義は他とは違います。 2023年に追加されたDタイプ、Eタイプの完全制作授業動画と2024年に追加されたFタイプの完全制作授業動画がすべて反映されています。

        입문

        입문

        HTML/CSS, jQuery, Web Design

        [2025年出題基準] Webデザイン技能士実技試験完全ガイド강의 썸네일

        [2025年出題基準] Webデザイン技能士実技試験完全ガイド

        codingworks

        バー～で実習！概念がわからない、HTMLを開始강의 썸네일

        バー～で実習！概念がわからない、HTMLを開始

        dunopi

        概念を覚えるのではなく 実習を通じて概念も学ぶ授業です。 他の場所でコードを見ると、うんざりしたり吐いたりするような方も来てください。誰でもできます。

        입문

        입문

        HTML/CSS, Web Design

        バー～で実習！概念がわからない、HTMLを開始강의 썸네일

        バー～で実習！概念がわからない、HTMLを開始

        dunopi

        ブートストラップ5（Bootstrap 5） - 基礎からWebプロジェクトを作成する강의 썸네일

        ブートストラップ5（Bootstrap 5） - 基礎からWebプロジェクトを作成する

        Self-coding

        ブートストラップ5（Bootstrap5）のクラス、コンポーネントなどの概念を理解し、それに基づいてアプリケーション、変形、実習で3つのプロジェクトを制作してみます。

        초급

        초급

        Bootstrap, HTML/CSS, JavaScript

        ブートストラップ5（Bootstrap 5） - 基礎からWebプロジェクトを作成する강의 썸네일

        ブートストラップ5（Bootstrap 5） - 基礎からWebプロジェクトを作成する

        Self-coding

        ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）강의 썸네일

        ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

        webstoryboy

        ウェブデザイン機能社出題基準 2023年バージョンに合わせて誰でも合格できるように製作しました。 5種類を学び、素早く合格しましょう！

        초급

        초급

        HTML/CSS, jQuery, JavaScript

        ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）강의 썸네일

        ウェブデザイン機能士資格証明に備え（2023年出題基準反映バージョン）

        webstoryboy