EN ES TH
คู่มือเริ่มต้น v6

Claude Code
จากศูนย์สู่ความเชี่ยวชาญ

คู่มือการตั้งค่าแบบเร่งรัดสำหรับผู้ที่ไม่ใช่นักเขียนโค้ดที่ต้องการใช้ประโยชน์จาก AI

เขียนโดย Donal Lynch · Online Optimisers · LinkedIn
เวอร์ชัน 6 · เมษายน 2026 · ~2 ชั่วโมง · 8 โมดูล + สัปดาห์แห่งรากฐาน · ไม่ต้องมีประสบการณ์เขียนโค้ด

ทำคู่มือนี้เสร็จแล้ว? Advanced Playbook ครอบคลุม agents, ระบบอัตโนมัติ, และการขยาย AI operations ของคุณ

อ่าน Advanced Playbook →
8
โมดูล
~2h
เวลารวม
ศูนย์
โค้ดที่ต้องรู้
∞
ประโยชน์ที่ได้

สารบัญ

  1. สิ่งที่คุณกำลังสร้าง 10 นาที
  2. ตั้งค่า VS Code + แป้นลัดสำคัญ 15 นาที
  3. Git + GitHub - Your Safety Net 15 นาที
  4. Claude Code - Install, Auth, Permissions 10 นาที
  5. Your Identity Layer - CLAUDE.md + Memory 20 นาที
  6. API Connections - Top 10 + 5 Team Stacks 20 นาที
  7. การพรอมต์ที่ได้ผลจริง + พรอมต์พร้อมใช้ 15 นาที
  8. ตอนนี้คุณบินได้แล้ว 5 นาที
Glossary - Quick Reference (click to expand)
คำศัพท์ความหมาย
CLICommand Line Interface - วิธีสื่อสารกับคอมพิวเตอร์แบบข้อความ (พิมพ์คำสั่งแทนการคลิก)
Terminalแอปที่คุณพิมพ์คำสั่ง CLI มีในตัวสำหรับ Mac (Terminal) และ Windows (PowerShell)
IDEสภาพแวดล้อมพัฒนาซอฟต์แวร์แบบบูรณาการ - โปรแกรมแก้ไขโค้ดที่มีเครื่องมือเพิ่มเติม VS Code คือ IDE
VS CodeVisual Studio Code - โปรแกรมแก้ไขโค้ดฟรีจาก Microsoft นี่คือที่ที่ Claude Code อาศัยอยู่
Gitซอฟต์แวร์ควบคุมเวอร์ชัน - ติดตามทุกการเปลี่ยนแปลงเพื่อให้คุณเลิกทำข้อผิดพลาดได้
GitHubเว็บไซต์ที่เก็บ repo git ของคุณออนไลน์ ยังโฮสต์เว็บไซต์ฟรี (GitHub Pages)
Repo (Repository)โฟลเดอร์โปรเจกต์ที่ git ติดตาม ประกอบด้วยโค้ด ไฟล์ และประวัติการเปลี่ยนแปลงทั้งหมด
Commitจุดตรวจที่บันทึกไว้ เหมือนกดปุ่ม "บันทึก" แต่มีคำอธิบายว่าอะไรเปลี่ยน
Push / PullPush = อัปโหลด commit ไป GitHub Pull = ดาวน์โหลดการเปลี่ยนแปลงจาก GitHub
Branchเวอร์ชันขนานของโปรเจกต์ ทำงานบน feature โดยไม่กระทบเวอร์ชันหลัก
APIApplication Programming Interface - วิธีให้ซอฟต์แวร์สื่อสารกับซอฟต์แวร์อื่น
API Keyรหัสผ่านที่ให้โค้ดของคุณเข้าถึง API เก็บไว้เป็นความลับ - อย่าแชร์สาธารณะ
MCPModel Context Protocol - ระบบปลั๊กอินของ Claude สำหรับเชื่อมต่อกับบริการภายนอก
.env fileไฟล์ซ่อนที่เก็บ API key ถูก git เพิกเฉยเพื่อไม่ให้ความลับถูกอัปโหลด
CLAUDE.mdไฟล์ที่ Claude อ่านตอนเริ่มทุกการสนทนา คู่มือปฏิบัติการของ AI ของคุณ
Memoryความรู้ถาวรของ Claude - ข้อเท็จจริงที่บันทึกข้ามการสนทนาเป็นไฟล์เล็กๆ
Context windowปริมาณที่ Claude "มองเห็น" พร้อมกัน (~200k tokens) ข้อความเก่าจะถูกบีบอัด
Tokenชิ้นส่วนข้อความ (~4 ตัวอักษร) Claude วัดทุกอย่างเป็น token ไม่ใช่คำ
Promptสิ่งที่คุณพิมพ์ให้ Claude พรอมต์ที่ดีกว่า = คำตอบที่ดีกว่า
Skillเวิร์กโฟลว์หลายขั้นตอนที่นำมาใช้ซ้ำได้ บันทึกเป็นไฟล์ พิมพ์ /ชื่อทักษะ เพื่อเรียกใช้
Local LLMโมเดล AI ที่ทำงานบนแล็ปท็อปของคุณ - ฟรี, ส่วนตัว, ทำงานออฟไลน์
Node.js / npmNode.js รัน JavaScript นอกเบราว์เซอร์ npm ติดตั้งแพ็กเกจ (เหมือน app store สำหรับโค้ด)
Cloudflare Pagesโฮสติ้งเว็บไซต์ฟรีจาก Cloudflare Deploy ด้วยคำสั่งเดียว: wrangler pages deploy
GitHub Pagesโฮสติ้งเว็บไซต์ฟรีจาก GitHub Push โค้ดของคุณแล้วกลายเป็นเว็บไซต์ live
Astroเฟรมเวิร์กเว็บไซต์ทันสมัย รวดเร็ว เรียบง่าย และ Claude สร้างเว็บ Astro ได้อย่างสวยงาม
Do This First - Before You Install Anything
สัปดาห์แห่งรากฐาน

Most people skip straight to installing VS Code. Don't. The single highest-leverage thing you can do in your first week is get your context right. Claude is only as good as what you give it. You've been using ChatGPT for 2-3 years - that history is a goldmine. Spend 2-3 days mining it before you write a line of code.

นี่ไม่ใช่การวางครั้งเดียว แต่ละวันคือวงจรที่ทำซ้ำ: สร้าง, อ่านทุกคำ, แก้ไข, ทดสอบ, และปรับปรุง คนที่ได้คำตอบ AI ที่ยอดเยี่ยมคือคนที่ใช้เวลา 2-3 วันตั้งบริบทให้ถูกต้อง คนที่ได้คำตอบทั่วไปคือคนที่ข้ามส่วนนี้ไป

ผลตอบแทนของบริบท
ความแตกต่างระหว่างคนที่ได้คำตอบ AI ธรรมดากับคนที่ได้คำตอบยอดเยี่ยมคือ 2-3 วันของการตั้งบริบทที่เหมาะสม อย่าเร่งรีบ ตัวเองในอนาคตจะขอบคุณคุณ

Day 1: ChatGPT Migration - Generate, Read, Edit

เปิด ChatGPT รันพรอมต์สามอันนี้ตามลำดับ คัดลอกผลลัพธ์ไปยัง Google Doc จากนั้นงานจริงเริ่ม: อ่านทุกคำ แก้ไขอย่างจริงจัง เพิ่มสิ่งที่ ChatGPT พลาด ลบสิ่งที่ผิดหรือล้าสมัย บันทึกใน Google Doc

Prompt 1 - Mine your historyBased on all our conversations, write a comprehensive summary of everything you know about me: my work, business, goals, working style, biggest challenges, clients, tools, preferences, and anything else that's come up. Be specific. Don't generalise. This is for a handover document.
Prompt 2 - Structure it for ClaudeTake that summary and reformat it as a structured handover document I can paste into a new AI system. Use these exact headings: Who I Am My Business My Goals Right Now My Working Style Key Clients or Projects Tools I Use Daily What I Need Most Help With Things I've Learned the Hard Way Be specific and concrete under each heading.
Prompt 3 - Optional: fill the gaps firstBefore you write the handover document, ask me 10 specific questions about my business, goals, and work style that would help you write a more accurate and useful document. Then use my answers to write the final version.
อ่าน. แก้ไข. อย่าแค่วาง.
บันทึกใน Google Doc ก่อน จากนั้นอ่านทุกคำ ChatGPT จะผิดบางอย่างและพลาดบางอย่าง เพิ่มสิ่งที่มันพลาด แก้ไขสิ่งที่ผิด ลบสิ่งที่ล้าสมัย เอกสารนี้ป้อนทุกอย่าง: CLAUDE.md, หน่วยความจำ Claude.ai, และหน่วยความจำ Claude Code ขยะเข้า ขยะออก
ChatGPT to Claude Migration Flow Three-step migration: ChatGPT history goes through a Migration Calculator to produce a Claude Code workspace with CLAUDE.md, memory, and skills. ··· ประวัติ ChatGPT โปรเจกต์กำหนดเอง, พรอมต์, บริบท ที่ที่คุณเคยอยู่ เครื่องคำนวณการย้าย สร้างโครงสร้าง prompts สะพาน CC Claude Code workspace CLAUDE.md · memory · skills ที่ที่คุณกำลังไป

ChatGPT → Claude Migration Tool

Fill in 5 fields. Get 2 personalised prompts - one to export your ChatGPT context, one to load it into Claude. Copy and paste directly.

Set Your Expectations Right
พรอมต์ที่สร้างขึ้นเป็นจุดเริ่มต้น ไม่ใช่ผลิตภัณฑ์สุดท้าย คาดว่าจะมีการโต้ตอบ 1-2 รอบกับ ChatGPT เพื่อปรับแต่งคำถาม จัดการสิ่งที่ Claude Code อาจพลาด หรือทำให้จุดสนใจชัดเจนขึ้น การย้ายข้อมูลแบบเจาะลึกจะได้บริบท 5-10 หน้า เวอร์ชันเบาคือ 1-3 หน้า ทั้งสองอย่างปกติมาก เป้าหมายคือเอกสารที่ทำให้ Claude รู้สึกเหมือนรู้จักธุรกิจของคุณอยู่แล้ว
Pro Move: ChatGPT Custom Projects per Client
Create a dedicated ChatGPT Project for each client or lead-gen model. The model gets persistent context across every conversation in that project. When it's time to migrate, use the export prompt above to pull everything out cleanly. This is an advanced workflow - it's also one of the things that makes the migration 10x faster.

Day 2: Feed Into Claude - Then Test

Take your edited Google Doc from Day 1. Feed it into Claude.ai memory and write your CLAUDE.md file. Then test it:

  1. Open Claude.ai and paste your context into Memory or a Project
  2. Ask Claude: "What do you know about me and my business?"
  3. Read the response. Is it accurate? Is anything missing? Is anything wrong?
  4. Fix what is wrong. Add what is missing. Test again.
  5. Repeat until Claude gives you an answer that genuinely reflects your situation

Gather documents from anywhere you store knowledge. Even 2-3 good files dramatically improve Claude's answers.

You Don't Need All of These
Grab what you have. Consolidate into a single document alongside your ChatGPT handover. The goal: one file that tells Claude everything about your business.

Day 3: Open Claude Code - Test With a Real Task

ตอนนี้เปิด Claude Code ใน VS Code เตรียมหน่วยความจำโดยใช้ขั้นตอนในโมดูล 5 จากนั้นทดสอบด้วยงานจริง:

  1. ถาม Claude Code: "ร่างอีเมลเย็นสำหรับผู้ที่มีโอกาสเป็นลูกค้าที่ดูแลธุรกิจขนาดเล็ก"
  2. Read the output. Is it good? Does it sound like it knows your business? Or is it generic?
  3. If generic: go back to CLAUDE.md. Add more context about your clients, your tone, your services. Test again.
  4. Try another task: "Write a weekly summary for one of my current projects."
  5. ทำซ้ำจนกว่า Claude Code จะฟังดูเหมือนเข้าใจงานของคุณอย่างแท้จริง
Iteration Is the Point
Day 3 is not "setup done, move on." It is "test, find gaps, fix gaps, test again." Each iteration makes every future session better. This is the highest-ROI time you will spend with AI.

โมดูล 1สิ่งที่คุณกำลังสร้าง

By the end of this guide, you will have a working AI development environment that lets you:

How It All Fits Together

YOU - natural language instructions
↓
CLAUDE CODE - AI engine inside VS Code
↓
CLAUDE.md + Memory + Skills - your context layer
↓
APIs + MCPs - Google Drive, Sheets, Gmail, and more
↓
OUTPUT - files, reports, emails, websites, workflows

The Outcome

You go from "I use ChatGPT sometimes" to "I have an AI operating system that knows my business." This is not about coding. It is about leverage.

Who This Is For
Marketers, agency owners, consultants, freelancers, tutors, coaches - anyone who wants AI to do more than answer questions. You do not need to know how to code. You need to be willing to follow setup steps and type commands when told.
Old way - building a website วิธีใหม่ - ด้วย Claude Code
Wireframes, designer meetings, developer sprints, weeks Describe what you want to Claude, 10 minutes to a live page
$2,000-$10,000+ per site $0 (your time + API credits)
Back-and-forth emails with developers One conversation, live output
Polish takes another week 15 minutes of refinement prompts
Launch takes another week Deploy ไป Cloudflare: 30 วินาที
Total: 4-8 weeks Total: 30-60 minutes if your skills are good
Worth saying plainly

