はじめてのVibe Coding体験 3時間でAIエージェントを作ってみよう！
🚀 3時間でWeb検索AIを作ってみる
はじめてのVibe Coding体験🍕
AIで何か作ってみたい。
でも、どこから始めればいいかわからない。
このワークショップでは、AIにコードを書いてもらいながら開発する
「Vibe Coding」 を体験します 🧑💻
講義中心ではなく、実装中心。
3時間で、実際に動くWeb検索AIアプリを完成させます。
※ご自身のノートパソコンをご持参ください。💻
🛠 当日やること
AIコーディングツール Qoder などを使った開発体験
Python（FastAPI）でバックエンドを構築
Reactでシンプルなフロントエンドを作成
Zeabur AI Hubを通じてGPT Claude / Gemini DeepSeekなど複数LLMに接続
Bright DataのSERP APIを使ってWeb検索機能を実装
モデルの切り替えやストリーミング応答を体験
異なるAIモデルの比較やベンチマークの考え方を理解
単なるチャットボットではなく、
リアルタイム検索ができるAIエージェントを作ります。
💡 学べること
OpenAI互換APIを使った複数モデル統合の仕組み
1つのAPIで複数プロバイダーを扱う方法
WebデータをAIに組み込む構造
モデルごとの違いを比較し最適な使い分けを考える方法
フロントエンド＋バックエンドを持つAIアプリの全体像
「AIすごい」で終わらず、
どうやって動いているのかを体験として理解します。
👤 対象
AIに興味がある方
Vibe Codingを体験してみたい方
プログラミング初心者
ノーコードから一歩進みたい方
AIアプリの仕組みを理解したい方
WebスクレイピングやAPIの事前知識は不要です。
やってみたい気持ちがあればどなたでも大歓迎です 👍
🎁 チケットに含まれるもの
-$10 Bright Dataクレジット
-$5 Zeabur AI Hubクレジット
-500 Qoder Credits
-ドリンク＆軽食 🍕🥤
作るだけで終わらず、
終了後は参加者同士でゆるく交流する時間もあります。
🗓 イベントスケジュール
18:00 – 18:30 | チェックイン & ネットワーキング
18:30 – 18:45 | オープニング
18:45 – 19:15 | インフラセットアップ（Zeabur, Bright Data, Qoder設定）
19:15 – 20:30 | ハンズオン開発セッション
20:30 – 21:00 | デモ・Q&A・交流
✨ なぜ参加する？
このワークショップは、
AI開発と実世界データ活用の“実践的な入口”です。
複数AIモデルを扱い、
Web検索を統合し、
実際に動くアプリを完成させる。
3時間後、あなたのPCには
自分で作ったAIエージェントが動いています。
🚀 Build a Web Search AI in 3 Hours
Your First Vibe Coding Experience 🍕
Want to build something with AI —
but not sure where to start?
In this workshop, you’ll experience “Vibe Coding” —
building an app by letting AI write the code with you 💻
This is not lecture-heavy.
It’s implementation-focused.
In just 3 hours, you’ll complete a working Web Search AI application.
🛠 What You’ll Build
Develop using AI coding tool Qoder.
Build a backend with Python (FastAPI)
Create a simple frontend with React
Connect multiple LLMs (GPT, Claude, Gemini, DeepSeek) via Zeabur AI Hub
Implement web search using Bright Data’s SERP API
Experience model switching and streaming responses
Learn how to compare and benchmark different AI models
This isn’t just a chatbot.
You’ll build a real AI agent that can search the web in real time.
💡 What You’ll Learn
How to use OpenAI-compatible APIs to integrate multiple models
How to manage multiple providers through a single API
How to combine live web data with AI systems
How to compare models and choose the right one for different tasks
The full architecture of an AI app (frontend + backend)
You won’t just say “AI is amazing.”
You’ll understand how it actually works — by building it.
👤 Who Is This For?
Anyone curious about AI
Those who want to experience Vibe Coding
Programming beginners
No-code users ready to level up
Anyone who wants to understand how AI apps are built
No prior knowledge of web scraping or APIs required.
If you’re motivated, you’re ready 👍
🎁 What’s Included
-$10 Bright Data credit
-$5 Zeabur AI Hub credit
-500 Qoder Credits
-Drinks & light snacks 🍕🥤
After the build session, we’ll have a relaxed networking time to connect with other participants.
🗓 Schedule
18:00 – 18:30 | Check-in & Networking
18:30 – 18:45 | Opening
18:45 – 19:15 | Infrastructure Setup (Zeabur, Bright Data, Qoder)
19:15 – 20:30 | Hands-on Development Session
20:30 – 21:00 | Demo, Q&A & Networking
✨ Why Join?
This workshop is your practical gateway to AI development and real-world data integration.
You’ll work with multiple AI models,
integrate web search,
and complete a fully functioning AI application.
Three hours later,
you’ll have your own AI agent running on your laptop.