inflearn logo
inflearn logo

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

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

難易度 初級

受講期間 無制限

React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
ChatGPT
ChatGPT
Spring AI
Spring AI
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
ChatGPT
ChatGPT
Spring AI
Spring AI

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

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

5.0

5.0

hellowaz

100% 受講後に作成

非常に多様な技術を学ぶことができました。 SpringAI、React、Steam API、そして深くはありませんがWebfluxまで扱うことができ、アイデア自体も新鮮で良かったです。

5.0

좋은사람이되자

100% 受講後に作成

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

5.0

DKN

35% 受講後に作成

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

受講後に得られること

  • 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を構築し、特にキャンバス機能を活用してユーザーのインタラクションを豊かにする方法を学習します。動的なウェブアプリケーションを巧みに扱えるようになります。

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

  • バックエンド開発経験者はフロントエンド技術を、フロントエンド開発者はバックエンド技術を実際に適用しながら、フルスタック開発の全般的なプロセスを経験します。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を使用して、ユーザーフレンドリーなフロントエンドインターフェースを構築します。スタートページ、メインページ、日記作成ページ、チャット画面などを開発し、クッキーを活用したユーザー情報管理および画像・メッセージ送信機能を実装します。

セクション 4

講義のまとめ

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

このような方々の悩みを
解決できます!

📌

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

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

📌

バックエンド開発者

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

📌

フロントエンド開発者

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

信頼して見られる Neo + Essential
二人の講師によるコラボ講座。講座評価 5.0、講師評価 4.7+ のInflearn知識共有者コラボ講座

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

  • 開発理論よりも、経験を通じて普段接することのできない開発技術を体験してもらうことを目標に制作しました!


受講前のご注意事項


実習環境

  • OS:Windows、macOS、Linuxのすべてに対応しています。
    (講義の撮影は、サーバーはMac、フロントはWindows環境で行われました。)


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

事前知識および注意事項

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

  • Spring Bootの基本知識があれば、学習の助けになります。

  • ChatGPT APIの連携経験があれば、より好ましいです。

学習資料

  • 講義の参考にしていただけるNotion資料(リンク)を提供します。

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


こんな方に
おすすめです

学習対象は
誰でしょう?

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

  • バックエンドのみの経験で、フロントエンドを経験してみたい方

  • フロントエンドのみの経験で、バックエンドを経験してみたい方

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

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

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

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

こんにちは
Neoです。

2,515

受講生

300

受講レビュー

43

回答

4.7

講座評価

29

講座

こんにちは!Inflearn(インフラン)で講師を務めているNeoです。

普段なかなか接することのできない開発技術を、多くの方々に触れていただくことが私の目標です。

ですので、私は単なる理論の羅列よりも実務中心のカリキュラムを構成し、トラブルなく学べる実習中心の講義を提供したいと考えています。

初心者の方でも無理なくついていけるよう、最大限分かりやすく親切なアプローチで内容を構成しており、特に知識へのハードルを下げることに注力しています。
時には、志を同じくする方々と共に講義制作を行うこともあります!

コラボレーションやその他ビジネスに関するお問い合わせは、yeseong0412@gmail.comまでお願いいたします!

もっと見る

共同知識共有者

カリキュラム

全体

21件 ∙ (5時間 0分)

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

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

受講レビュー

全体

6件

5.0

6件の受講レビュー

  • beagreatperson17325님의 프로필 이미지
    beagreatperson17325

    受講レビュー 11

    平均評価 5.0

    5

    100% 受講後に作成

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

    • yeseong0412
      知識共有者

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

  • loward님의 프로필 이미지
    loward

    受講レビュー 21

    平均評価 5.0

    修正済み

    5

    35% 受講後に作成

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

    • yeseong0412
      知識共有者

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

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    受講レビュー 20

    平均評価 5.0

    5

    100% 受講後に作成

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

    • yeseong0412
      知識共有者

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

  • bagps1님의 프로필 이미지
    bagps1

    受講レビュー 13

    平均評価 5.0

    5

    30% 受講後に作成

    • hellowaz님의 프로필 이미지
      hellowaz

      受講レビュー 12

      平均評価 5.0

      5

      100% 受講後に作成

      非常に多様な技術を学ぶことができました。 SpringAI、React、Steam API、そして深くはありませんがWebfluxまで扱うことができ、アイデア自体も新鮮で良かったです。

      Neoの他の講座

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

      似ている講座

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

      ¥4,776