That table is not hype. It's what people actually experience once they have the foundation set up. The foundation is what this guide is for.

Claude Pricing

Claude Code ต้องการสมาชิก Anthropic แบบชำระเงิน นี่คือตัวเลือกของคุณ:

PlanPriceWhat You GetBest For
Pro$20/mo5x usage, extended thinkingTesting the waters
Max 5x$100/เดือน5x การใช้งาน + เข้าถึง Claude Code เต็มรูปแบบใช้รายวัน
Max 20x$200/เดือน20x การใช้งาน, Claude Code หนักผู้ใช้หนัก, agents
Team$30/seatAdmin controls, shared workspaceSmall teams
Recommendation
Start with Pro ($20). If you find yourself hitting usage limits within the first week, upgrade to Max 5x. Most people doing serious daily work end up on Max within a month.

Tool Alternatives

Claude Code runs inside a code editor. You have several options, but the choice is straightforward - pick the one with the best native integration and the lowest barrier to entry.

โปรแกรมแก้ไขราคารองรับ Claude Codeคำตัดสิน
VS Codeฟรีเต็มรูปแบบ (ส่วนขยายอย่างเป็นทางการ)เลือกตัวนี้
Cursor$20/เดือนทำงานผ่าน CLIดี แต่ต้องจ่ายและ Claude Code เป็นส่วนเสริม
Windsurf$15/moWorks via CLIDecent, less mature ecosystem
BoltFree / paidAI code editorGood for quick prototyping, not a full IDE
ZedFreeWorks via CLIVery fast editor, growing ecosystem
GhosttyFreeTerminal only (no extension)For terminal purists only
Just Use VS Code
VS Code ฟรี มีการผสานรวม Claude Code ที่ดีที่สุด ระบบนิเวศส่วนขยายที่ใหญ่ที่สุด และบทช่วยสอนออนไลน์มากที่สุด คำแนะนำทุกอย่างในคู่มือนี้ถือว่าคุณใช้ VS Code คุณสามารถเปลี่ยนภายหลังได้เสมอ

Prerequisites

You only need five things to get started, and you probably already have most of them.

You NeedHow to Get ItTime
A laptop (Mac or Windows)You already have this-
An internet connectionYou already have this-
A Claude account (Pro or Max)claude.ai → sign up → subscribe3 min
A GitHub account (free)github.com → sign up3 min
Node.js installedดูโมดูล 25 นาที
จุดตรวจสอบโมดูล 1

โมดูล 1.5สัปดาห์แรกของคุณ: วิธีเรียนรู้จริงๆ

The tools in this guide would have taken a team of developers months to set up five years ago. Now you can do it in an afternoon. But that speed creates a trap: you can install everything without understanding anything. This module is your antidote.

First Week Timeline A seven-day foundation milestone timeline: Install VS Code and Claude, GitHub setup, first deploy, write CLAUDE.md, first skill file, first MCP connection, then review and push everything. สัปดาห์แรก - เหตุการณ์สำคัญของรากฐาน 1 Install VS Code + Claude 2 GitHub setup 3 First deploy (Cloudflare) 4 เขียน CLAUDE.md 5 First skill file 6 First MCP connection 7 ตรวจสอบ + push everything Day 1 Day 2 Day 3 Day 4 Day 5 Day 6 Day 7

รากฐาน 30 - อย่าให้การตั้งค่ากลายเป็นโปรเจกต์

VS Code, GitHub, และ Cloudflare ควรใช้เวลาประมาณ 30 นาที ไม่ใช่ทั้งบ่าย ถ้าคุณเกินหนึ่งชั่วโมงในอันใดอันหนึ่ง หยุด พิมพ์อุปสรรคของคุณใน Claude เป็นคำถาม และเดินหน้าต่อ การตั้งค่าควรเป็นเรื่องเร็ว คุณค่าอยู่ที่สิ่งที่คุณสร้างต่อจากนั้น

StepTarget time
Install VS Code + Claude Code extension5 min
Install Claude Code CLI + authenticate5 min
GitHub account + gh auth login + first repo10 min
Cloudflare account + wrangler login + first deploy10 min
Total~30 min
If you're stuck
15 minutes on one step is the limit. After that, paste the error into Claude: "I'm trying to [step], I got this error: [paste]. What's wrong?" Claude will fix it in seconds. The point of the foundation is to get through it, not to understand every detail on first pass. Understanding comes from building.

กฎสัปดาห์ที่ 1: ดู Claude ทำงาน อย่าแค่สแกน Output

Most people start issuing commands and skimming results. That's fine once you know what you're doing. In week one, slow down and actually read what Claude produces. Especially the thinking - if Claude explains WHY it's doing something, that's a free lesson.

สร้างคำศัพท์ของคุณตั้งแต่วันแรก

Create a file called glossary.md in your workspace root. Every time you hit an unfamiliar term, add it. Write a 3-5 sentence paragraph for each - something you can re-read in 30 seconds when the term comes back. The goal isn't to memorise. It's to build a reference doc that compounds.

Starter terms to define for yourself
repo, commit, branch, deploy, CDN, DNS, API, MCP, .env, CLI, agent, orchestrator, staging. Look each one up the moment you hit it. Don't skip ahead.

ใครเป็นเจ้าของอะไร - Control Plane

One of the most confusing things early on is understanding which service controls what. Here's the map. Once you have this, you'll never be confused about "where to go to fix X".

แผนที่ความเป็นเจ้าของ
ชั้นบริการสิ่งที่ควบคุมสิ่งที่เสียหายถ้าสูญหาย
ผู้จดทะเบียนโดเมนNamecheap / GoDaddyชื่อโดเมนเอง (yoursite.com)แย่มาก คุณสูญเสียโดเมน ปกป้องข้อมูลเหล่านี้เหนือสิ่งอื่นใด
DNSCloudflareที่ที่ traffic ไปเมื่อมีคนเยี่ยมชมโดเมนของคุณTraffic หยุด เว็บไซต์ล่ม แต่โค้ดยังปลอดภัย
CodeGitHubThe actual files - your source of truthโค้ดยังอยู่บนเครื่องท้องถิ่น push ทุกวันและคุณจะโอเค
DeployCloudflare Pages / GitHub Pagesสิ่งที่ผู้เยี่ยมชมเห็นสดย้อนกลับไปยัง deploy ก่อนหน้าด้วยคลิกเดียว
Live URLyoursite.comผลลัพธ์สุดท้าย-

โมเดลทางจิตใจ: registrar → DNS → โค้ด → deploy → URL สด แต่ละชั้นเป็นอิสระ คุณสามารถเปลี่ยนอันหนึ่งโดยไม่ทำลายอื่นๆ ตราบใดที่คุณเข้าใจสิ่งที่แต่ละอันทำ

Ownership Stack - Who Controls What A vertical stack showing the control plane: Domain Registrar feeds into DNS, which feeds into Code, then Deploy, then the Live URL. ระนาบควบคุม ผู้จดทะเบียนโดเมน Namecheap / GoDaddy เป็นเจ้าของชื่อโดเมน DNS Cloudflare ควบคุมการกำหนดเส้นทาง traffic Code GitHub แหล่งความจริง Deploy Cloudflare Pages สิ่งที่ผู้เยี่ยมชมเห็น Live URL yoursite.com ผลลัพธ์
Action - do this now
เปิดไฟล์ใหม่ชื่อ admins.md ใน workspace เขียนลงไปว่าที่อยู่อีเมลใดเป็นเจ้าของแต่ละบัญชี (registrar, Cloudflare, GitHub) ใช้เวลา 5 นาที และช่วยคนประหยัดวันจากนรก account-recovery ได้
Module 1.5 Checklist - Before You Build Anything Real

โมดูล 2ตั้งค่า VS Code + แป้นลัดสำคัญ

VS Code คือฐานที่มั่นของคุณ เป็นที่ที่คุณจะคุยกับ Claude แก้ไขไฟล์ รันคำสั่ง และจัดการโปรเจกต์ ฟรี รันบนทุกอย่าง และมีการผสาน Claude Code ที่ดีที่สุด

ติดตั้ง + เปิดครั้งแรก

  1. ดาวน์โหลด VS Code จาก code.visualstudio.com
  2. ติดตั้ง (ลากไปยัง Applications บน Mac รันตัวติดตั้งบน Windows)
  3. Open it. You will see a Welcome tab - close it.
  4. เปิดโฟลเดอร์: Cmd+O (Mac) หรือ Ctrl+O (Windows) → สร้างโฟลเดอร์ใหม่ชื่อ my-workspace บน Desktop → เปิดมัน
ทำไมโฟลเดอร์ถึงสำคัญ
Claude Code works inside a folder (a "workspace"). Everything you build - files, memory, rules - lives in this folder. Think of it as your AI office.

หน้าต่าง โฟลเดอร์ และบริบท

นี่คือสิ่งที่สับสนมากที่สุดสำหรับผู้ใช้ใหม่ การเข้าใจมันจะช่วยประหยัดความหงุดหงิดได้มาก

โฟลเดอร์ คือ บริบท

เมื่อคุณเปิดโฟลเดอร์ใน VS Code Claude Code โหลดทุกอย่างที่กำหนดขอบเขตสำหรับโฟลเดอร์นั้น: ทักษะกำหนดเอง กฎ ตัวแปรสภาพแวดล้อม และหน่วยความจำโปรเจกต์ หากไม่มีโฟลเดอร์เปิดอยู่ Claude จะทำงานในบริบทว่างเปล่า ยังทำงานได้ แต่ไม่มีความรู้เฉพาะโปรเจกต์

Example: imagine you have a folder called michaels-business on your Desktop. Inside it you have built custom Claude skills, added rules, and stored client notes. When VS Code has michaels-business open as the workspace, Claude can see all of it. If you close that folder or open a different one, Claude loses that context immediately.

คำเตือน: "Open Folder" ปิดแท็บทั้งหมด
ถ้าคุณไปที่ File → Open Folder ขณะมีแท็บเปิดอยู่ VS Code จะปิดทุกแท็บในหน้าต่างนั้นและโหลดโฟลเดอร์ใหม่ นี่เป็นการออกแบบ คุณจะไม่สูญเสียไฟล์ (บันทึกไว้บนดิสก์) แต่คุณจะสูญเสียการสนทนา Claude ที่ยังไม่บันทึกในแท็บเหล่านั้น

วิธีที่ถูกต้อง: เปิดหน้าต่างใหม่ก่อน

ถ้าคุณต้องการเปิดโฟลเดอร์โปรเจกต์ใหม่โดยไม่สูญเสียแท็บปัจจุบัน ให้เปิดหน้าต่างใหม่ก่อนเสมอ:

การกระทำMacWindows
เปิดหน้าต่าง VS Code ใหม่Cmd+Shift+NCtrl+Shift+N

แล้วใช้ File → Open Folder ในหน้าต่างใหม่นั้น หน้าต่างที่มีอยู่และแท็บทั้งหมดยังอยู่ครบ

หนึ่งโฟลเดอร์ต่อประเภทโปรเจกต์

นิสัยที่ดี: หน้าต่าง VS Code แต่ละหน้าต่างมีโฟลเดอร์เปิดหนึ่งโฟลเดอร์ และโฟลเดอร์นั้นตรงกับงานที่คุณกำลังทำ ถ้าคุณมีสามโปรเจกต์ต่างกัน รันสามหน้าต่าง แต่ละหน้าต่างมีโฟลเดอร์ที่ถูกต้อง แท็บในหน้าต่างทั้งหมดใช้บริบทโฟลเดอร์เดียวกัน

คิดแบบนี้:

จะทำอะไรถ้ามีแท็บเปิดโดยไม่มีโฟลเดอร์

ถ้าคุณพบว่าตัวเองมีแท็บเปิดมากมายแต่ไม่มีโฟลเดอร์โหลด นี่เป็นสถานการณ์ทั่วไป ตัวเลือกของคุณ:

  1. เปิดหน้าต่างใหม่ (Cmd+Shift+N / Ctrl+Shift+N) เปิดโฟลเดอร์ที่ถูกต้องที่นั่น และเริ่มการสนทนาใหม่ในหน้าต่างนั้น
  2. ถ้าคุณต้องการดำเนินการสนทนาที่มีอยู่จากหน้าต่างที่ไม่มีโฟลเดอร์ คัดลอกบริบทออกจากแชทนั้น แล้ววางลงในการสนทนาใหม่ในหน้าต่างที่ถูกต้อง
  3. ยอมรับว่าแท็บที่ไม่มีโฟลเดอร์ทำงานโดยไม่มีบริบทโปรเจกต์ ซึ่งดีสำหรับคำถามทั่วไปแต่ไม่ดีสำหรับงานเฉพาะโปรเจกต์
ตรวจสอบด่วน
มองที่มุมล่างซ้ายของ VS Code ถ้าแสดงชื่อโฟลเดอร์ คุณอยู่ในบริบทที่ถูกต้อง ถ้าไม่แสดงอะไรหรือแสดง "No Folder" Claude ทำงานโดยไม่มีบริบทโปรเจกต์

ติดตั้ง Node.js (จำเป็นสำหรับ Claude Code)

คำแนะนำสำหรับ Mac

