หากคุณชอบ repo นี้ ติดดาวบน GitHub — มันช่วยได้มาก!
ภาพรวม • การเริ่มต้นอย่างรวดเร็ว • ซีรีส์วิดีโอ • บทช่วยสอน • ตัวอย่างโค้ด • ชุมชน • แหล่งข้อมูลเพิ่มเติม
พื้นที่เก็บข้อมูลมีจุดมุ่งหมายเพื่อรวมเนื้อหาของเราที่เกี่ยวข้องกับหัวข้อ Generative AI ด้วย JavaScript คุณจะพบตัวอย่างโค้ด บทช่วยสอน และทรัพยากรทั้งหมดจากซีรีส์วิดีโอ พร้อมด้วยแนวทางปฏิบัติที่ดีที่สุดและเคล็ดลับในการเสริมทักษะ AI ของคุณ หากคุณเป็นนักพัฒนา JavaScript ที่ต้องการเริ่มต้นใช้งาน AI หรือหากคุณมีประสบการณ์มาบ้างแล้วและต้องการเรียนรู้เพิ่มเติม คุณมาถูกที่แล้ว!
เราครอบคลุมพื้นฐานของ generative AI และวิธีสร้างแอปพลิเคชัน AI โดยใช้ JavaScript ตั้งแต่การพัฒนาในเครื่องไปจนถึงการปรับใช้บน Azure จนถึงการเรียกใช้และปรับขนาดโมเดล AI ของคุณ นี่คือพื้นที่เก็บข้อมูลที่มีชีวิต ดังนั้นกลับมาบ่อยๆ เพื่อตรวจสอบเนื้อหาใหม่!
ชมวิดีโอซีรีส์
สำคัญ
เนื้อหาทั้งหมดในพื้นที่เก็บข้อมูลนี้เป็นโอเพ่นซอร์ส ดังนั้นอย่าลังเลที่จะ นำกลับมาใช้ใหม่ ปรับเปลี่ยนเพื่อทำให้เป็นเนื้อหาของคุณเอง และแบ่งปันกับผู้อื่น!
คุณจะพบเนื้อหาทั้งหมดที่เกี่ยวข้องกับซีรีส์วิดีโอใน repo รวมถึงสไลด์ การสาธิต สคริปต์ รวมถึงตัวอย่างโค้ดเพิ่มเติม บทช่วยสอน และทรัพยากร คุณสามารถใช้มันเพื่อติดตามซีรีส์ สาธิต เล่นซ้ำเซสชั่น หรือใช้เนื้อหาซ้ำในงานนำเสนอของคุณเอง เมื่อคุณได้เรียนรู้สิ่งที่คุณต้องการแล้ว คุณสามารถใช้ตัวอย่างโค้ดและบทช่วยสอนเพื่อเริ่มต้นแอปพลิเคชัน AI ของคุณเองได้
มีการจัดดังนี้:
หากคุณอยากลองใช้โค้ด คุณสามารถเลือกหนึ่งในการเริ่มต้นอย่างรวดเร็วต่อไปนี้เพื่อเริ่มต้นได้ทันที:
- | การประชุม | คำอธิบาย | สไลด์ | สาธิต | สคริปต์ | วีดีโอ |
---|---|---|---|---|---|---|
0 | การแนะนำซีรีส์ | แนะนำซีรีส์และเนื้อหา | pptx/pdf | - | สคริปต์ | |
1 | สิ่งที่คุณต้องรู้เกี่ยวกับ LLM | สำรวจว่า LLM คืออะไร ได้รับการฝึกอบรมอย่างไร ทำงานอย่างไร และขีดจำกัด | pptx/pdf | สาธิต | สคริปต์ | |
2 | เทคนิคทางวิศวกรรมที่รวดเร็วที่จำเป็น | เทคนิคทางวิศวกรรมที่รวดเร็วที่ใช้งานได้จริงเพื่อให้ได้ประโยชน์สูงสุดจากโมเดล AI | pptx/pdf | สาธิต | สคริปต์ | |
3 | ปรับปรุงความแม่นยำและความน่าเชื่อถือของ AI ด้วย RAG | เปิดตัวการดึงข้อมูล-Augmented Generation เพื่อใช้ AI กับข้อมูลของคุณเอง | pptx/pdf | สาธิต | สคริปต์ | |
4 | เร่งการพัฒนา AI ของคุณด้วย LangChain.js | ครอบคลุมแนวคิดหลักของเฟรมเวิร์ก LangChain.js และวิธีการใช้งานเพื่อเร่งการพัฒนา AI | pptx/pdf | สาธิต | สคริปต์ | |
5 | รันโมเดล AI บนเครื่องของคุณกับ Ollama | แสดงวิธีผสานรวมโมเดล AI ในพื้นที่เข้ากับขั้นตอนการพัฒนาของคุณ | pptx/pdf | สาธิต | สคริปต์ | |
6 | เริ่มต้นใช้งาน AI ฟรีโดยใช้ Phi-3 | การทดลองกับโมเดล Ollama และ Phi-3 โดยตรงจากเบราว์เซอร์ของคุณ | pptx/pdf | สาธิต | สคริปต์ | |
7 | ข้อมูลเบื้องต้นเกี่ยวกับ Azure AI Foundry | เริ่มต้นการเดินทางของคุณด้วย Azure AI Foundry | pptx/pdf | สาธิต | สคริปต์ | |
8 | การสร้างแอป Generative AI ด้วย Azure Cosmos DB | สร้างแอป AI เชิงสร้างสรรค์ด้วย Azure Cosmos DB และการค้นหาเวกเตอร์ | pptx/pdf | สาธิต | สคริปต์ | |
9 | เครื่องมือและบริการ Azure สำหรับการโฮสต์และจัดเก็บแอป AI | สร้าง ปรับใช้ และปรับขนาดแอปพลิเคชัน AI โดยใช้เครื่องมือ Azure | pptx/pdf | - | สคริปต์ | |
10 | การสตรีมเอาต์พุต Generative AI ด้วย AI Chat Protocol | ผสานรวมการสตรีมเข้ากับแอปของคุณได้อย่างง่ายดายด้วย AI Chat Protocol | pptx/pdf | สาธิต | สคริปต์ |
ส่วนใหม่จะถูกเพิ่มเข้าไปในซีรีส์เมื่อเวลาผ่านไป ดังนั้นโปรดคอยติดตาม!
การสาธิตจะอยู่ในโฟลเดอร์สาธิต/ และจัดเรียงตามเซสชัน แต่ละเซสชันมีโฟลเดอร์พร้อมไฟล์ readme.md
ที่อธิบายการสาธิต ข้อกำหนดเบื้องต้น และวิธีการเรียกใช้
คุณจะพบบทช่วยสอนแบบลงมือปฏิบัติจริงที่นี่เพื่อนำทักษะ AI ของคุณไปปฏิบัติจริง พร้อมคำแนะนำทีละขั้นตอนที่จะแนะนำคุณตลอดกระบวนการสร้างแอปพลิเคชันที่ใช้ AI ด้วย JavaScript
ชื่อ | คำอธิบาย | ระยะเวลา | ระดับ | ลิงค์ |
---|---|---|---|---|
เวิร์กช็อป Azure OpenAI RAG - เวอร์ชัน Qdrant | สำรวจพื้นฐานของประสบการณ์ ChatGPT แบบกำหนดเองโดยอิงจากคลังเอกสาร เราจะสร้างฐานข้อมูลเวกเตอร์และกรอกข้อมูลจากเอกสาร PDF จากนั้นสร้างเว็บไซต์แชทและ API เพื่อให้สามารถถามคำถามเกี่ยวกับข้อมูลที่มีอยู่ในเอกสารเหล่านี้ได้ | 3ชม | ระดับเริ่มต้น | บทช่วยสอน / การซื้อซ้ำ |
เวิร์กช็อป Azure OpenAI RAG - เวอร์ชันการค้นหา AI | สำรวจพื้นฐานของประสบการณ์ ChatGPT แบบกำหนดเองโดยอิงจากคลังเอกสาร เราจะสร้างฐานข้อมูลเวกเตอร์และกรอกข้อมูลจากเอกสาร PDF จากนั้นสร้างเว็บไซต์แชทและ API เพื่อให้สามารถถามคำถามเกี่ยวกับข้อมูลที่มีอยู่ในเอกสารเหล่านี้ได้ | 3ชม | ระดับเริ่มต้น | บทช่วยสอน / การซื้อซ้ำ |
ผสานรวมฟีเจอร์ OpenAI การสื่อสาร และข้อมูลองค์กรเข้ากับแอปสายงานธุรกิจ | บทช่วยสอนนี้สาธิตวิธีการรวม Azure OpenAI, Azure Communication Services และ Microsoft Graph/Microsoft Graph Toolkit เข้ากับแอปพลิเคชันสายธุรกิจ (LOB) เพื่อเพิ่มประสิทธิภาพการทำงานของผู้ใช้ ยกระดับประสบการณ์ผู้ใช้ และยกระดับแอป LOB ไปสู่อีกระดับ | 3ชม | ระดับเริ่มต้น | บทช่วยสอน / การซื้อซ้ำ |
มีตัวอย่างโค้ดต่อไปนี้เพื่อช่วยคุณเริ่มต้นสร้างแอปพลิเคชัน AI ของคุณเอง ใช้สิ่งเหล่านี้เพื่อเรียนรู้วิธีการออกแบบแอปพลิเคชันของคุณ ทดลองใช้คุณสมบัติต่างๆ หรือใช้เป็นจุดเริ่มต้นสำหรับโปรเจ็กต์ของคุณเอง
ชื่อ | คำอธิบาย | ที่เก็บ GitHub | เทคโนโลยี |
---|---|---|---|
AI Chat แบบไร้เซิร์ฟเวอร์ด้วย RAG โดยใช้ LangChain.js | ตัวอย่างนี้แสดงวิธีสร้างประสบการณ์แชท AI แบบไร้เซิร์ฟเวอร์ด้วย Retrieval-Augmented Generation โดยใช้ LangChain.js และ Azure | ซื้อซ้ำ | LangChain.js, Lit, Vite, Azure OpenAI, Azure Cosmos DB, ที่เก็บข้อมูล Azure Blob, ฟังก์ชัน Azure, Azure Static Web Apps, AZD |
Azure OpenAI แบบไร้เซิร์ฟเวอร์เริ่มต้นอย่างรวดเร็วด้วย LlamaIndex | ตัวอย่างนี้แสดงวิธีเริ่มต้นใช้งาน LlamaIndex.ai บน Azure อย่างรวดเร็ว | ซื้อซ้ำ | LlamaIndex.ts, Next.js, Azure OpenAI, แอปคอนเทนเนอร์ Azure, Docker, AZD |
การเริ่มต้นด่วนของผู้ช่วย Azure OpenAI แบบไร้เซิร์ฟเวอร์ | ผู้ช่วย Azure OpenAI ช่วยให้คุณสร้างผู้ช่วย AI ที่ปรับแต่งตามความต้องการของคุณผ่านคำแนะนำที่กำหนดเองและเสริมด้วยเครื่องมือขั้นสูง | ซื้อซ้ำ | HTML-CSS-JavaScript, แอปเว็บ Azure Static, พื้นที่เก็บข้อมูล Azure Blob, ฟังก์ชัน Azure, Azure OpenAI, AZD |
แอปพลิเคชัน RAG แบบไร้เซิร์ฟเวอร์พร้อม LlamaIndex และตัวแปลโค้ดบนแอป Azure Container | นี่คือโครงการ LlamaIndex ที่ใช้ Next.js บูตด้วย create-llama ใช้แอป Azure Container เป็นแพลตฟอร์มการปรับใช้แบบไร้เซิร์ฟเวอร์ | ซื้อซ้ำ | Azure OpenAI, LlamaIndex, แอปคอนเทนเนอร์ Azure, Next.js, การดำเนินการ GitHub, TypeScript, AZD |
การปรับใช้ Azure OpenAI แบบไม่ใช้คีย์ | ตัวอย่างการใช้งาน Azure OpenAI และบทบาท RBAC สำหรับบัญชีผู้ใช้ของคุณสำหรับการเข้าถึงแบบไม่ใช้คีย์ | ซื้อซ้ำ | Azure OpenAI, AZD, จาวาสคริปต์ |
เครื่องมือเริ่มต้น UI ที่ปลอดภัยของ Azure OpenAI | UI และโครงสร้างพื้นฐานที่ปลอดภัยของ OpenAI ที่นำมาใช้ซ้ำได้สำหรับ AI Chat with Azure | ซื้อซ้ำ | Lit, Vite, ส่วนประกอบของเว็บ, Azure OpenAI, ที่เก็บข้อมูล Azure Blob, ฟังก์ชัน Azure, Azure Static Web Apps, AZD |
Azure OpenAI พร้อม LangChain.js | สาธิตวิธีการใช้ Azure OpenAI กับ LangChain.js | ซื้อซ้ำ | LangChain.js, Azure OpenAI, TypeScript |
การจัดการ Azure API ด้วย Azure Open AI | สาธิตวิธีการเพิ่มการจัดการ Azure API ที่ด้านบนของตำแหน่งข้อมูล Azure Open AI ของคุณ | ซื้อซ้ำ | Azure Open AI, การจัดการ Azure API, Express, Node.js, AZD |
ถาม YouTube: LangChain.js + Azure Quickstart | สร้างแอปพลิเคชัน AI เชิงสร้างสรรค์โดยใช้ LangChain.js จากท้องถิ่นไปจนถึง Azure | ซื้อซ้ำ | LangChain.js, Azure OpenAI, การค้นหา Azure AI, ฟังก์ชัน Azure |
สนามเด็กเล่น Ollama JavaScript | สนามเด็กเล่น AI เจนเนอเรชั่นโดยใช้ Ollama OpenAI API และ JavaScript ลองใช้โมเดล AI ในเบราว์เซอร์ของคุณ! | ซื้อซ้ำ | TypeScript, Ollama, Azure OpenAI, พื้นที่โค้ด GitHub |
Copilot / Node.js + แอป OpenAI Todo | ค้นพบวิธีใช้ GitHub Copilot เพื่อสร้างแอปพลิเคชัน Node.js อย่างรวดเร็วด้วย OpenAI และ Azure | ซื้อซ้ำ | Azure OpenAI, บริการแอป Azure, Azure CosmosDB, Express, TypeScript, TypeChat, การดำเนินการ GitHub |
ChatGPT + ข้อมูลองค์กรด้วย Azure OpenAI และ Azure AI Search | แอปตัวอย่าง TypeScript สำหรับรูปแบบการเรียกข้อมูล Augmented Generation ที่ทำงานบน Azure | ซื้อซ้ำ | LangChain.js, Lit, Vite, Azure OpenAI, Azure Cosmos DB, พื้นที่เก็บข้อมูลบล็อก Azure, แอปคอนเทนเนอร์ Azure, เว็บแอป Azure Static, นักเทียบท่า, AZD |
ส่วนหน้าแชท Azure OpenAI | โครงสร้างส่วนต่อประสานผู้ใช้ที่สอดคล้องกับ Chat App Protocol สำหรับ chat-gpt เช่นแอปพลิเคชันรูปแบบ RAG ที่สร้างด้วย Azure OpenAI และ Azure AI Search | ซื้อซ้ำ | โปรโตคอลการแชท, Lit, Azure Static Web Apps, AZD |
สถาปัตยกรรมอ้างอิงระดับองค์กรสำหรับ JavaScript | สถาปัตยกรรมอ้างอิงระดับองค์กรอัจฉริยะสำหรับ JavaScript ที่มีการผสานรวม OpenAI, เทมเพลต Azure Developer CLI และการทดสอบ Playwright | ซื้อซ้ำ | แอปคอนเทนเนอร์ Azure, ฟังก์ชัน Azure, Azure Cosmos DB, SWA, Fastify, Next.js, Angular, AZD |
เข้าร่วมชุมชน Azure AI บน Discord: https://aka.ms/genai-discord
หากคุณต้องการเชื่อมต่อกับผู้อื่น เรามีชุมชนผู้ชื่นชอบ AI นักพัฒนา และผู้เชี่ยวชาญที่มีความหลงใหลเกี่ยวกับ AI และยินดีให้ความช่วยเหลือเสมอ
มีแม้แต่ช่อง #JavaScript เฉพาะที่คุณสามารถถามคำถาม แบ่งปันโครงการของคุณ และหารือเกี่ยวกับหัวข้อที่คุณชื่นชอบ
ต่อไปนี้เป็นแหล่งข้อมูลเพิ่มเติมบางส่วนที่คุณอาจพบว่ามีประโยชน์ในการเดินทาง AI ของคุณ: