Springboot モニタリングシステム構築 (プロメテウス + グラファナ)
Neo
Springboot モニタリングシステム構築 (Prometheus + Grafana) | Springboot モニタリングシステム構築 (Prometheus + Grafana) を、セットアップから活用する方法まで教えます。
初級
Kotlin, Spring Boot, Prometheus
ThreeJSとSpringAIで作る3D地球儀アーティクルサービス | Neo + Essential 自分だけのチャットボットとThreeJSを通じて3D地球儀アーティクルサービスを作ってみましょう!
受講生 48名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
HelloWorld
面白かったです
5.0
DKN
良い講義です。理論よりも実践で面白いプロジェクトを体験できて良かったです。アイデアを活用して様々な試みができそうですね。ありがとうございます。
5.0
Essential
講座を受講すると、フルスタック開発と3D技術の両方を学習することができます。特別なウェブ技術スタックを学び、単純なCRUDではない新しいプロジェクト体験をしたい方には、この講座をおすすめします。
Three.jsを活用して3Dインタラクティブ体験ができます
Spring Boot + Spring AIでAIチャットボットを実装することができます
3Dフロントエンドとバックエンドの統合サービス構築経験ができます
React, Kotlin, Spring Boot, Three.js, SpringAI
ある日、私はAIと3D技術を組み合わせて新しい形のWebサービスを作ることに深い興味を感じました。
実際のプロジェクトでThree.jsベースの3D地図サービスを作り、Spring Boot + OpenAI API(Spring AI)を活用してユーザーと相互作用し、3D空間上でこれを可視化するシステムを構築する経験を皆さんがすることになれば、これはユニークな経験になるだろうと確信し、講座を企画・制作することを決心しました。
「AIが生成したコンテンツを3D空間で視覚的に表現したらどうだろう?」という
発想から始まった講義が、皆さんが受講しながら初めて体験するユニークな経験になればと思います。
理論より実践で経験を通じた成長のための講義!
講義を通じて実装可能なサンプルウェブサイトのデモ映像
ThreeJS + 3Dを
使ってみたいです
フロントを開発しながらThreeJSの経験ができます!
面白くて他の人がやったことのないプロジェクトをやってみたいです
インフラーン初公開
自分だけの面白いプロジェクトです。
SpringAI + 3D ウェブサービス開発が気になります
SpringAI + 3D
ウェブ、サーバー講義のすべてを盛り込みました。
Three.jsを活用して3Dインタラクティブ体験ができます。
Spring Boot + Spring AIでAIチャットボットを実装できます。
3Dフロントエンドとバックエンドの統合サービス構築経験ができます。
CRUDプロジェクトではなく、他の人が経験したことのないユニークなプロジェクトを体験できます。
🌍 Three.jsで3D地球儀を実装する
実際の地球のように回転・拡大・縮小が可能な3D Webサイト制作
クリックした位置に応じて記事を表示するインタラクション処理
🤖 Spring AIを活用したAI記事生成及び要約機能の実装
OpenAI API連携によるユーザーカスタマイズコンテンツの自動生成
プロンプトエンジニアリングとAI応答処理ロジックの学習
🔗 フロントエンド(Three.js)とバックエンド(Spring Boot)の統合
REST APIで3Dマップとサーバー間のデータリアルタイム連動
AI応答結果を3D環境に視覚的に反映する
🧩 フルスタックサービス開発経験
AI基盤のコンテンツプラットフォーム構造設計
フルスタックサービス開発経験
この講義は単に技術を学ぶだけではありません。
AIと3D技術が組み合わさって一つの完成されたサービスへと発展していく過程を実践例で体験することになります。..
受講を終えると、皆さんは
👉 自分だけのAIチャットボットと
👉 3Dベースのインタラクティブアーティクルサービス
を直接実装する経験ができるでしょう!
Q1. この講義はフロントエンド中心ですか、バックエンド中心ですか?
A1. 両方扱います!
Three.jsを利用した3DインタラクティブフロントエンドとSpring Boot + Spring AIで構成したAIバックエンドを共に扱い、2つの技術が1つのサービスとして繋がる流れを直接実装します。
単に画面を描くだけの講義ではなく、「3D空間に可視化するサービス全体の構造」を学ぶことができます。
Q2. なぜわざわざ3Dで作る必要があるのですか?
A2. 世の中には情報が溢れていますが、視覚的に一目で見やすいコンテンツは稀です。
そこで私は「AIが作った記事を3D地球上に表示したらどうだろう?」という発想から始めました。
単なるテキストではなく、「3Dを通じた空間的表現の体験」がこの講座の核心です。
成果物を見れば「ああ、だから3Dでやる必要があるんだ」と感じていただけるはずです。
Q3. Spring AIはChatGPT APIと何が違いますか?
A3. ChatGPT APIをよりSpringらしく使えるようにサポートするライブラリです。
OpenAI APIを直接扱うとJSONパース、例外処理、レスポンスフォーマットなどがかなり面倒ですが、Spring AIを使えばBean設定だけですっきり統合できます。
オペレーティングシステムおよびバージョン(OS): バックエンド開発環境(MacOS)、フロント開発環境(Windows)
(講義は環境に関係なくついてこられると思います。)
Notionリンク提供(リンク内に講義で活用されるファイルおよびリンクが添付されています)
講義は理論よりも実際にやってみる経験に焦点を当てました。
コンピュータを使ったことがあり、普段ある程度開発をされているなら、難易度は心配しなくても大丈夫です。
学習対象は
誰でしょう?
AIベースのサービスやチャットボットプロジェクトを自分で作ってみたい開発者
Three.jsを使ってインタラクティブな3D Webアプリケーションを実装したいフロントエンド開発者
Spring Bootを活用したAIバックエンドサービス開発に興味のあるバックエンド/フルスタック開発者
前提知識、
必要でしょうか?
コンピュータ基本活用能力
基本的なHTML、CSS、JavaScriptの文法
Spring Bootの基本構造とREST APIの理解
上記の内容は必須ではありません!
インフラン認証
キャリア認証
3,695
受講生
426
受講レビュー
63
回答
4.7
講座評価
35
講座
こんにちは!Inflearnで講義を行っているNeoです。
普段接することのできなかった開発技術を、多様な方々が体験できるようにすることが私の目標です。
ですので、私は単なる理論の羅列よりも実務中心のカリキュラムを構成し、トラブルシューティングなしで学べる実習中心の講義を提供したいと考えています。
初心者の方でも無理なくついてこられるよう、できるだけ軽やかで親切なアプローチで内容を構成しており、知識へのハードルを下げることに特に注力しています。
時には、志を同じくする方々と一緒に講義制作を行うこともあります!
コラボレーションおよびその他のビジネスに関するお問い合わせは、yeseong0412@gmail.comまでお願いいたします!
全体
13件 ∙ (3時間 8分)
全体
9件
5.0
9件の受講レビュー
受講レビュー 26
∙
平均評価 5.0
5
良い講義です。理論よりも実践で面白いプロジェクトを体験できて良かったです。アイデアを活用して様々な試みができそうですね。ありがとうございます。
講義を聞いていただき、ありがとうございます!
受講レビュー 21
∙
平均評価 5.0
受講レビュー 7
∙
平均評価 5.0
受講レビュー 23
∙
平均評価 4.9
受講レビュー 330
∙
平均評価 5.0
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
期間限定セール、あと07:58:25日で終了
¥23,100
30%
¥4,400