เปิด Terminal (ค้นหา "Terminal" ใน Spotlight) และวาง:

Terminalcurl -fsSL https://fnm.vercel.app/install | bash source ~/.zshrc fnm install --lts node --version

คุณควรเห็นเลขเวอร์ชันเช่น v22.x.x นั่นหมายความว่า Node ติดตั้งแล้ว

คำแนะนำสำหรับ Windows

ดาวน์โหลดตัวติดตั้ง Windows จาก nodejs.org (เวอร์ชัน LTS) รันมัน รับค่าเริ่มต้น จากนั้นเปิด terminal ใหม่ใน VS Code (Ctrl+`) และพิมพ์:

Terminalnode --version

คุณควรเห็นเลขเวอร์ชัน ถ้าไม่ รีสตาร์ท VS Code

ส่วนขยายที่จำเป็น

เปิดแผง Extensions: Cmd+Shift+X (Mac) หรือ Ctrl+Shift+X (Windows) ค้นหาและติดตั้งเหล่านี้:

ส่วนขยายเหตุผลความสำคัญ
Claude Code (โดย Anthropic)จุดประสงค์ทั้งหมดของคู่มือนี้จำเป็น
GitLensดูว่าใครเปลี่ยนอะไรและเมื่อไรแนะนำ
Markdown Preview Enhancedดูตัวอย่างเอกสารอย่างสวยงามแนะนำ
Material Icon Themeทำให้แผนภูมิไฟล์ดูสะอาดมีก็ดี
Error Lensแสดงข้อผิดพลาด inline ขณะพิมพ์มีก็ดี

เมื่อติดตั้งส่วนขยายแล้ว VS Code แปลงจากโปรแกรมแก้ไขว่างเปล่าเป็น AI workspace ที่สร้างมาโดยเฉพาะ ต่อไป เรียนรู้แป้นลัดไม่กี่อันที่จะประหยัดเวลาคุณมากที่สุด

แป้นลัด VS Code ที่สำคัญ

คุณไม่จำเป็นต้องจำ 200 แป้นลัด 12 อันนี้ครอบคลุม 90% ของการใช้งานรายวัน:

การกระทำMacWindows
เปิดแผง Claude CodeCmd+LCtrl+L
เปิด terminalCtrl+`Ctrl+`
เปิดไฟล์ตามชื่อCmd+PCtrl+P
เปิด command paletteCmd+Shift+PCtrl+Shift+P
ค้นหาในไฟล์ทั้งหมดCmd+Shift+FCtrl+Shift+F
สลับแถบด้านข้างCmd+BCtrl+B
บันทึกไฟล์Cmd+SCtrl+S
เลิกทำCmd+ZCtrl+Z
บรรทัดใหม่ใน Claude (ไม่ส่ง)Shift+EnterShift+Enter
ส่งข้อความไปยัง ClaudeEnterEnter
แยก editor (เคียงข้างกัน)Cmd+\Ctrl+\
ปิดแท็บปัจจุบันCmd+WCtrl+W
แป้นลัดเดียวที่ต้องจำ
Cmd+L (Mac) หรือ Ctrl+L (Windows) เปิด Claude นั่นคือที่ที่ 80% ของงานของคุณเกิดขึ้น จำอันนี้ เรียนรู้ส่วนที่เหลือขณะไป

แป้นลัดพลังงานแล็ปท็อป

These are not VS Code shortcuts - they are operating system shortcuts that make you faster at everything. Most people never learn them:

การกระทำMacWindows
ภาพหน้าจอ (เต็มจอ)Cmd+Shift+3Win+Shift+S
ภาพหน้าจอ (พื้นที่ที่เลือก)Cmd+Shift+4Win+Shift+S
การบอกด้วยเสียงFn+Fn (press twice)Win+H
ประวัติคลิปบอร์ด- (use Maccy app)Win+V
Spotlight / ค้นหาCmd+SpaceWin+S
เครื่องมือเลือก EmojiCmd+Ctrl+SpaceWin+.
สลับระหว่างแอปCmd+TabAlt+Tab
ล็อกหน้าจอCmd+Ctrl+QWin+L
การบอกด้วยเสียงถูกประเมินต่ำ
บน Mac ดับเบิลแตะ Fn เพื่อเริ่มบอก บน Windows Win+H คุณสามารถบอกพรอมต์ให้ Claude แทนการพิมพ์ มันเร็วอย่างน่าประหลาดใจเมื่อคุณเคยชิน

โครงสร้างโฟลเดอร์ Workspace

Here is the recommended folder structure for your workspace. You do not need to create all of these right now - Claude will create them as needed. But understanding the layout helps:

Workspace structuremy-workspace/ ├── CLAUDE.md # Your AI's operating manual (Module 5) ├── .env # API keys (never committed to git) ├── .gitignore # Tells git which files to ignore ├── .claude/ │ ├── rules/ # Domain-specific behaviour files │ └── skills/ # Reusable multi-step workflows ├── knowledge/ # Facts about your business, clients, market ├── deliverables/ # Finished outputs (reports, audits, content) ├── content/ # Social posts, articles, email sequences ├── reports/ # Business audits, analysis docs ├── templates/ # Reusable document templates └── prompts/ # Saved prompt templates

ทำไมสิ่งนี้สำคัญ: Claude Code อ่านและเขียนไฟล์ใน workspace ของคุณ โครงสร้างที่สะอาดหมายความว่า Claude รู้เสมอว่าจะหาอะไรได้ที่ไหนและจะบันทึกผลลัพธ์ที่ไหน มันยังหมายความว่าคุณสามารถหาสิ่งต่างๆ ได้ด้วยตัวเองโดยไม่ต้องขุดหาในความยุ่งเหยิง

จุดตรวจสอบโมดูล 2

โมดูล 3Git + GitHub - ตาข่ายนิรภัยของคุณ

Git ติดตามทุกการเปลี่ยนแปลงที่คุณทำ GitHub เก็บไว้ในคลาวด์ ด้วยกัน หมายความว่าคุณไม่มีวันสูญเสียงานของคุณและสามารถเลิกทำข้อผิดพลาดได้เสมอ คิดว่าเป็น "เลิกทำไม่จำกัดสำหรับทั้งโปรเจกต์ของคุณ"

GIT คืออะไร?

Git คือการควบคุมเวอร์ชัน ทุกครั้งที่คุณ commit (บันทึกจุดตรวจ) Git จะถ่ายภาพรวมของโปรเจกต์ของคุณ คุณสามารถย้อนกลับไปยังภาพรวมใดก็ได้ตลอดเวลา คิดว่าเป็นระบบไฟล์บันทึกสำหรับโค้ด ยกเว้นว่าทุกการบันทึกเป็นถาวร มีป้ายกำกับ และย้อนกลับได้ คุณไม่เคยสูญเสียงานอีก

วิธีเก่า กับ วิธีใหม่
วิธีเก่า New way
บันทึกเป็น site-v2-FINAL-real-FINAL.html git commit -m 'ปรับแต่ง homepage'
ส่งไฟล์อีเมลให้เพื่อนร่วมทีม git push - พวกเขา pull ล่าสุดโดยอัตโนมัติ
ทำการเปลี่ยนแปลง ทำให้เสีย ไม่สามารถเลิกทำ git checkout [commit ก่อนหน้า] - กลับมาใน 10 วินาที
แล็ปท็อปพัง งานหายไป git push รายวัน - โค้ดอาศัยบน GitHub ตลอดไป

ทำไมสิ่งนี้สำคัญสำหรับผู้ที่ไม่ใช่นักเขียนโค้ด

ขั้นตอนการตั้งค่า

  1. สร้างบัญชีฟรีที่ github.com
  2. ติดตั้ง GitHub CLI (จัดการการยืนยันตัวตนอย่างสะอาด):
Mac: ติดตั้ง GitHub CLI
Terminalbrew install gh gh auth login

ทำตามการแจ้ง: เลือก HTTPS, ยืนยันตัวตนผ่านเบราว์เซอร์ ถ้าคุณไม่มี Homebrew ติดตั้งก่อนจาก brew.sh

Windows: ติดตั้ง GitHub CLI
Terminalwinget install GitHub.cli gh auth login

ทำตามการแจ้ง: เลือก HTTPS, ยืนยันตัวตนผ่านเบราว์เซอร์

การเข้าสู่ระบบ GitHub สองรายการแยกกัน

gh auth login ยืนยันตัวตน terminal VS Code ต้องการการเชื่อมต่อ GitHub ของตัวเอง - พวกเขาไม่ใช้ข้อมูลรับรองร่วมกัน

หลังจากติดตั้ง VS Code มองหา ไอคอน Accounts (เงาคน) ที่ด้านล่างของแถบด้านซ้ายและคลิก Sign in with GitHub หรืออีกทางหนึ่ง เปิดแผง Source Control (Ctrl+Shift+G / Cmd+Shift+G on Mac), click Clone Repository, and VS Code will prompt you to sign in. ต้องการการเข้าสู่ระบบทั้งสอง - CLI สำหรับคำสั่ง terminal, VS Code สำหรับ UI git ในตัว

  1. สร้าง repository ใหม่บน GitHub (ปุ่ม "New" สีเขียว) ตั้งชื่อว่า my-workspace ทำให้เป็น Private
  2. เปิด VS Code terminal (Ctrl+`) และรันคำสั่งเหล่านี้ทีละอัน:
Terminal - one-time setupgit config --global user.name "Your Name" git config --global user.email "your@email.com" cd ~/Desktop/my-workspace git init

ทันทีหลังจาก git init สร้างไฟล์ .gitignore ของคุณเพื่อให้ไฟล์ที่ละเอียดอ่อนไม่ถูกติดตาม:

Terminal - create .gitignoreecho -e ".env\nnode_modules/\n*.key\n*.pem\n.DS_Store" > .gitignore

ตอนนี้ทำ commit แรกและ push:

Terminal - first commitgit add . git commit -m "Initial commit" git remote add origin https://github.com/YOUR-USERNAME/my-workspace.git git branch -M main git push -u origin main
ความปลอดภัย: .gitignore ก่อน
สร้าง .gitignore เสมอก่อน git add แรกของคุณ สิ่งนี้ป้องกัน API key (.env), ใบรับรองความปลอดภัย (*.key, *.pem), และไฟล์ระบบ (.DS_Store) จากการถูกติดตามโดย git เมื่อไฟล์ถูก commit แล้ว การลบออกจากประวัติเป็นเรื่องเจ็บปวด
.ENV FILE คืออะไร?

ไฟล์ .env เก็บความลับ - API key, รหัสผ่าน, URL ฐานข้อมูล - แยกจากโค้ดของคุณ โค้ดของคุณอ่านจากมันตอนรันไทม์ ไฟล์ไม่เคยถูก commit ไปยัง GitHub (.gitignore ของคุณบล็อกมัน) หมายความว่า API key ของคุณไม่ไปอยู่ใน repo สาธารณะโดยไม่ตั้งใจ หนึ่งในข้อผิดพลาดทั่วไปที่สุดของผู้เริ่มต้นคือการวาง API key โดยตรงในโค้ดและ push ไปยัง GitHub นี่คือวิธีที่บัญชีถูกโจมตี ใช้ .env เสมอ

Hard rule

บรรทัดแรกสุดของ .gitignore ของคุณควรเป็น: .env - ตรวจสอบตอนนี้

ขั้นตอน Git ประจำวัน (3 คำสั่ง)

คุณไม่จำเป็นต้องเรียนรู้ git ที่ซับซ้อน 3 คำสั่งนี้ครอบคลุม 95% ของการใช้งานรายวัน:

Daily workflow# See what changed git status # Save your changes git add . && git commit -m "describe what changed" # Push to cloud git push
Claude ทำสิ่งนี้ให้คุณ
ในกรณีส่วนใหญ่ Claude Code จะ commit และ push โดยอัตโนมัติเมื่อคุณขอ คุณต้องการ git เป็นหลักสำหรับการตรวจสอบสถานะและเข้าใจสิ่งที่เกิดขึ้น

URL Live แรกของคุณ - GitHub Pages

~5 min · Easy · GitHub account required
API Key ฟังดูน่ากลัว - แต่ไม่ใช่
การตั้งค่ากับ GitHub นั้นคือ: สร้างบัญชี, ติดตั้ง CLI, รัน gh auth login แค่นั้น สำหรับคนที่เคยทำมาก่อน ใช้เวลาประมาณ 5 นาที ตรงๆ ครั้งแรกรู้สึกไม่คุ้นเคยเพราะเมนูใหม่ หลังจาก repo ที่สองคุณจะไม่คิดถึงมัน แต่ละการตั้งค่าที่คุณทำจะเร็วขึ้น ถึงครั้งที่ห้าคุณแทบไม่สังเกตเห็น

เมื่อโค้ดของคุณถูก push ไปยัง GitHub คุณสามารถทำให้เข้าถึงได้สาธารณะในไม่กี่คลิก นี่ให้คุณ URL https:// จริงที่ทุกคนสามารถเยี่ยมชมได้

  1. Push ไฟล์ HTML ของคุณไปยัง repo GitHub ของคุณ (คุณเพิ่งเรียนรู้วิธีนี้)
  2. ไปที่ repo ของคุณบน github.com
  3. คลิก Settings → Pages (แถบด้านซ้าย)
  4. ใต้ "Source" เลือกสาขา main และโฟลเดอร์ / (root) → คลิก Save
  5. รอ 1-2 นาที เว็บไซต์ของคุณ live ที่ https://YOUR-USERNAME.github.io/my-workspace/

