강의

멘토링

커뮤니티

NEW
Applied AI

/

Applied AI Development

SpringAI + Reactで作る自分だけの感情日記サービス

SpringAI + Reactで作る私だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です!

難易度 初級

受講期間 無制限

  • Neo
  • Essential
실습 중심
실습 중심
AI 활용법
AI 활용법
토이프로젝트
토이프로젝트
백엔드이해하기
백엔드이해하기
리액트감잡기
리액트감잡기
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
ChatGPT
ChatGPT
Spring AI
Spring AI
실습 중심
실습 중심
AI 활용법
AI 활용법
토이프로젝트
토이프로젝트
백엔드이해하기
백엔드이해하기
리액트감잡기
리액트감잡기
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
ChatGPT
ChatGPT
Spring AI
Spring AI

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

受講後に得られること

  • SpringAI + Reactで作る自分だけの感情日記の作り方

  • SpringAIを使用してAPIリクエストを通じたAIロジックを作成する

  • Reactを通じたキャンバスの活用

  • Reactを通じたサービス開発

SpringAIReactで作る私だけの感情日記

SpringAIとReactを組み合わせてAIベースの特別な感情日記サービスを自ら作ってみる体験をお届けします。

React、Kotlin、Spring Boot、ChatGPT、Spring AI

一人でバックエンドとフロントエンドの両方を開発し、
企画から完成まで責任を持ちたいのに、
どこから始めればいいのか途方に暮れていませんか?

既存の型にはまったサービス開発方式から抜け出し、
ChatGPTとSpringAIを活用した
差別化された機能実装に難しさを感じていませんか?

新しい技術スタックを学びたいけれど、
実務とかけ離れた理論学習に疲れたなら
この講義が新たな突破口となるでしょう。

この講義を通じて誰でも自分だけの個性ある
AIサービス開発者として成長
できます。

SpringAIとReactの出会い、
自分だけの特別な感情日記サービスを作る

AIロジックからキャンバス活用まで、
皆さんを感情を分析する開発者へと成長させます。

サーバー開発と

フロント開発を一度に!

この講義が終わったらあなたは

SpringAIとReactを活用した自分だけのサービス開発力を身につけます。

  • ChatGPTのようなAIモデルをSpringAIと連携し、APIリクエストを通じてインテリジェントなロジックを実装する方法を学びます。これにより、単純なWebサービス開発を超えて、AIベースの差別化された機能を直接作ることができます。

Reactを通じた動的なユーザーインターフェース実装能力を向上させます。

  • Reactのコンポーネントベース開発方式を身につけて効率的にUIを構築し、特にキャンバス機能を活用してユーザーのインタラクションを豊かにする方法を学習します。動的なWebアプリケーションを熟練して扱えるようになります。

フルスタック開発の経験を積み、競争力のあるポートフォリオを完成させます。

  • バックエンド開発経験者はフロントエンド技術を、フロントエンド開発者はバックエンド技術を実際に適用しながら、フルスタック開発の全般的なプロセスを経験します。SpringAIとReactを組み合わせた独創的なプロジェクトを通じて、実務中心の強力なポートフォリオを完成させることができます。


✔️

自分だけのAI感情日記サービス、今すぐ自分で作ってみましょう!

講義ではSpringWebFluxを使用してStream APIを実装します!

SpringAI + Reactで
自分だけの感情日記サービスを作る

この講座では、SpringAIとReactを組み合わせて、自分だけの特別な感情日記サービスを直接構築する方法を学びます。ユーザーの感情を分析するAIロジックから、Reactを活用した直感的なUI開発まで、フルスタック開発の経験を積むことができます。

自分で作る私だけの感情日記サービス!

Reactキャンバス活用及びAI分析API開発

Reactのキャンバス機能を活用して独創的なUIを実装し、SpringAIを通じてユーザーの日記内容を分析するAI APIを連動する実習を行います。複雑なバックエンドロジックとフロントエンド開発の両方を経験しながら、実践的なプロジェクト完成能力を養うことができます。

SpringAIおよびReactプロジェクトコード

講義で使用されるすべてのSpringAIとReactプロジェクトのソースコードを提供します。提供されたコードをもとに各ユニットの開発内容を深く学習し、自分だけのポートフォリオのための堅固な基盤を築くことができます。


📚

SpringAIとReactで自分だけの感情日記を


Section 1

講義紹介および環境設定

本講義の目標と全体的なカリキュラムを紹介し、プロジェクトを成功させるための開発環境を設定します。サーバーおよびフロントエンドプロジェクトの基本設定とSpring AI連携のための初期設定を行います。

Section 2

Spring AI基盤サーバーAPI開発

