การทำให้โปรเจ็กต์ของ Claude เผยแพร่ต่อสาธารณะโดยทั่วไปหมายถึงสองเรื่องพร้อมกัน: (1) นำเอาเนื้อหาที่สร้างขึ้นระหว่างเซสชัน Claude Web / Claude Projects (บันทึกการสนทนา แชต อาร์ติแฟกต์ เอกสาร UI “Projects”) ไปส่งออกหรือแชร์ และ (2) นำเอาโค้ดที่สร้างหรือวางโครงโดย Claude Code ไปแพ็กเกจเพื่อให้ผู้อื่น (หรือระบบโปรดักชัน) สามารถนำไปใช้และรันได้ บทความนี้จะพาคุณทำทั้งสองเวิร์กโฟลว์แบบลงมือทำทีละขั้นตอน โดยสอดแทรกคำแนะนำด้านความปลอดภัย การระบุแหล่งที่มา และแนวทางปฏิบัติที่ดี
ต่อไปนี้คือภาพรวมเชิงปฏิบัติแบบครบวงจร: วิธีส่งออกและเผยแพร่ Projects ที่สร้างใน Claude Web และวิธีแพ็กเกจ ตรวจทาน และเผยแพร่โค้ดที่สร้างด้วย Claude Code
ข้อสรุปสั้น ๆ ที่สำคัญ: เผยแพร่อาร์ติแฟกต์และโปรเจ็กต์จาก Claude Web ด้วยฟลโว์ Publish / Share ในตัว (คุณยังสามารถฝังอาร์ติแฟกต์หรือคัดลอกลิงก์สาธารณะได้) และส่งออก/บันทึกบทสนทนา Claude Code (โดยใช้คำสั่ง
/exportและไฟล์ภายใต้~/.claude/projects/) จากนั้นแพ็กเกจให้อยู่ในรีโปหรือรีลีสโค้ดตามปกติ (GitHub, npm/PyPI/Docker หรือเว็บแอปที่โฮสต์)
สิ่งที่สำคัญสำหรับการเผยแพร่โปรเจ็กต์ของ Claude
ตลอดสองปีที่ผ่านมา Anthropic ได้พัฒนาผลิตภัณฑ์ Claude ด้วยฟีเจอร์ที่สำคัญต่อการเผยแพร่และการแบ่งปัน:
- Claude Projects (UI ของ Projects บน Claude.ai) ช่วยให้ผู้ใช้ Pro และ Team จัดระเบียบแชตเป็น Projects และทำให้แชต/อาร์ติแฟกต์ที่เลือกสามารถให้เพื่อนร่วมทีมดูได้ — องค์ประกอบสำคัญในการแชร์โปรเจ็กต์ภายในและเตรียมให้พร้อมต่อการเผยแพร่สาธารณะ ()
- Anthropic released Claude Code เครื่องมือเขียนโค้ดเชิง agent ที่เน้น terminal/IDE พร้อม CLI/อินทิเกรชัน IDE (VS Code, JetBrains) ที่ผลิตอาร์ติแฟกต์โค้ดและสามารถผสานเข้ากับ toolchain นักพัฒนา มีเอกสารสาธารณะและแนวทางปฏิบัติที่ดีสำหรับการใช้ Claude Code ในโปรเจ็กต์จริงด้วย ()
- วัสดุสนับสนุนของ Claude มีฟลโว์ส่งออกข้อมูลผู้ใช้จากเว็บ UI โดยตรง (Settings → Privacy → Export) ซึ่งเกี่ยวข้องกับการสำรองหรือย้ายข้อมูลโปรเจ็กต์ก่อนเผยแพร่ สำหรับเจ้าของหลัก (Primary Owners) ของแผน Team ยังมีคอนโทรลการส่งออกด้วย
ต่อไปนี้คือภาพรวมเชิงปฏิบัติแบบครบวงจร: วิธีส่งออกและเผยแพร่ Projects ที่สร้างใน Claude Web และวิธีแพ็กเกจ ตรวจทาน และเผยแพร่โค้ดที่สร้างด้วย Claude Code
จะเผยแพร่/ส่งออกโปรเจ็กต์ที่สร้างใน Claude Web อย่างไร (ทีละขั้นตอน)?
Claude Web มีสองวิธีเสริมกันเพื่อทำให้ออกผลเป็นสาธารณะ: Publish Artifacts (ผลลัพธ์เดี่ยว: ไดอะแกรม เอกสาร ชาร์ต) และ Share Projects (การมองเห็นระดับโปรเจ็กต์ การเข้าถึงของเพื่อนร่วมทีม) ขั้นตอนต่อไปนี้ครอบคลุมทั้งสองฟลโว์พร้อมวิธีฝังหรือดาวน์โหลด
ขั้นตอนที่ 1 — เตรียมอาร์ติแฟกต์ใน Claude Web
- ใน Claude Web รวบรวมแชตหรืออาร์ติแฟกต์ (เอกสาร ไดอะแกรม ผังงาน ภาพ) ที่ต้องการเผยแพร่ลงใน Project หรือ Artifact แยกเดี่ยว
- ทำความสะอาดและใส่หมายเหตุประกอบ: แก้ไขเนื้อหาให้อ่านลื่น เพิ่มคำบรรยาย และใส่การอ้างอิงที่ขาดหาย
ขั้นตอนที่ 2 — Publish อาร์ติแฟกต์ (ผลลัพธ์เดี่ยว)
- เปิดอาร์ติแฟกต์ใน Claude Web
- คลิกปุ่ม Publish (การกระทำนี้จะสลับอาร์ติแฟกต์ให้เป็น “public” และสร้าง URL สาธารณะ)
- หลังเผยแพร่ คลิก Get embed code หากต้องการฝังอาร์ติแฟกต์ลงในเว็บไซต์หรือ CMS — คัดลอกสไนเป็ต HTML ที่สร้างขึ้น (การฝังรองรับบนแผน free/Pro/Max)
หมายเหตุและเคล็ดลับ
- คุณยังสามารถดาวน์โหลดอาร์ติแฟกต์บางชนิด (SVG, PNG, Mermaid text หรือฟอร์แมตส่งออกอื่น ๆ) จาก UI — ใช้ไฟล์ดาวน์โหลดเพื่อใส่ลงในรีโปหรือโพสต์บล็อกของคุณ
- เพิ่มคำบรรยายอธิบายและ alt text ให้กับคอนเทนต์ที่ฝังเพื่อการเข้าถึง
ขั้นตอนที่ 3 — Share โปรเจ็กต์ (ชุดเนื้อหากว้างขึ้นพร้อมสิทธิ์)
- เปิดรายการ Project ใน Claude Web
- คลิก Share ข้างชื่อโปรเจ็กต์
- ในหน้าต่าง Share คุณสามารถ:
- เพิ่มสมาชิกหรือเพื่อนร่วมทีมรายบุคคลผ่านอีเมล/ชื่อ
- ตั้งระดับสิทธิ์ (Can view / Can edit) สำหรับการปล่อยสาธารณะ เลือก Make project public (ถ้ามี) หรือเผยแพร่อาร์ติแฟกต์สำคัญทีละชิ้น
ขั้นตอนที่ 4 — เผยแพร่อาร์ติแฟกต์ของโปรเจ็กต์ภายนอก
- เผยแพร่บล็อกโพสต์ / หมายเหตุการเผยแพร่ รวม URL สาธารณะหรืออาร์ติแฟกต์ที่ฝัง พร้อมบันทึกสั้น ๆ ว่าส่วนใดที่ Claude สร้าง และส่วนใดที่มนุษย์ตรวจทาน
- สร้างคลังที่เข้าถึงได้ เพิ่มลิงก์ไปยังไฟล์ ZIP หรือชุดส่งออก (ดูการแพ็กเกจ Claude Code ด้านล่าง) เพื่อความสามารถในการทำซ้ำ
จะส่งออกและแพ็กเกจบันทึกบทสนทนาหรือโค้ดที่สร้างโดย Claude Code อย่างไร?
Claude Code เป็นเชิง agent และขับเคลื่อนด้วย CLI เป็นหลัก; มันบันทึกเซสชันไว้ในเครื่องและมีคำสั่ง slash (รวมถึง /export) เพื่อบันทึกและส่งออกบทสนทนา เวิร์กโฟลว์ที่แนะนำคือ: ส่งออกบทสนทนา + ไฟล์ประกอบ แปลง/ทำความสะอาดผลลัพธ์ให้เป็นฟอร์แมตที่อ่านง่าย เพิ่มรีโปโค้ดพร้อมเมตาดาตา แล้วเผยแพร่ ด้านล่างเป็นขั้นตอนที่ใช้งานได้จริงและทำซ้ำได้ โดยใช้คำสั่งในตัวและเครื่องมือแพ็กเกจทั่วไป
ขั้นตอนที่ 1 — ตรวจสอบว่า Claude Code ตั้งค่าถูกต้อง
- ติดตั้งและคอนฟิก Claude Code (ทำตามคู่มือการตั้งค่าอย่างเป็นทางการ: เชื่อมต่อผ่าน Claude Console หรือตั้งค่าการเรียกเก็บเงินหากจำเป็น)
- ตรวจสอบว่าคุณสามารถรัน
claudeในเทอร์มินัลและมีเวิร์กสเปซ
ขั้นตอนที่ 2 — ส่งออกบทสนทนา
- ใน REPL (CLI แบบโต้ตอบ) ของ Claude Code รัน:
/export myproject-conversation.jsonlหรือเพียง/exportซึ่งจะคัดลอบทสนทนาไปยังคลิปบอร์ดหรือเขียนเป็นไฟล์ (พฤติกรรมขึ้นกับเวอร์ชันและแฟล็ก) คำสั่ง/exportจะส่งออกเซสชันปัจจุบันไปยังไฟล์หรือคลิปบอร์ด - หากต้องการรวบรวมทุกเซสชันของโปรเจ็กต์ ตรวจสอบไดเรกทอรี
~/.claude/projects/(Claude Code จะเก็บบทสนทนาไว้ที่นั่นเป็นไฟล์ JSONL หรือ JSON) ตัวอย่าง:ls -la ~/.claude/projects/ - หากการส่งออกเป็น JSONL ให้แปลงเป็น Markdown เพื่ออ่านง่าย:
-
Simple Python snippet:
import json out = [] with open('myproject-conversation.jsonl') as f: for line in f: out.append(json.loads(line)) # transform out -> markdown file -
หรือใช้เครื่องมือชุมชน เช่น
claude-conversation-extractorหรือclaude-code-exporter(มีโปรเจ็กต์ชุมชนที่พาร์สและแปลงเซสชันเป็น Markdown/MDX)
ขั้นตอนที่ 3 — สร้างรีโปที่ทำซ้ำได้
- สร้างรีโปโลคัล:
mkdir my-claude-project cd my-claude-project git init - เพิ่ม:
README.md— คำอธิบายโปรเจ็กต์ หมายเหตุแหล่งที่มา วิธีใช้งานCLAUDE.md— วิธีที่ใช้ Claude (พรอมป์ต พารามิเตอร์/อุณหภูมิถ้ามี สิ่งที่มนุษย์แก้ไข)LICENSE— ไลเซนส์ที่เลือกartifacts/— รวมอาร์ติแฟกต์ที่ดาวน์โหลด (ภาพ SVG) และไฟล์บทสนทนาที่ส่งออก (.jsonlหรือ.md)src/— โค้ดที่สร้าง (ถ้ามี) และสคริปต์ประกอบ
- คอมมิต:
git add . git commit -m "Initial Claude project export and artifact bundle"
ขั้นตอนที่ 4 — แพ็กเกจโค้ดเพื่อแจกจ่าย
เส้นทางแพ็กเกจขึ้นกับภาษาและกลุ่มผู้ใช้เป้าหมาย
หากเป็นแพ็กเกจ JavaScript/Node:
npm init→ กรอกเมตาดาตา- เพิ่ม
index.jsเทสต์ และโฟลเดอร์examples/ - เผยแพร่ไปยัง npm:
npm publish --access public(ใช้--access publicสำหรับแพ็กเกจแบบ scoped ที่ต้องการให้เป็นสาธารณะ)
หากเป็นแพ็กเกจ Python:
- เพิ่ม
pyproject.tomlหรือsetup.py - สร้าง wheel และ sdist:
python -m build twine upload dist/*
หากเป็นเว็บแอปหรือเดโม:
- สร้างเฟรนต์เอนด์เล็ก ๆ (เช่น Vite/Next/Vercel)
- ดีพลอยไปยัง Vercel/Netlify:
- เชื่อมต่อรีโป GitHub
- เพิ่มตัวแปรสภาพแวดล้อมด้วยคีย์ที่ไม่อ่อนไหว (ไม่มีสำหรับเดโมสาธารณะ)
- ดีพลอย
หากเป็นเซอร์วิสที่ทำคอนเทนเนอร์:
- เพิ่ม
Dockerfile - สร้างและพุช:
docker build -t dockerhubuser/my-claude-demo:1.0 . docker push dockerhubuser/my-claude-demo:1.0
ขั้นตอนที่ 5 — สร้างรีลีสและเอกสารประกอบ
- บน GitHub: เปิดรีโป → สร้าง Release (แท็ก v1.0.0) และอัปโหลดอาร์ติแฟกต์ที่คอมไพล์แล้ว (ZIP, tarball)
- เพิ่ม
CONTRIBUTING.mdและSECURITY.mdอธิบายวิธีรายงานปัญหาหรือการรั่วไหลของข้อมูลอ่อนไหว - เพิ่มหน้าเดโมสั้น ๆ (GitHub Pages) พร้อม URL อาร์ติแฟกต์ที่ฝังจาก Claude Web หรือสินทรัพย์ที่ดาวน์โหลดได้
จะบูรณาการการส่งออก Claude Code เข้ากับ CI/CD เพื่อเผยแพร่อัตโนมัติอย่างไร?
ตัวอย่าง: GitHub Actions เพื่อส่งออก แปลง และปล่อยรีลีส
- เป้าหมาย: เมื่อมีการ push บนสาขา ให้ส่งออกไฟล์บทสนทนา Claude ล่าสุด (ถ้าคุณมีในเครื่อง/อาร์ติแฟกต์ CI หรือผ่านเซิร์ฟเวอร์ MCP) และสร้างรีลีส
- ขั้นตอนระดับสูง:
- ใช้เวิร์กโฟลว์ (
.github/workflows/publish.yml) ที่: - เช็กเอาต์รีโป
- รันสคริปต์เล็ก ๆ เพื่อแปลง JSONL → Markdown
- ใช้
actions/create-releaseเพื่อเผยแพร่รีลีส - อัปโหลดอาร์ติแฟกต์
- หมายเหตุด้านความปลอดภัย: อย่าเก็บ API key ส่วนตัวไว้ในรีโป; ใช้ GitHub Secrets และหมุนเวียนโทเค็น
(เครื่องมือชุมชน เช่น claude-code-exporter และเซิร์ฟเวอร์ที่รองรับ MCP ทำให้การบูรณาการการส่งออกบทสนทนาเข้ากับฟลโว์ฝั่งเซิร์ฟเวอร์ง่ายขึ้น; มองหาอินทิเกรชัน MCP/CLI ที่สตรีมบทสนทนาไปยังคลังกลาง)
แล้วการแชร์แบบร่วมมือและความสามารถในการทำซ้ำล่ะ — จะให้คนอื่นรันเวิร์กโฟลว์เดียวกันได้อย่างไร?
ทำสภาพแวดล้อมที่ทำซ้ำได้
- เพิ่ม
environment.yml/requirements.txt/package.jsonที่ระบุเวอร์ชันอย่างแม่นยำ - เพิ่ม
Makefileพร้อมเป้าหมาย:make export make convert make build make release - บันทึกเวอร์ชัน Claude Code ที่ใช้ (เช่น
claude-code v1.0.44) และคำสั่งส่งออก สิ่งนี้ช่วยให้ผู้อ่านทำการส่งออกซ้ำได้ (เวอร์ชันอาจเปลี่ยนพฤติกรรมของ/export)
แชร์บทสนทนา + โค้ด
- เผยแพร่อาร์ติแฟกต์ของ Claude (URL/การฝังสาธารณะ) และลิงก์ไปยังรีลีสบน GitHub ที่มีบันทึกบทสนทนาที่ส่งออกและโค้ดที่แพ็กเกจ
- เพิ่มเดโมคลิกเดียว (Vercel / GitHub Pages) และใส่ลิงก์
Try it
บทสรุป — เผยแพร่อย่างรอบคอบ ปรับปรุงอย่างรวดเร็ว
การทำให้โปรเจ็กต์ของ Claude เป็นสาธารณะคือโอกาสในการแชร์อาร์ติแฟกต์ที่มีประโยชน์ เร่งงานวิจัย และเติบโตระบบนิเวศ — แต่ต้องทำอย่างตั้งใจ ความก้าวหน้าล่าสุด (Claude Opus 4.5 และเครื่องมือสำหรับนักพัฒนาที่สมบูรณ์ขึ้น) ทำให้อาร์ติแฟกต์ที่สร้างมีพลังและมีประโยชน์มากขึ้นกว่าเดิม; พลังนั้นต้องจับคู่กับการระบุแหล่งที่มาอย่างเข้มแข็ง การสแกนซีเคร็ต การทดสอบความปลอดภัย และเอกสารประกอบที่ชัดเจน
นักพัฒนาสามารถเข้าถึง Claude Opus 4.5 API เป็นต้น ผ่าน CometAPI โดยเวอร์ชันโมเดลล่าสุด จะอัปเดตตามเว็บไซต์ทางการเสมอ เพื่อเริ่มต้น สำรวจความสามารถของโมเดลใน Playground และดู API guide เพื่อคำแนะนำโดยละเอียด ก่อนเข้าถึง โปรดตรวจสอบว่าคุณได้ล็อกอิน CometAPI และได้รับ API key แล้ว CometAPI มีราคาที่ต่ำกว่าราคาอย่างเป็นทางการเพื่อช่วยคุณผสานรวม
Ready to Go?→ Free trial of Claude opus 4.5 !
หากคุณอยากรู้เคล็ดลับ แนวทาง และข่าวสารด้าน AI เพิ่มเติม ติดตามเราได้บน VK, X และ Discord!