URL นั้นคือสิ่งที่คุณสามารถส่งให้คนได้จริงๆ มันไม่สวย - เราจะแก้ไขในโมดูล 5 ด้วย Cloudflare - แต่มันทำงานและฟรี

GITHUB PAGES กับ CLOUDFLARE PAGES - อันไหน?

GitHub Pages: ฟรี, ในตัว GitHub, ไม่ต้องตั้งค่านอกจากการสลับใน Settings Live ที่ https://username.github.io/repo-name/ ยอดเยี่ยมสำหรับโปรเจกต์ส่วนตัว, พอร์ตโฟลิโอ, การสาธิตด่วน ข้อจำกัด: URL น่าเกลียดและคุณไม่สามารถใช้โดเมนกำหนดเองบนแผนฟรีโดยไม่ต้องยุ่งนิดหน่อย

Cloudflare Pages: ก็ฟรี, deploy 30 วินาที, รองรับโดเมนกำหนดเอง, เร็วกว่าทั่วโลก, สาขา staging ตั้งค่าเพิ่มขึ้นเล็กน้อย (3 คำสั่ง CLI) ดีกว่าสำหรับงานลูกค้าและทุกอย่างที่คุณภูมิใจ

ตัวเลือกของเรา: Cloudflare Pages สำหรับงานลูกค้า, GitHub Pages สำหรับเครื่องมือภายในและโปรเจกต์ส่วนตัว ใช้ทั้งสอง - ฟรีทั้งคู่

Astro สำหรับเว็บไซต์
สำหรับเว็บไซต์และหน้า landing เราแนะนำ Astro มันเร็ว เรียบง่าย และ Claude Code สร้างเว็บ Astro อย่างสวยงาม คำสั่งเดียวเพื่อเริ่มต้น: npm create astro@latest
หลังจากโมดูลนี้คุณควรสามารถ
Push การเปลี่ยนแปลงไปยัง GitHub และเห็นมัน live ภายใน 60 วินาที รู้ว่า "commit", "push", และ "repo" หมายความว่าอะไรโดยไม่ต้องค้นหา มี URL live ที่คุณส่งให้คนได้ตอนนี้เลย ถ้าสิ่งเหล่านั้นไม่รู้สึกจริง ย้อนกลับไปสองขั้นตอนล่าสุด ไม่ใช่ทั้งโมดูล
จุดตรวจสอบโมดูล 3

โมดูล 4ไฟล์ในเครื่อง กับ ลิงก์ Live: โมเดลความคิด 90 วินาที

ก่อนที่เราจะไปถึง Cloudflare มีหนึ่งแนวคิดที่คุณต้องเข้าใจ สิ่งนี้ทำให้เกือบทุกคนที่ใหม่กับงานเว็บสะดุด และเมื่อคุณเข้าใจแล้ว มันคลิกตลอดไป

Local File vs Live URL Left panel shows a local file path that only the owner can see. Right panel shows a live https URL anyone can visit. ไฟล์ในเครื่อง file:///Users/you/site/index.html มีแค่คุณที่เห็นสิ่งนี้ ส่งให้ลูกค้า → พวกเขาไม่สามารถเปิดได้ 🚫 → DEPLOY URL Live https://yoursite.com ทุกคนบนโลกสามารถเยี่ยมชมได้ ส่งให้ลูกค้า → พวกเขาคลิก มันทำงาน ✓
กฎ
ไฟล์กลายเป็นเว็บไซต์ก็ต่อเมื่อมี URL https:// ที่ทุกคนสามารถเยี่ยมชมได้ ทุกอย่างในคู่มือนี้ - GitHub Pages, Cloudflare Pages - มีอยู่เพื่อปิดช่องว่างนั้น

GitHub ให้ URL live ฟรี (คุณเพิ่งได้อันหนึ่งในโมดูล 3) Cloudflare ให้ URL ที่เร็วกว่าพร้อมการรองรับโดเมนกำหนดเอง โมดูลถัดไปคือที่ที่มันเกิดขึ้น

โมดูล 5Cloudflare - CDN ที่แทนที่การโฮสติ้ง

คุณใช้ GitHub เพื่อทำให้โค้ดออนไลน์ Cloudflare คือวิธีทำให้รู้สึกเหมือนเว็บไซต์จริง - โดเมนกำหนดเอง, เร็วทั่วโลก, SSL รวม, ฟรี เอเจนซีส่วนใหญ่จ่าย $50-200/เดือนสำหรับการตั้งค่าโฮสติ้งที่ Cloudflare แทนที่ด้วยไม่มีค่าใช้จ่าย

CDN คืออะไรจริงๆ

Concept - 2 min read
แนวคิด
CDN ย่อมาจาก Content Delivery Network การโฮสติ้งแบบเก่าวางเว็บไซต์ของคุณบนเซิร์ฟเวอร์หนึ่งตัว มักอยู่ในประเทศหนึ่ง ถ้าคนในโตเกียวเยี่ยมชมเว็บไซต์ที่โฮสต์ในนิวยอร์ก พวกเขารอข้อมูลข้ามแปซิฟิก CDN วางสำเนาเว็บไซต์ของคุณบนเซิร์ฟเวอร์ ~200 ตัวทั่วโลก ผู้เยี่ยมชมในโตเกียวได้รับบริการจากตัวที่ใกล้ที่สุด ผล: เร็วกว่าทุกที่ และถ้าเซิร์ฟเวอร์หนึ่งมีปัญหา ตัวอื่นรับช่วงต่อโดยอัตโนมัติ
The CDN Replaces Hosting Cloudflare CDN distributes content from one origin server to 200-plus edge servers worldwide, making sites faster everywhere at no extra cost. Cloudflare CDN เก่า: 1 เซิร์ฟเวอร์ Edge Edge Edge Edge Edge Edge Edge เซิร์ฟเวอร์ edge 200+ - ไม่มีค่าใช้จ่ายเพิ่มเติม - เร็วขึ้นทุกที่
Old way - traditional hostingNew way - Cloudflare Pages
เซิร์ฟเวอร์เดียว ประเทศเดียวเซิร์ฟเวอร์ edge 200+ กระจายทั่วโลก
$10-20/เดือนต่อเว็บไซต์แผนฟรีครอบคลุมทุกอย่าง
ใบรับรอง SSL มีค่าใช้จ่ายเพิ่มหรือต้องตั้งค่าเองSSL ตั้งค่าอัตโนมัติ
อัปโหลดไฟล์ผ่าน FTP ทีละไฟล์deploy โฟลเดอร์ทั้งหมดใน 30 วินาทีจาก terminal
dashboard cPanel จากปี 2003dashboard สมัยใหม่สะอาด + CLI

Set It Up - Three Commands

~10 min · First time only · free Cloudflare account
APIs Sound Scary - This One Isn't
Setting up Cloudflare is: create a free account at cloudflare.com, install the wrangler CLI, run wrangler login. That's the "API setup". For someone who's done it once, this is a 5-minute job. Most SaaS tools follow the same pattern: log in → Settings → Developer or API section → generate a token → paste into your project. Normal APIs are easy. If you're stuck for more than 15 minutes, the issue is almost always a wrong menu or a wrong variable name - not you.
Terminal - Cloudflare setup (3 commands, one time)npm install -g wrangler wrangler login wrangler pages deploy ./my-site
สิ่งที่เพิ่งเกิดขึ้น
wrangler login opened your browser and connected the CLI to your Cloudflare account. wrangler pages deploy pushed every file in that folder to Cloudflare's global network. You now have a live URL - something like my-site-abc123.pages.dev. Bookmark it.

The Cool Stuff - What Agencies Actually Do With This

นี่คือที่ที่มันมีประโยชน์สำหรับงานลูกค้าจริงๆ นี่คือทำไม Cloudflare สำคัญเกินกว่า "โฮสต์ฟรี"

Custom Domains - Brand It Like You Mean It

แทนที่จะส่ง URL เช่น john-doe.github.io/project-name-thing-v2-final/ ให้ลูกค้า คุณส่ง graphicstudio.nyc กลไก: ชี้ DNS โดเมนของคุณไปยัง Cloudflare (การตั้งค่าหนึ่ง ~5 นาที) แล้วในดashboard เชื่อมต่อโดเมนนั้นกับโปรเจกต์ Pages ของคุณ ครั้งแรกใช้เวลาประมาณ 15 นาที ครั้งต่อไปทุกครั้ง 5 นาที

~15 min first time · own a domain
Dashboard - connect a custom domainCloudflare Dashboard → Pages → your-project → Custom Domains → Add Enter: graphicstudio.nyc Follow the DNS prompt (Cloudflare fills in the DNS record for you)

Subpages - One Domain, Many Client Projects

โดเมนหนึ่งสามารถโฮสต์หลายโปรเจกต์ เอเจนซีของคุณที่ graphicstudio.nyc ให้บริการ graphicstudio.nyc/client-alpha, graphicstudio.nyc/client-beta, graphicstudio.nyc/staging แต่ละ path เป็น Pages project แยกกัน คุณจัดการทั้งหมดจากบัญชี Cloudflare หนึ่งบัญชี สะอาด เป็นมืออาชีพ $0

Staging Links - Show Clients a Preview Before Going Live

Cloudflare Pages creates a unique preview URL for every git branch automatically. Your main branch is live on your custom domain. Your staging branch gets its own URL - something like staging-branch.project-abc.pages.dev. You send that to a client for approval. They click around, confirm it's right. You merge. The live site updates. Zero risk to what's already live.

ทำไมถึงสำคัญสำหรับงานลูกค้า
วิธีเก่า: สร้างท้องถิ่น ให้ลูกค้าดูข้างๆ หรืออธิบายการเปลี่ยนแปลงในอีเมล เดา สร้างใหม่ วิธีใหม่: deploy staging branch ใน 30 วินาที ส่ง URL เดียว ลูกค้าตรวจสอบบนโทรศัพท์ เสร็จ ฟีเจอร์นี้อย่างเดียวก็คุ้มค่าที่จะเรียน Cloudflare

Branded Client URLs - Stop Sending Ugly Links

สิ่งที่คุณส่งให้ลูกค้าบ่งบอกถึงความเป็นมืออาชีพ เปรียบเทียบ:

Two options: (1) set up a preview subdomain on your agency domain - costs nothing, (2) set up a domain on the client's own account and manage it for them - charges more, looks more premium.

หลังโมดูล 5 คุณควรทำได้
Deploy โฟลเดอร์ใดก็ได้ไปยัง URL สดในไม่ถึงหนึ่งนาที เชื่อมต่อโดเมนกำหนดเอง ส่งลิงก์ staging ให้ลูกค้าก่อนอะไรออกสด อธิบายความแตกต่างระหว่าง CDN และ shared hosting ได้ ถ้าคุณทำสี่สิ่งนั้นได้ คุณเข้าใจแล้ว
จุดตรวจสอบโมดูล 5

You Just Replaced $200/Month of Hosting - For Free

Custom domain. Global CDN. Staging links. SSL. All of it. The Advanced Playbook is where you take this further - serverless functions, databases, autonomous agents. Keep going.

ดูสิ่งที่อยู่ใน Advanced Playbook →

Halfway there. The Advanced Playbook picks up where this leaves off - agents, automation, and scaling your AI operations.

ดูตัวอย่าง Advanced Playbook →

โมดูล 6Claude Code - ติดตั้ง ยืนยันตัวตน สิทธิ์การใช้งาน

Claude Code คือสะพานระหว่างสมองของ Claude กับ workspace ของคุณ มันอ่านไฟล์ เขียนโค้ด รันคำสั่ง และจดจำบริบท - ทั้งหมดจากใน VS Code

ติดตั้ง CLI

Terminalnpm install -g @anthropic-ai/claude-code

ยืนยันว่าใช้งานได้:

Terminalclaude --version

คุณควรเห็นหมายเลขเวอร์ชัน ถ้าไม่พบคำสั่ง ปิดและเปิด VS Code ใหม่

ส่วนขยาย VS Code

ถ้าคุณติดตั้งส่วนขยาย Claude Code ในโมดูล 2 คุณพร้อมแล้ว เปิดด้วย Cmd+L (Mac) หรือ Ctrl+L (Windows) ส่วนขยายตรวจจับ CLI ที่คุณเพิ่งติดตั้งโดยอัตโนมัติ

เมื่อเปิดครั้งแรก Claude จะขอให้คุณยืนยันตัวตน คลิกลิงก์ ลงชื่อเข้าใช้ด้วยบัญชี Claude ของคุณ และอนุมัติการเชื่อมต่อ

โหมดสิทธิ์การใช้งาน

Claude ต้องการสิทธิ์ในการอ่านไฟล์ แก้ไขไฟล์ และรันคำสั่ง คุณควบคุมว่ามันจะได้รับอิสระมากแค่ไหน:

โหมดสิ่งที่ Claude ทำได้โดยไม่ถามดีที่สุดสำหรับ
Defaultอ่านไฟล์เท่านั้นผู้ใช้ครั้งแรก งานที่ละเอียดอ่อน
Accept Edits (แนะนำ)อ่าน + แก้ไขไฟล์งานประจำวัน - จุดที่เหมาะสม
Autoส่วนใหญ่ พร้อมการตรวจสอบความปลอดภัยงานยาว ผู้ใช้ที่มีประสบการณ์
Bypassทุกอย่าง (โหมด YOLO)สภาพแวดล้อมชั่วคราวเท่านั้น