Spring BootとSpring AIを活用して感情日記サービスの中核となるバックエンド機能を実装します。ユーザー認証、日記データ管理、そしてChatGPTを利用したAI感情分析APIを開発し、CORS設定を通じてセキュリティを強化します。

Section 3

Reactベースのフロントエンド開発

Reactを使用してユーザーフレンドリーなフロントエンドインターフェースを構築します。スタートページ、メインページ、日記作成ページ、チャット画面などを開発し、Cookieを活用したユーザー情報管理及び画像/メッセージ送信機能を実装します。

Section 4

講義のまとめ

これまで学習した内容をもとに完成した感情日記サービスプロジェクトをレビューし、追加的な改善案や今後の学習方向についてのガイダンスを提供して講義を締めくくります。

こんな方のお悩みを
解決できます!

📌

フルスタック開発者志望者

SpringAIとReact、2つの技術スタックを両方経験しながら
自分だけのサービスを直接作ってみたいけれど、どこから始めればいいか分からない方

📌

バックエンド開発者

Spring Bootベースのバックエンド開発経験はあるが、
AI連携やReactフロントエンド開発経験が不足しており、新しい技術スタックを拡張したい方

📌

フロントエンド開発者

Reactの開発経験はあるが、
SpringAIを活用したAI機能連携やサーバー開発経験を積んでポートフォリオを強化したい方

信頼できる Neo + Essential
2人の講師によるコラボ講義 講義評価 5.0、講師評価 4.7+ インフラーンの知識共有者コラボ講義

  • 有名ゲーム会社のサーバー開発者と大企業ファッション会社のフルスタック開発者が共同で制作したバックエンド+フロントエンド開発講座

  • 開発理論よりも経験を通じて、普段触れることのなかった開発技術を体験することを目標に作りました!


受講前の参考事項


実習環境

  • オペレーティングシステム:Windows、macOS、Linuxすべて可能です。
    (講義撮影はサーバーはMac、フロントはWindows環境で撮影されました。)


  • 個人PC: 8GB以上のRAMを推奨します。(スムーズなコーディング環境)

事前知識および注意事項

  • Reactの基本文法と状態管理に対する理解が必要です。

  • Spring Bootの基本知識があれば学習に役立ちます。

  • ChatGPT APIの連携経験があればなお良いです。

学習資料

  • 講義で参考にできるNotionの資料を(リンク)提供します。

  • 実習コード(参考)ソースを提供します。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • 自分だけの特別なサービスを作ってみたい方

  • バックエンドだけやっていてフロントエンドを経験してみたい方

  • フロントエンドだけやっていてバックエンドを経験してみたい方

  • SpringAIとReactを使った特別なポートフォリオを作りたい方

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

  • 開発をしてみていただきたいです!(理論よりも実践中心[プロジェクト中心])

  • 授業では有料GPT APIを使用します。(最低5ドルの決済のためのカードが必要です)

こんにちは
です。

1,972

受講生

227

受講レビュー

36

回答

4.7

講座評価

28

講座

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!

カリキュラム

全体

20件 ∙ (4時間 58分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

4件

5.0

4件の受講レビュー

  • beagreatperson17325님의 프로필 이미지
    beagreatperson17325

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    よく拝見しました。ユニークなアイデアでポートフォリオに自分なりのアイデアを加えて、何かもっと作ってみることができそうですね。実際に何かサービスをやってみても良かったと思いますが、私が一度作ってみようかなとも思いますねㅎㅎ

    • yeseong0412
      知識共有者

      講義を聞いていただきありがとうございます! 講義を通じてより多くのものを得ていただければと思います。新年、福をたくさんお受けください!

  • loward님의 프로필 이미지
    loward

    受講レビュー 20

    平均評価 5.0

    修正済み

    5

    35% 受講後に作成

    全部は見られませんでしたが、それでも先に受講レビューを書いてから受講を進めていきます

    • yeseong0412
      知識共有者

      講義を聞いてくださりありがとうございます!新年、福をたくさんお受けください!

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    受講レビュー 20

    平均評価 5.0

    5

    100% 受講後に作成

    やはり信頼して見られるNeoさんの企画講義です 今回のプロジェクトもユニークな経験でした 多様なアイデアでいつもこのように様々なプロジェクトを経験させてくださりありがとうございます。

    • yeseong0412
      知識共有者

      講義を聞いてくださりありがとうございます!新年、明けましておめでとうございます!

  • yeseong0412님의 프로필 이미지
    yeseong0412

    受講レビュー 29

    平均評価 5.0

    5

    30% 受講後に作成

    期間限定セール

    ¥26,950

    30%

    ¥4,799

    Neoの他の講座

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

    似ている講座

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