วิธีตั้งค่า: คลิกตัวบ่งชี้โหมดที่ด้านล่างของแผง Claude หรือเปิดการตั้งค่า VS Code (Cmd+,) ค้นหา "Claude Code" และตั้งค่าโหมดเริ่มต้นของคุณ

เริ่มด้วย Accept Edits
"Accept Edits" คือจุดที่เหมาะสมสำหรับคนส่วนใหญ่ Claude สามารถอ่านและเขียนไฟล์ได้อย่างอิสระ แต่ถามก่อนรันคำสั่ง terminal คุณยังควบคุมอยู่โดยไม่มีป๊อปอัปต่อเนื่อง คุณสามารถอัปเกรดเป็น Auto ได้ภายหลังเมื่อไว้วางใจเวิร์กโฟลว์
วิธีเปิดใช้งานโหมด Bypass/YOLO (ขั้นสูง)

ในการตั้งค่า VS Code ค้นหา "Claude Code" และสลับ "Allow dangerously skip permissions" สิ่งนี้ทำให้ตัวเลือก "Bypass permissions" ปรากฏในตัวเลือกโหมด

ใช้เฉพาะในสภาพแวดล้อมที่แยกออก (containers, VMs, โปรเจกต์ชั่วคราว) มันไม่มีการป้องกันความเสียหายโดยบังเอิญ

โมเดลใดใช้เมื่อไหร่

Claude มีสามขนาด แต่ละขนาดมีจุดที่เหมาะสม การใช้โมเดลที่ถูกต้องสำหรับงานประหยัดเงินและได้ผลลัพธ์ดีกว่า:

สิ่งที่คุณทำโมเดลทำไม
คำถามด่วน การจัดรูปแบบ การทำความสะอาดHaikuเร็วและราคาถูก
การเขียน การวิเคราะห์ งานลูกค้าSonnetสมดุลที่ดีที่สุดของความเร็วและคุณภาพ
การวางแผนที่ซับซ้อน สถาปัตยกรรม กลยุทธ์Opusการให้เหตุผลที่ลึกที่สุด
ค่าเริ่มต้นเป็น Sonnet
Sonnet จัดการ 80% ของงานรายวันได้ดี เปลี่ยนเป็น Haiku สำหรับงาน bulk/เรียบง่าย และ Opus สำหรับ session การคิดลึก คุณสามารถเปลี่ยนโมเดลในการตั้งค่าแผง Claude Code

สัปดาห์แรกของคุณ - ล้อฝึกหัด

เบามือก่อน

Claude Code ทรงพลัง แต่ต้านทานแรงกระตุ้นที่จะมอบกุญแจให้มันในวันแรก สำหรับสัปดาห์แรก:

นี่ไม่ใช่เรื่องของการระมัดระวัง แต่เป็นเรื่องของการเรียนรู้วิธีที่ Claude ทำงานเพื่อให้คุณสามารถให้คำสั่งที่ดีกว่าในภายหลัง

เมื่อคุณติดขัด - วิธีขอความช่วยเหลือ

คุณจะพบข้อผิดพลาด สิ่งจะแตก นั่นเป็นเรื่องปกติ นี่คือ playbook การแก้ปัญหาของคุณ:

1. ถ่ายภาพหน้าจอข้อผิดพลาด

บน Mac: Cmd+Shift+4 เพื่อเลือกพื้นที่ บน Windows: Win+Shift+S สิ่งนี้บันทึกภาพหน้าจอไปยังคลิปบอร์ดหรือ desktop ของคุณ

2. วางลงใน Claude

Claude Code สามารถอ่านภาพ ลากภาพหน้าจอโดยตรงไปยังแผงแชท Claude Code และถาม: "มีอะไรผิดพลาดที่นี่?" Claude จะอ่านข้อความข้อผิดพลาดจากภาพและช่วยคุณแก้ไข

3. เปิด Claude.ai เป็นตัวสำรอง

ถ้า Claude Code ไม่ตอบสนองหรือคุณติดขัดในลักษณะที่ต้องการมุมมองใหม่ เปิด claude.ai ในเบราว์เซอร์ บัญชีเดียวกัน ไม่มีค่าใช้จ่ายเพิ่ม วางข้อความข้อผิดพลาดหรืออัปโหลดภาพหน้าจอและขอความช่วยเหลือ

4. วิธีถามอย่างมีประสิทธิภาพ

เมื่อขอความช่วยเหลือ ให้รวมสามสิ่ง:

  1. สิ่งที่คุณคาดหวังว่าจะเกิดขึ้น - "ฉันรัน git push และคาดว่ามันจะอัปโหลดไฟล์ของฉัน"
  2. สิ่งที่เกิดขึ้นจริง - "ฉันได้รับข้อผิดพลาดที่บอกว่า 'remote rejected'"
  3. ข้อความข้อผิดพลาด - วางข้อความที่แน่นอน หรือลากภาพหน้าจอ
คุณไม่ได้อยู่คนเดียว
เปิด Claude.ai ในแท็บเบราว์เซอร์ตลอดเวลา คิดว่ามันเป็นสมองสำรองของคุณ ถ้าบางอย่างผิดพลาดใน VS Code คุณมี Claude อีกตัวพร้อมช่วยในเบราว์เซอร์เสมอ ระหว่างทั้งสอง คุณแก้ปัญหาได้เกือบทุกอย่าง
จุดตรวจสอบโมดูล 6

โมดูล 7ชั้นตัวตนของคุณ - CLAUDE.md + หน่วยความจำ

นี่คือโมดูลที่แยก "การใช้ Claude" จาก "การมีหุ้นส่วนธุรกิจ AI" หากไม่มีสิ่งนี้ Claude ให้คำตอบทั่วไป ด้วยสิ่งนี้ Claude รู้ธุรกิจ บทบาท เป้าหมาย และความชอบของคุณ - ทุก session

Claude.ai กับ Claude Code - อันไหนคืออะไร

ก่อนตั้งค่าชั้นตัวตนของคุณ มันช่วยให้เข้าใจสองพื้นที่ที่คุณจะใช้ทุกวันและทำไมแต่ละอันต้องการการตั้งค่าบริบทแยก

Claude.ai (เบราว์เซอร์)Claude Code (VS Code)
การเข้าถึงclaude.ai ในเบราว์เซอร์ใดก็ได้ส่วนขยาย VS Code
อ่านไฟล์ของคุณไม่ใช่ - โดยตรง
หน่วยความจำหน่วยความจำในตัว + ProjectsCLAUDE.md + ไฟล์หน่วยความจำ
ดีที่สุดสำหรับคำถามด่วน การระดมความคิด ภาพการสร้าง การเขียนโค้ด โปรเจกต์หลายขั้นตอน
การเข้าถึง terminalไม่ใช่ - รันคำสั่ง
การสมัครสมาชิกบัญชี Claude เดียวกันบัญชี Claude เดียวกัน
บัญชีเดียวกัน สองพื้นที่ต่างกัน
Claude.ai คือเครื่องมือตอบสนองด่วน - เปิดในแท็บเบราว์เซอร์สำหรับคำถามเร็ว Claude Code คือระบบปฏิบัติการของคุณ - มันอ่านไฟล์ รันคำสั่ง และสร้างสิ่งต่างๆ คุณจะใช้ทั้งสองทุกวัน

ฝึกหน่วยความจำ Claude.ai

Claude.ai มีระบบหน่วยความจำในตัว คนส่วนใหญ่ไม่เคยตั้งค่ามัน นี่คือวิธี

Claude.ai - Memory setup promptI want to set up your memory so you can give me better answers. Here is a summary of who I am and what I work on: [paste your ChatGPT handover document here] Please save the key facts about me so you remember them in future conversations. Confirm what you've saved.
ใช้ข้อมูลเดียวกับ CLAUDE.md - แค่ย่อ
หน่วยความจำ Claude.ai เล็กกว่า ดังนั้นให้ความสำคัญกับ: คุณเป็นใคร ธุรกิจของคุณทำอะไร สไตล์การทำงานของคุณ และโฟกัสปัจจุบัน 300-500 คำคือจุดที่เหมาะสม
CLAUDE.MD คืออะไร?

CLAUDE.md คือไฟล์ข้อความธรรมดาที่อยู่ในโฟลเดอร์โปรเจกต์ของคุณ Claude Code อ่านมันโดยอัตโนมัติทุกครั้งที่คุณเปิด session เป็นวิธีที่คุณบอก Claude ว่าคุณเป็นใคร โปรเจกต์นี้คืออะไร คุณต้องการให้มันประพฤติอย่างไร และสิ่งที่มันไม่ควรทำ หากไม่มีมัน Claude เริ่มทุกการสนทนาแบบเย็น ด้วยมัน Claude รู้ stack โทน ลูกค้า และกฎของคุณแล้ว ไฟล์เดียว หน่วยความจำถาวร

เริ่มเล็ก

แม้แค่ 10 บรรทัดก็พอ ตั้งชื่อโปรเจกต์ อธิบายสิ่งที่มันทำ แสดงรายการ stack ของคุณ คุณสามารถเพิ่มมากขึ้นได้เสมอ CLAUDE.md ที่ไม่สมบูรณ์ที่คุณเขียนวันนี้ดีกว่าอันที่สมบูรณ์แบบที่คุณไม่เคยเสร็จ

CLAUDE.md - คู่มือการใช้งาน AI ของคุณ

CLAUDE.md คือไฟล์ที่รากของ workspace ของคุณที่ Claude อ่านตอนเริ่มต้นทุกการสนทนา มันบอก Claude ว่าคุณเป็นใครและวิธีทำงานกับคุณ

แบบฝึกหัด - สร้าง CLAUDE.md ของคุณ
  1. ใน VS Code สร้างไฟล์ใหม่: Cmd+N แล้วบันทึกเป็น CLAUDE.md ใน workspace root ของคุณ
  2. วางแม่แบบนี้และกรอกรายละเอียดของคุณ:
CLAUDE.md - starter template# [Your Name] - [Your Role], [Your Business] ## Who I Am [1-2 sentences about your role. What do you do daily?] ## The Business [Business name, what you sell, who you serve, how big you are] ## My Goals ### Near-Term (30 days) - [Goal 1] - [Goal 2] - [Goal 3] ### Medium-Term (6 months) - [Bigger goal] ## How Claude Should Work With Me - Direct. No fluff. Lead with the answer. - Use bullet points, not essays. - Outputs should be copy-paste ready. - Save everything to files. Nothing lives in chat only. - If you're not sure, ask - don't guess. ## Key Constraints | Rule | Why | |------|-----| | No credentials in any file | Security | | Reuse before reinvent | Efficiency | | Every task produces a file | Accountability |
ตัวอย่าง: เจ้าของเอเจนซีโซเชียลมีเดีย
Example CLAUDE.md# Sarah - Founder, Bright Social Co ## Who I Am Agency owner running social media marketing for restaurants and hospitality businesses. 3 VAs, 10 clients, $4k MRR. I handle strategy and client relationships. VAs handle content creation. ## The Business Bright Social Co - social media management for restaurants, cafes, and hotels. We do content calendars, community management, and paid social. ## My Goals ### Near-Term (30 days) - Systemise monthly reporting (currently manual) - Build 3 reusable content calendar templates - Automate client onboarding checklist ### Medium-Term (6 months) - Scale to $8k MRR without hiring full-time - Add email marketing as a new service ## How Claude Should Work With Me - I'm not technical. Explain things simply. - Give me the command to run, don't explain how it works. - Draft everything as if a client will read it. - British English, professional tone.
ตัวอย่าง: ติวเตอร์ออนไลน์ / ผู้สร้างคอร์ส
Example CLAUDE.md# Jamie - English Tutor + Course Creator ## Who I Am Online English tutor with 4 years' experience. Building a tutoring business with AI-powered practice tools for students. Based in Southeast Asia. ## The Business 1-on-1 English lessons via Zoom + an AI practice buddy students use between sessions. Current: 15 students, $2k/month. Target: 50 students + AI product at $29/mo. ## My Goals ### Near-Term (30 days) - Launch landing page for AI practice tool - Set up payment processing (Stripe) - Create 5 lesson templates Claude can personalise ### Medium-Term (6 months) - 50 students on live lessons - 100 subscribers on AI practice tool - $5k/month total revenue ## How Claude Should Work With Me - I'm learning to code as I go. Be patient. - Show me what commands to run, step by step. - Friendly tone, not corporate. - Always save work to files, not just in chat.

หน่วยความจำ - Claude จดจำข้ามเซสชัน

Claude Code มีระบบหน่วยความจำถาวร ข้อเท็จจริงสำคัญเกี่ยวกับคุณ ความชอบของคุณ และโปรเจกต์ของคุณถูกบันทึกเป็นไฟล์เล็กๆ ที่ Claude อ่านเมื่อเริ่มทุกการสนทนา

วิธีบันทึกสิ่งที่จำ:

Remember that I prefer British English and my timezone is GMT+7.
Save to memory: my main clients are restaurants and cafes in the Portland area.

วิธีตรวจสอบสิ่งที่ Claude จำ:

What do you remember about me?

วิธีลบสิ่งที่จำ:

Forget the thing about Portland - I've expanded to all of Oregon.
หน่วยความจำ กับ CLAUDE.md
CLAUDE.md = คู่มือการใช้งานถาวร เปลี่ยนแปลงน้อย หน่วยความจำ = บริบทที่พัฒนา อัปเดตเมื่อโปรเจกต์และความชอบของคุณเปลี่ยน ใช้ CLAUDE.md สำหรับ "ฉันเป็นใคร" และหน่วยความจำสำหรับ "ฉันกำลังทำอะไร"

ลำดับชั้นหน่วยความจำ - 4 ชั้น

Claude Code มีหน่วยความจำสี่ชั้น จากถาวรที่สุดไปชั่วคราวที่สุด:

CLAUDE.md - คู่มือการทำงานถาวร
ตัวตน ธุรกิจ เป้าหมาย และสไตล์การทำงานของคุณ เปลี่ยนแปลงน้อย
อยู่ใน: workspace root (my-workspace/CLAUDE.md)
ไฟล์หน่วยความจำ - บริบทที่พัฒนา
ข้อเท็จจริง ความชอบ และสถานะโปรเจกต์ที่อัปเดตตามเวลา
อยู่ใน: ~/.claude/projects/memory/
หน่วยความจำ Claude.ai - เบราว์เซอร์ด่วน
บริบทย่อสำหรับคำถามด่วนในเบราว์เซอร์
อยู่ใน: Settings → Memory (claude.ai)
บริบทการสนทนา - เซสชันปัจจุบันเท่านั้น
ทุกอย่างที่พูดในแชทนี้ ชั่วคราว บีบอัดตามเวลา
อยู่ใน: เซสชันปัจจุบัน (ไม่บันทึก)
คิดว่ามันเหมือนอาคาร
CLAUDE.md คือรากฐาน - มั่นคงและถาวร ไฟล์หน่วยความจำคือเฟอร์นิเจอร์ - จัดใหม่ตามต้องการ หน่วยความจำ Claude.ai คือโน้ตบนตู้เย็น บริบทการสนทนาคือสิ่งที่คุณพูดตอนนี้ - มันจางหายเมื่อคุณออกจากห้อง

ทำความเข้าใจ Context Window

Claude "เห็น" ได้ประมาณ 200,000 tokens ในคราวเดียว - ประมาณ 150,000 คำ คิดว่ามันเป็นหน่วยความจำระยะสั้นของ Claude สำหรับการสนทนาปัจจุบัน ทุกอย่างที่คุณพูด ทุกอย่างที่ Claude พูด และทุกไฟล์ที่ Claude อ่านระหว่าง session ใช้พื้นที่ในหน้าต่างนี้

สิ่งที่เกิดขึ้นเมื่อหน้าต่างเต็ม

เมื่อการสนทนาของคุณเติบโต ข้อความเก่าจะถูกสรุปหรือบีบอัดเพื่อสร้างพื้นที่สำหรับใหม่ สิ่งนี้เป็นอัตโนมัติและมักราบรื่น แต่ในเซสชันยาวมากคุณอาจสังเกตเห็น:

วิธีทำงานกับมัน ไม่ใช่ต่อต้านมัน

กฎทั่วไป
ถ้าการสนทนาของคุณผ่าน ~50 ข้อความหรือ Claude เริ่มลืมสิ่งต่างๆ ถึงเวลาแชทใหม่ CLAUDE.md และไฟล์หน่วยความจำของคุณส่งต่อโดยอัตโนมัติ ดังนั้นคุณไม่สูญเสียอะไรสำคัญ

เตรียมหน่วยความจำของคุณในวันที่ 1

เมื่อ CLAUDE.md ของคุณเขียนแล้ว รันพรอมต์นี้ มันเพาะไฟล์หน่วยความจำของคุณด้วยบริบทเดียวกันเพื่อให้ Claude มีมันในสองที่

Day 1 memory priming promptRead my CLAUDE.md file. Save the most important facts about me, my business, and my working preferences as individual memory entries. Confirm each one as you save it.
ทำไมสิ่งนี้สำคัญ

เมื่อ Claude มีบริบทที่เหมาะสม คำตอบจะดีขึ้นอย่างน่าตื่นตาตื่นใจ มันหยุดให้คำแนะนำทั่วไปและเริ่มเชื่อมจุด - "จากโปรไฟล์ลูกค้าของคุณและข้อเท็จจริงที่คุณทำงานกับร้านอาหาร นี่คือวิธีที่ฉันจะจัดโครงสร้างปฏิทินเนื้อหานี้..." นั่นคือความแตกต่างระหว่างเครื่องมือที่ฉลาดและหุ้นส่วนธุรกิจจริงๆ

2-3 วันที่คุณใช้ในการตั้งค่าบริบทให้ผลตอบแทนในทุกการสนทนาเป็นปีๆ

กฎ + ทักษะ (ไม่บังคับ มีพลัง)

เมื่อคุณสะดวก คุณสามารถเพิ่มสองชั้นอีก:

วิธีสร้างทักษะแรกของคุณ

สร้างโฟลเดอร์: .claude/skills/ ใน workspace root ของคุณ

สร้างไฟล์ชื่อ weekly-report.md ข้างในมัน:

.claude/skills/weekly-report.md--- name: weekly-report description: Generate a weekly performance summary for a client --- # Weekly Report Skill When I say /weekly-report [client name]: 1. Pull this week's key metrics from the tracking sheet 2. Summarise: traffic, engagement, leads, conversions 3. Flag any unusual changes (up or down) 4. Write 3 observations and 3 recommended next actions 5. Save to reports/[client-slug]-week-[date].md

ตอนนี้เมื่อคุณพิมพ์ /weekly-report Sunrise Cafe Claude รันขั้นตอนทั้งหมด

การสนทนาแรกของคุณ - 5 ขั้นตอน

คุณมี Claude Code ติดตั้ง ยืนยันตัวตน และ CLAUDE.md เขียนแล้ว นี่คือการสนทนาจริงแรกของคุณ:

แบบฝึกหัด - คู่มือการสนทนาแรก
  1. เปิด Claude Code - กด Cmd+L (Mac) หรือ Ctrl+L (Windows)
  2. ยืนยันว่า Claude อ่าน CLAUDE.md ของคุณ - พิมพ์:
    What do you know about me and my business?

    Claude ควรตอบสนองด้วยรายละเอียดจาก CLAUDE.md ของคุณ ถ้ามันให้คำตอบทั่วไป มีบางอย่างผิดพลาด - ตรวจสอบว่า CLAUDE.md อยู่ใน root ของโฟลเดอร์ workspace ที่เปิดอยู่

  3. บันทึกความชอบลงหน่วยความจำ - พิมพ์:
    Remember that I prefer bullet points over paragraphs, and save all outputs to files.
  4. ถาม Claude ว่าทำอะไรได้ - พิมพ์:
    What tools and capabilities do you have access to in this workspace?

    Claude จะระบุความสามารถของมัน: อ่านไฟล์ เขียนไฟล์ รันคำสั่ง terminal ค้นหาเว็บ (ถ้าตั้งค่า MCP) ฯลฯ

  5. ให้งานเล็กๆ - พิมพ์:
    Create a file called test.md in the workspace root with a 3-bullet summary of what we set up today.
ช่วงเวลาสำเร็จการศึกษา
ถ้า Claude สร้างไฟล์ test.md นั้น คุณพร้อมแล้ว คุณมี AI ที่สามารถอ่านไฟล์ของคุณ จำความชอบของคุณ และสร้างผลลัพธ์ตามคำสั่ง ทุกอย่างจากนี้สร้างบนรากฐานนี้
จุดตรวจสอบโมดูล 7

โมดูล 8การเชื่อมต่อ API - 10 อันดับ + 5 สแตกทีม

หากไม่มี API Claude สามารถอ่านและเขียนไฟล์ใน workspace เท่านั้น ด้วย API Claude กลายเป็นระบบปฏิบัติการ - อ่านอีเมล อัปเดตสเปรดชีต โพสต์โซเชียลมีเดีย ดึง analytics และจัดการปฏิทิน API คือความแตกต่างระหว่าง "สมุดจดที่ฉลาด" และ "ธุรกิจที่ขับเคลื่อนด้วย AI"

คุณทำส่วนที่ยากไปแล้ว
API SaaS ส่วนใหญ่ทำงานเหมือนกัน

Notion, Slack, OpenAI, Perplexity, Firecrawl - they all follow the same 3 steps: log in → Settings or Developer section → generate token → paste into .env. If a tool has a normal API, installing it is easy. If you're stuck for more than 15 minutes, the problem is almost always: wrong menu, wrong permission scope, or wrong variable name in your .env - not you.

GitHub (Module 3) and Cloudflare (Module 5) are done. The third infrastructure pillar is Google Workspace - Drive, Sheets, Gmail, Calendar - which connects through MCP and is covered below. APIs sound intimidating. Most of them take 5-10 minutes to set up and follow the same pattern every time: log in, find the API or Developer section, generate a token, paste it into your .env file. By your fifth API key you won't think twice.
MCP SERVER คืออะไร?

MCP ย่อมาจาก Model Context Protocol เป็นวิธีที่ Claude เข้าถึงเครื่องมือจริง - Google Drive, Sheets, Gmail, Notion, Slack, GitHub ของคุณ หากไม่มี MCP Claude สามารถอ่านและเขียนไฟล์ในโฟลเดอร์ของคุณเท่านั้น ด้วย MCP Claude สามารถอ่าน inbox จริง อัปเดตสเปรดชีตจริง โพสต์ใน Slack MCP server แต่ละอันที่คุณเพิ่มเป็นพลังพิเศษใหม่ Google suite เพียงอย่างเดียว (Drive, Sheets, Gmail, Calendar) ใช้เวลาประมาณ 15 นาทีในการเชื่อมต่อและทันทีทำให้ Claude มีประโยชน์ขึ้น 10 เท่า

10 อันดับแรก - เริ่มต้นที่นี่โดยไม่คำนึงถึงสิ่งที่คุณทำ

10 การเชื่อมต่อเหล่านี้ทำงานสำหรับทุกคน โดยไม่คำนึงถึงเฉพาะกลุ่ม ประเภทธุรกิจ หรือระดับขั้นสูงของคุณ - เหล่านี้คือรากฐาน

#API / เครื่องมือสิ่งที่ Claude ทำกับมันความสำคัญ
1Google Drive (MCP)อ่าน/เขียน docs และไฟล์ของคุณโดยตรงเริ่มที่นี่
2Google Sheets (MCP)อ่าน/อัปเดตสเปรดชีตโดยไม่ต้องคัดลอกวางเริ่มที่นี่
3Gmail (MCP)อ่าน ร่าง และค้นหาอีเมลของคุณเริ่มที่นี่
4Google Calendar (MCP)ตรวจสอบและสร้างกิจกรรมเริ่มที่นี่
5OpenAIสร้างรูปภาพ (DALL-E), GPT เป็นโมเดลสำรองใช่
6FirecrawlScrape และดึงเนื้อหาจากหน้าเว็บใดก็ได้ใช่
7Perplexityวิจัยเว็บแบบ real-time พร้อมการอ้างอิงใช่
8Google Search Consoleข้อมูล keyword, ประสิทธิภาพคลิก, การจัดทำดัชนีถ้าทำ SEO
9Slack (MCP)อ่านและส่งข้อความไปยัง channelsถ้าใช้ Slack
10Notion หรือ Obsidianบันทึกและฐานความรู้ของคุณถ้าใช้อย่างใดอย่างหนึ่ง
เริ่มด้วยตัวเลข 1-4 (Google MCP Suite)
ฟรี เชื่อมต่อใน 15 นาที และ Claude กลายเป็นประโยชน์ขึ้น 10 เท่าทันที - อ่านเอกสารจริงแทนที่จะขอให้คุณวางทุกอย่าง

ด้านล่างคือ 5 สแตกที่สร้างไว้ล่วงหน้า เลือกอันที่ใกล้เคียงกับงานของคุณมากที่สุด แล้วเพิ่มเครื่องมือแต่ละอันจากอื่นๆ ตามต้องการ คุณไม่ต้องการทั้งห้า - สแกนคำอธิบายและเลือกอันที่ตรงกับเวิร์กโฟลว์รายวันของคุณ

Stack 1: ทีมโซเชียลมีเดีย

สำหรับผู้สร้างเนื้อหา ผู้จัดการโซเชียลมีเดีย และผู้สร้างแบรนด์

#API / บริการสิ่งที่มันทำวิธีเชื่อมต่อ
1Bufferกำหนดเวลาโพสต์ข้ามแพลตฟอร์มbuffer.com → Settings → API
2Canva APIสร้างและแก้ไขการออกแบบด้วยโปรแกรมcanva.com/developers
3OpenAIสร้างรูปภาพ (DALL-E), GPT สำหรับความหลากหลายplatform.openai.com → API Keys
4Google Sheetsปฏิทินเนื้อหา ติดตาม analyticsMCP server (OAuth flow)
5Instagram Graph APIอ่าน insights จัดการเนื้อหาdevelopers.facebook.com
ชัยชนะด่วนสำหรับทีมโซเชียล
เชื่อมต่อ Google Sheets + Buffer ก่อน Claude สามารถร่างโพสต์เต็มสัปดาห์ลงใน Sheet และ Buffer ดึงจากมันเพื่อกำหนดเวลาโดยอัตโนมัติ อันเดียวนั้นประหยัด 2-3 ชั่วโมงต่อสัปดาห์

Stack 2: ทีม SEO

สำหรับเอเจนซี SEO ที่ปรึกษา และทุกคนที่ทำงาน search engine

#API / บริการสิ่งที่มันทำวิธีเชื่อมต่อ
1Google Search Consoleข้อมูล keyword การจัดทำดัชนี ประสิทธิภาพMCP server (OAuth flow)
2SEMrush / DataForSEOวิจัย keyword วิเคราะห์คู่แข่ง ข้อมูล SERPsemrush.com หรือ dataforseo.com API keys
3Screaming Frog / Firecrawlตรวจสอบไซต์ ข้อมูล crawl SEO เทคนิคScreaming Frog CLI หรือ firecrawl.dev API
4Google Sheetsรายงาน ติดตาม keyword แดชบอร์ดลูกค้าMCP server (OAuth flow)
5Ahrefsข้อมูล backlink อำนาจโดเมน ช่องว่างเนื้อหาahrefs.com → API access
6BrightLocalการอ้างอิงท้องถิ่น ติดตาม review ติดตามอันดับbrightlocal.com → API

สแตก SEO มีข้อมูลหนักโดยธรรมชาติ ผลตอบแทนคือ Claude สามารถดึงข้อมูลคีย์เวิร์ด อ้างอิงข้ามกับ backlink ของคู่แข่ง และร่าง content brief - ทั้งหมดในพรอมต์เดียว

Stack 3: ทีมการตลาด All-in-1

สำหรับเอเจนซีและนักการตลาดที่ต้องการทุกอย่างเชื่อมต่อ

#API / บริการสิ่งที่มันทำวิธีเชื่อมต่อ
1Claude / OpenAIการสร้าง AI การวิเคราะห์ การสรุปconsole.anthropic.com / platform.openai.com
2Google WorkspaceDrive, Sheets, Docs, Gmail, CalendarMCP servers (OAuth flow)
3HubSpot / GoHighLevelCRM, pipelines, ระบบอัตโนมัติHubSpot developer portal / GHL API settings
4Mailchimp / Instantlyอีเมลการตลาด ลำดับ cold outreachmailchimp.com หรือ instantly.ai API keys
5Google Analytics 4ทราฟฟิกเว็บไซต์ conversions พฤติกรรมผู้ใช้MCP server หรือ GA4 API
6Social schedulerBuffer, Hootsuite, or Later - schedule postsAPI keys from chosen platform
7Firecrawl / ApifyWeb scraping ติดตามคู่แข่งfirecrawl.dev หรือ apify.com API keys
8Stripeการชำระเงิน สมาชิก ติดตามรายได้dashboard.stripe.com → API keys
เริ่มเล็ก ขยายตามต้องการ
All-in-1 stack ดูใหญ่ แต่คุณไม่ต้องการทั้ง 8 ในวันแรก เริ่มด้วย Google Workspace + CRM ของคุณ เพิ่ม analytics และอีเมลเมื่อ workflow หลักของคุณแข็งแกร่ง

สแตก 4: ผู้ปฏิบัติงานส่วนตัว

สำหรับ solo operator freelancer และทุกคนที่ต้องการให้ Claude จัดการชีวิตดิจิทัลของพวกเขา

#API / บริการสิ่งที่มันทำวิธีเชื่อมต่อ
1Google Driveอ่าน/เขียน docs ค้นหาไฟล์ จัดระเบียบโฟลเดอร์MCP server (OAuth flow)
2Google SheetsTrack anything - finances, habits, projectsMCP server (OAuth flow)
3Gmailอ่าน/ร่างอีเมล จัดการ inboxMCP server (OAuth flow)
4Google Calendarอ่าน/สร้างกิจกรรม ตรวจสอบความพร้อมMCP server (OAuth flow)
5Notion / Obsidianบันทึก wikis สมองที่สองNotion API หรือไฟล์ Obsidian ในเครื่อง

สแตกผู้ปฏิบัติงานส่วนตัวคือแบบลีนที่สุด - ห้าการเชื่อมต่อและ Claude จัดการอีเมล ปฏิทิน เอกสาร และบันทึกของคุณ ผู้ปฏิบัติงานเดี่ยวส่วนใหญ่พบว่านี่คือทั้งหมดที่ต้องการสำหรับเดือนแรก

Stack 5: ผู้สร้างเนื้อหา / นักการศึกษา (6 API)

สำหรับผู้สร้างคอร์ส YouTubers นักการศึกษา และทุกคนที่สร้างผู้ชมผ่านเนื้อหา

เครื่องมือสิ่งที่มันทำกรณีการใช้งาน
OpenAIสร้างรูปภาพ + GPTภาพประกอบ + ความหลากหลายเนื้อหา
ElevenLabsสังเคราะห์เสียงพากย์เสียง เนื้อหาเสียง
HeyGen / D-IDสร้างวิดีโอ AIวิดีโอพูดในจำนวนมาก
YouTube Data APIanalytics ช่อง + การเผยแพร่ติดตามสิ่งที่ใช้ได้ผล กำหนดเวลาอัปโหลด
Canva APIออกแบบอัตโนมัติสร้างกราฟิกแบรนด์แบบ batch
Beehiiv / ConvertKitNewsletter + อีเมลอัตโนมัติลำดับการออกอากาศ
เลือก Stack ของคุณ
คุณไม่ต้องการทั้งห้า stack เลือกอันที่ใกล้เคียงกับงานของคุณมากที่สุดและตั้งค่า 2-3 การเชื่อมต่อจากมัน คุณสามารถเพิ่มมากขึ้นในภายหลัง การเชื่อมต่อที่มีประโยชน์ที่สุดโดยทั่วไปคือ Google Drive + Google Sheets + Gmail ถ้าคุณตั้งค่าเพียงสามสิ่ง ทำให้เป็นสิ่งเหล่านั้น

ความปลอดภัย: การตั้งค่า .env

API key คือรหัสผ่านที่ให้ Claude คุยกับบริการภายนอก มันต้อง ไม่ ถูก commit ไปยัง git เด็ดขาด

วิธีตั้งค่าไฟล์ .env ของคุณ

สร้างไฟล์ชื่อ .env ใน workspace root ของคุณ:

.env - example (replace with your real keys)# AI APIs ANTHROPIC_API_KEY=sk-ant-your-key-here OPENAI_API_KEY=sk-your-key-here # Google (if using API keys instead of MCP OAuth) GOOGLE_API_KEY=your-google-key # Other services SEMRUSH_API_KEY=your-key STRIPE_SECRET_KEY=sk_live_your-key

ยืนยันว่า .env อยู่ใน .gitignore ของคุณ (ควรจะอยู่ถ้าคุณทำตามโมดูล 3):

Terminalcat .gitignore | grep ".env"

คุณควรเห็น .env ระบุ ถ้าไม่ เพิ่มมัน:

Terminalecho ".env" >> .gitignore
กฎความปลอดภัย
อย่าใส่ API key หรือรหัสผ่านโดยตรงในไฟล์ markdown หรือไฟล์โค้ดใดๆ ใช้ไฟล์ .env เสมอ (ซึ่ง git-ignored) หรือตัวแปรสภาพแวดล้อม ถ้า Claude ขอให้คุณวาง key ในที่ที่มองเห็น นั่นผิด - โต้แย้งกลับ
จุดตรวจสอบโมดูล 8

คุณผ่านกึ่งกลางแล้ว Advanced Playbook แสดงการจัดการ multi-agent, deployment pipelines และ workflow อัตโนมัติ

อ่าน Advanced Playbook →

โมดูล 9การพรอมต์ที่ได้ผลจริง + พรอมต์พร้อมใช้

Most people prompt like they are texting a friend. Vague. Incomplete. Then they wonder why the output is mediocre. Good prompting is about giving Claude the right context, constraints, and format - not about magic words.

5 กฎของการเขียนพรอมต์ที่มีประสิทธิภาพ

กฎที่ 1: บอก Claude สิ่งที่คุณต้องการ ไม่ใช่สิ่งที่คุณไม่ต้องการ

ไม่ดี (เชิงลบ)ดี (เชิงบวก)
"อย่าทำให้ยาวเกินไป""ให้ต่ำกว่า 200 คำ"
"อย่าใช้ศัพท์เฉพาะ""เขียนสำหรับเจ้าของธุรกิจที่ไม่มีพื้นฐานเทคนิค"
"อย่าน่าเบื่อ""ใช้ประโยคสั้น นำด้วยประโยชน์"

กฎที่ 2: ให้บริบทก่อนการถาม

I run a social media agency serving restaurants. I need a cold email for a prospect who posts inconsistently on Instagram and has no content calendar. Write a 3-sentence email that leads with their specific gap.

เปรียบกับ: "เขียน cold email ให้ฉัน" พรอมต์แรกให้ Claude เฉพาะกลุ่มของคุณ สถานการณ์ของ prospect ช่องว่างเฉพาะ รูปแบบ และโทน output จะดีขึ้น 10 เท่า

กฎที่ 3: ระบุรูปแบบ output

Give me this as a markdown table with columns: Task, Owner, Due Date, Status.
Write this as a numbered list. Each item should be one sentence.

กฎที่ 4: อ้างอิงไฟล์ ไม่ต้องอธิบายซ้ำ

Read the client profile at knowledge/clients/sunrise-cafe/profile.md and draft a monthly report based on that context.

Claude Code สามารถอ่านไฟล์โดยตรง ชี้ไปที่ไฟล์แทนที่จะวางเนื้อหาลงในแชท สิ่งนี้รักษาบริบทให้สะอาดและใช้แหล่งความจริงของคุณ

กฎที่ 5: หนึ่งงานต่อข้อความ (โดยทั่วไป)

ข้อความหลายส่วนยาวสร้างความสับสน แบ่งงานที่ซับซ้อนเป็นขั้นตอน:

  1. "อ่านโปรไฟล์ลูกค้าและบอกฉันว่าคุณเข้าใจอะไร"
  2. "ตอนนี้ร่างบทนำรายงาน"
  3. "เพิ่มส่วนคำแนะนำตามช่องว่างที่คุณพบ"
เมื่อใดควรทำลายกฎนี้

ถ้าคุณมีทักษะหรือเวิร์กโฟลว์ที่กำหนดไว้ดีพร้อมขั้นตอนที่ชัดเจน คุณสามารถให้ Claude ทั้งหมดในข้อความเดียว กุญแจคือ: Claude มีบริบทเพียงพอที่จะดำเนินการทุกขั้นตอนโดยไม่ถามหรือไม่? ถ้าใช่ ข้อความเดียวก็พอ ถ้ามันจะต้องถาม "คุณหมายถึงอะไรด้วย X?" กลางทาง ให้แบ่งออก

4 รูปแบบพรอมต์ที่ทำงาน

รูปแบบสี่อันเหล่านี้ครอบคลุมเทคนิคการเขียนพรอมต์ที่มีประโยชน์ส่วนใหญ่ เรียนรู้มันและคุณจะได้ผลลัพธ์ที่ดีกว่าจาก AI ใดก็ตาม ไม่ใช่แค่ Claude

รูปแบบที่ 1: Role Prompting

บอก Claude ว่าจะเป็นใคร สิ่งนี้โฟกัสความรู้และเปลี่ยนโทนของมัน

Role prompting exampleYou are a business consultant who helps small service businesses grow. You focus on practical, actionable advice over theory. Review this business and give me your professional assessment: what is working, what is broken, and what are the 3 highest-impact fixes. Business: [describe or link to profile]

รูปแบบที่ 2: Chain of Thought

บังคับให้ Claude คิดก่อนตอบ สิ่งนี้ปรับปรุงความแม่นยำอย่างมากในคำถามที่ซับซ้อน

Chain of thought exampleThink through this step by step before giving your answer. I have a client paying $3k/month for content writing. They want to add social media management. How should I price the upsell? Consider: their current spend, perceived value, delivery cost, and competitive positioning.

รูปแบบที่ 3: Few-Shot (ให้ตัวอย่าง)

แสดง Claude ว่าดีเป็นอย่างไร นี่คือวิธีที่เร็วที่สุดในการได้ output ที่สม่ำเสมอ

Few-shot exampleHere are 3 examples of good client check-in emails: Example 1: "Hi Sarah, quick update on your March results. Engagement is up 23% and you gained 140 new followers this week. The carousel post about seasonal specials performed best. Next month we're focusing on your Google reviews. Any questions, let me know." Example 2: [...] Example 3: [...] Write a check-in email for my client Dr. Martinez using the same style, based on the data in @knowledge/clients/martinez-dental/profile.md

รูปแบบที่ 4: การตั้งค่าข้อจำกัด

ตั้งขอบเขตเพื่อให้ Claude ไม่หลงทาง ยิ่งมีข้อจำกัดมาก output ยิ่งโฟกัส

Constraint setting exampleWrite a LinkedIn post about why small businesses should invest in consistent social media posting. Constraints: - Under 200 words - Use bullet points for the main section - No jargon or marketing speak - British English - End with a question to drive comments - Do not mention any specific tools or brands
รวมรูปแบบเพื่อผลลัพธ์ที่ดีที่สุด
รูปแบบเหล่านี้ซ้อนกัน พรอมต์ที่ใช้ role + ข้อจำกัด + few-shot จะมีประสิทธิภาพเกินรูปแบบเดียวใดๆ เริ่มด้วยหนึ่ง แล้วเพิ่มชั้นมากขึ้นเมื่อคุณสบายใจ

รูปแบบการแยกข้อมูล

ทั้ง Claude และ ChatGPT ยอดเยี่ยมในการแยก โครงสร้าง และแปลงข้อมูล กุญแจคือการชัดเจนเกี่ยวกับรูปแบบ:

สิ่งที่คุณต้องการรูปแบบพรอมต์
ข้อมูลที่มีโครงสร้างจากข้อความยุ่งเหยิง"ดึงชื่อบริษัท อีเมล และหมายเลขโทรศัพท์ทั้งหมดจากข้อความนี้ Output เป็น CSV"
สรุปเอกสารยาว"อ่านเอกสารนี้และให้ฉัน: 1) สรุป 3 ประโยค 2) การตัดสินใจสำคัญ 3) รายการดำเนินการพร้อมเจ้าของ"
ตารางเปรียบเทียบ"เปรียบเทียบ X และ Y ในมิติเหล่านี้: [รายการ] Output เป็นตาราง markdown"
เขียนใหม่สำหรับผู้ชมต่างกัน"เขียนใหม่สำหรับ [ผู้ชม] รักษาข้อเท็จจริงเดิม เปลี่ยนน้ำเสียงเป็น [น้ำเสียง] สูงสุด [N] คำ"

บันทึกไอเดียทันที

Claude Code คือสมองที่สองของคุณ เมื่อไอเดียมาหาคุณกลาง session จับมันทันทีแทนที่จะสูญเสียมัน:

Save this idea to memory under [category]: [your idea here]
Where should I save this? [paste your idea] - Claude will suggest the best location
Create a parking lot file for ideas I don't want to act on right now but don't want to forget.
Add this to my parking lot: [idea]
หน่วยความจำของคุณจำกัด ของ Claude ไม่จำกัด
ทุกครั้งที่คุณคิด "ฉันควรจดจำสิ่งนี้" พูดกับ Claude แทน บันทึกลงหน่วยความจำ บันทึกลงไฟล์ บันทึกลงที่จอด นิสัยการจับไอเดียแบบเรียลไทม์สะสมเร็ว ในหนึ่งเดือน คุณจะมีห้องสมุดที่ค้นหาได้ของทุกไอเดียดีๆ ที่คุณมี

ไวยากรณ์ Claude Code

Claude Code มีไวยากรณ์พิเศษที่ Claude ธรรมดา (เบราว์เซอร์) ไม่มี เรียนรู้สามอัน:

ไวยากรณ์สิ่งที่ทำตัวอย่าง
@filenameอ้างอิงไฟล์เฉพาะเพื่อให้ Claude อ่าน@knowledge/clients/acme/profile.md - Claude อ่านไฟล์
#symbolอ้างอิง code symbol (ฟังก์ชัน คลาส ตัวแปร)#generateReport - Claude ค้นหาและโฟกัสที่ฟังก์ชันนั้น
Shift+Enterบรรทัดใหม่โดยไม่ส่ง - เขียนพรอมต์หลายบรรทัดเขียนพรอมต์ 5 บรรทัด แล้วกด Enter เพื่อส่งทั้งหมดพร้อมกัน
ทางลัด @ ทรงพลัง
แทนที่จะพูดว่า "อ่านไฟล์ที่ knowledge/clients/acme/profile.md" คุณแค่พิมพ์ @knowledge/clients/acme/profile.md ในข้อความ Claude จะอ่านโดยอัตโนมัติ สิ่งนี้ทำงานสำหรับไฟล์ใดก็ได้ใน workspace ของคุณ

ตอนนี้คุณรู้วิธีอ้างอิงไฟล์และเขียนพรอมต์หลายบรรทัดแล้ว คำถามถัดไปคือเมื่อใดควรใช้ Claude Code เทียบกับเครื่องมืออื่นที่คุณรู้อยู่แล้ว

Claude Code กับ ChatGPT - เมื่อใดใช้อันไหน

สถานการณ์เครื่องมือที่ดีที่สุดทำไม
คำถามด่วน / ระดมความคิดChatGPT (เบราว์เซอร์)เร็วที่สุดสำหรับคำตอบครั้งเดียว
ทำงานกับไฟล์ของคุณClaude Codeอ่าน/เขียน workspace โดยตรง
งานโปรเจกต์หลายขั้นตอนClaude Codeบริบทถาวร หน่วยความจำ การเข้าถึงไฟล์
การสร้างภาพChatGPT (DALL-E)Claude ไม่สร้างภาพ
การค้นหาเว็บระหว่างงานClaude Code + MCPค้นหาโดยไม่ออกจากเวิร์กโฟลว์
สร้างเว็บไซต์หรือเครื่องมือClaude Codeเขียนโค้ด รันมัน deploy มัน
เขียนเนื้อหารูปแบบยาวทั้งคู่ทั้งสองยอดเยี่ยม Claude Code บันทึกลงไฟล์โดยอัตโนมัติ
วิเคราะห์ข้อมูลบนไฟล์ท้องถิ่นClaude Codeอ่าน CSV, JSON, สเปรดชีตโดยตรงจากดิสก์

พรอมต์ที่ 1 - การตรวจสอบธุรกิจด่วน

ใช้สิ่งนี้เพื่อวิเคราะห์ธุรกิจใดๆ ใน 5 นาที ทำงานสำหรับ prospect คู่แข่ง หรือลูกค้าของคุณเอง บันทึก output โดยตรงไปยัง workspace ของคุณ

Copy and paste into Claude CodeI need a quick audit for [BUSINESS NAME] in [CITY]. Check these 6 things and report findings: 1. **Website**: Does it load? Is it mobile-friendly? Page speed? 2. **Google Business Profile**: Does it exist? Reviews count + avg rating? 3. **Social media**: Which platforms are active? Post frequency? 4. **Email marketing**: Any sign of newsletters or email capture on site? 5. **Google Ads / Facebook Ads**: Any evidence of paid campaigns? 6. **Top 3 quick wins**: Based on the above, what are the 3 fastest improvements they could make? Output as a clean markdown report. Save to reports/[business-slug]-visibility-check.md
ปรับสำหรับเฉพาะกลุ่มของคุณ

สำหรับติวเตอร์/โค้ช: แทนที่ "Google Ads" ด้วย "การรับรอง/social proof บนไซต์" และเพิ่ม "ค้นหา specialty การสอนของพวกเขาบน YouTube"

สำหรับ e-commerce: เพิ่มการตรวจสอบ "product schema" และ "การปรากฏตัวใน Google Shopping"

สำหรับนายหน้าอสังหาริมทรัพย์: เพิ่มการตรวจสอบ "โปรไฟล์ Zillow/Realtor.com" และ "เนื้อหาย่าน"

พรอมต์ที่ 2 - ตัวเริ่มต้นระบบเนื้อหา

ใช้สิ่งนี้เพื่อสร้างเนื้อหาหนึ่งสัปดาห์ใน 10 นาที บันทึก output โดยตรงไปยัง workspace ของคุณ

Copy and paste into Claude CodeI need 5 social media posts for [PLATFORM] this week. Context: - Business: [your business description] - Target audience: [who you're trying to reach] - Goal: [awareness / leads / engagement / authority] - Tone: [professional / casual / educational / bold] For each post, give me: 1. Hook (first line that stops the scroll) 2. Body (3-5 sentences, value-first) 3. CTA (what should the reader do next?) 4. Hashtags (5-8 relevant ones) Save to content/weekly-posts-[date].md

เวิร์กโฟลว์ AI รายวันของคุณ (15 นาที)

สร้างนิสัยนี้และคุณจะนำหน้า 95% ของคนในอุตสาหกรรมของคุณภายในหนึ่งเดือน:

เวลาการกระทำพรอมต์
เช้า
5 นาที		ตรวจสอบกับ Claude"เราทำงานอะไรใน session ที่แล้ว? อะไรคือลำดับความสำคัญถัดไป?"
บล็อกงาน
5 นาที		มอบหมายหนึ่งงาน"[พรอมต์งานเฉพาะของคุณที่นี่]"
สิ้นวัน
5 นาที		บันทึกความก้าวหน้า"Commit ทุกอย่างและ push วันนี้เราทำอะไรสำเร็จบ้าง?"
ผลสะสม
15 นาทีต่อวันฟังดูไม่มาก แต่ใน 30 วัน คุณจะมี: AI workspace ที่กำหนดค่าครบ เวิร์กโฟลว์บันทึกไว้ 20+ ห้องสมุดเนื้อหาที่นำกลับมาใช้ใหม่ได้ และระบบที่รู้จักธุรกิจของคุณ คนส่วนใหญ่ใช้เวลาหลายเดือนพยายาม "เรียน AI" คุณจะใช้งานมัน
จุดตรวจสอบโมดูล 9

โมดูล 10ตอนนี้คุณบินได้แล้ว

คุณทำสำเร็จแล้ว นี่คือทุกอย่างที่คุณมีตอนนี้:

จุดตรวจสอบการสำเร็จการศึกษา - ทุกอย่างที่คุณสร้าง
คุณมี...ความหมาย
VS Code + ส่วนขยาย Claude CodeAI workspace ของคุณเปิดและพร้อม
ตั้งค่า GitHub repo แล้วไม่มีอะไรสูญหาย - ประวัติเวอร์ชันครบตั้งแต่วันแรก
เอกสารส่งต่อ ChatGPT เสร็จแล้วบริบท AI 3 ปีนำเข้าสู่ Claude
เขียน CLAUDE.md แล้วClaude รู้ว่าคุณเป็นใครก่อนที่คุณพูดคำแรก
ฝึกหน่วยความจำ Claude.ai แล้วคำถามเบราว์เซอร์ด่วนก็ได้คำตอบตามบริบทด้วย
หน่วยความจำ Claude Code ใช้งานอยู่Claude จดจำการตัดสินใจและความชอบข้าม session
เชื่อมต่อ API อย่างน้อยหนึ่งอันClaude สามารถเข้าถึงนอกเหนือไฟล์ของคุณ
ฝังอยู่ใน 5 กฎการเขียนพรอมต์คุณได้คำตอบที่มีประโยชน์ ไม่ใช่ทั่วไป
เรียนรู้ 4 รูปแบบพรอมต์แล้วคุณสามารถกำหนดรูปร่าง output ของ Claude ได้อย่างน่าเชื่อถือ
ทดสอบเวิร์กโฟลว์จริงหนึ่งอันคุณทำงานแล้ว ไม่ใช่แค่อ่านเกี่ยวกับมัน
เริ่มนิสัย 15 นาทีรายวันแล้วสิ่งนี้หยุดเป็นเครื่องมือและเริ่มเป็นหุ้นส่วน
เข้าใจเวิร์กโฟลว์ deploy แล้วคุณสามารถนำไฟล์และทำให้เป็น URL สด
เสร็จหมายความว่าสด
ไฟล์บนแล็ปท็อปของคุณคือร่าง URL ที่คืน 404 เสีย เสร็จ = HTTP 200 ยืนยันเสมอ ถ้าคุณสร้างบางอย่าง deploy มัน ถ้าคุณ deploy แล้ว ตรวจสอบมัน รัน curl -s -o /dev/null -w "%{http_code}" https://your-url และยืนยันว่าคืน 200 นั่นคือเมื่อมันเสร็จ
ความเร็วไม่สำคัญ - การเสร็จสมบูรณ์สำคัญ
บางคนเสร็จในสุดสัปดาห์ บางคนใช้สองสัปดาห์ ความเร็วไม่สำคัญ - สิ่งที่สำคัญคือแต่ละรายการเป็นของจริง ไม่ใช่แค่อ่านผ่าน

นี่คือที่ไปต่อ:

อีกสิ่งหนึ่ง
ความผิดพลาดที่ใหญ่ที่สุดที่คนทำคือพยายามเรียนรู้ทุกอย่างก่อนทำอะไร อย่าทำแบบนั้น เลือกหนึ่งงานที่คุณทำสัปดาห์นี้ - รายงานลูกค้า โพสต์โซเชียล ลำดับอีเมล การตรวจสอบคู่แข่ง - และทำกับ Claude การเรียนรู้เกิดขึ้นโดยการทำ ไม่ใช่โดยการอ่าน คุณมีเครื่องมือ ไปใช้มัน

ตอนนี้คุณอันตราย พร้อมที่จะถึงขีดสุดหรือยัง?

Advanced Playbook ครอบคลุมการประสานหลาย agent MCP กำหนดเอง pipeline การ deploy เวิร์กโฟลว์อิสระ และวิธีเปลี่ยนทั้งหมดนี้เป็นเงินจริง ทุกอย่างที่คุณเพิ่งเรียนคือรากฐาน นี่คือที่ที่คุณสร้างเครื่องจักร

เปิด Advanced Playbook →

สบายใจกับพื้นฐานแล้ว? ข้ามไปยัง agents, automation และการขยาย AI operations ของคุณโดยตรง

อ่าน Advanced Playbook →

เขียนโดย Donal Lynch | Online Optimisers | onlineoptimisers.com

Claude Code Startup Guide - จากศูนย์สู่อันตราย - v6 - เมษายน 2026