Chapter III · ตัวจัดรูปแบบและโค้ด

ตัวจัดรูปแบบและโค้ด.

จัดรูปแบบ, ย่อขนาด และแปลง JSON, XML, YAML, CSV, SQL, regex — รวมถึงตัวสร้างโค้ด, Schemas, Frameworks, DevOps และการทดสอบ

Tools: 122
Sections: 10

จัดรูปแบบและย่อขนาด13 tools

JSON Formatter & Validator SQL Formatter XML Formatter & Validator HTML Formatter CSS Formatter JavaScript / TypeScript Formatter ตัวจัดรูปแบบ YAML ตัวจัดรูปแบบ Markdown ตัวจัดรูปแบบ GraphQL ตัวจัดรูปแบบ JSON5 CSS Minifier JavaScript Minifier HTML Minifier

การแปลงข้อมูล16 tools

เครื่องมือแปลง JSON เป็น XML CSV เป็น JSON Converter ตัวแปลง YAML เป็น JSON ตัวแปลง JSON เป็น Excel ตัวแปลง TOML ⇄ JSON ตัวแปลง INI ⇄ JSON ตัวแปลง Schema SQL → NoSQL Hex / Binary File Editor ยูทิลิตี้ Byte Array Protobuf Playground ตัวเข้ารหัส / ถอดรหัส MessagePack เครื่องมือ Apache Avro Schema CSV → ชุดข้อมูล JSON ตัววิเคราะห์สถิติ CSV เมตาดาต้าโมเดล ONNX ตัวโหลดโมเดล TensorFlow.js

ตัวสร้างโค้ด18 tools

JSON เป็น TypeScript Interface JSON เป็น C# Class JSON เป็น Java POJO JSON เป็น Python Dataclass JSON เป็น Go Struct JSON เป็น Kotlin Data Class JSON เป็น JSON Schema XML เป็น TypeScript Interface JSON เป็น Rust Struct JSON เป็น PHP Class / DTO JSON เป็น C++ Struct JSON เป็น Swift Codable JSON เป็น Dart / Flutter Model JSON เป็น C# Record JSON เป็น Scala Case Class JSON เป็น Elixir Struct JSON เป็น Haskell Data Type CSV เป็น SQL INSERT Statements

เฟรมเวิร์กและ UI16 tools

JSON เป็น React Hook Form + Zod JSON เป็น Next.js Server Action JSON เป็น Prisma Schema Model JSON เป็น Drizzle ORM Schema JSON เป็น TypeORM Entity JSON เป็น Mongoose Schema + Model JSON เป็น tRPC Router JSON เป็น GraphQL Type + ตัวแก้ไข ตัวสร้าง Tailwind Config ตัวสร้าง React Component ตัวแปลง CSS → Tailwind JIT ตัวสร้างคอมโพเนนต์ shadcn/ui ตัวสร้างหน้า Next.js App Router ตัวสร้างคอมโพเนนต์ + หน้า SvelteKit ตัวสร้าง Vue 3 + Pinia Store ตัวสร้าง Storybook Story

Schema และ API9 tools

ตัวตรวจสอบ OpenAPI / Swagger OpenAPI 3.1 YAML ⇄ JSON OpenAPI → TypeScript Axios Client OpenAPI → React Query Hooks OpenAPI → Postman Collection GraphQL SDL ⇄ TypeScript Types JSON Schema → Zod / Valibot / ArkType SQL DDL → Prisma / Drizzle Models gRPC .proto ⇄ JSON Schema

ฐานข้อมูล5 tools

ER Diagram → SQL ตัวอธิบาย SQL Query ตัวช่วยย้าย NoSQL → SQL คำแนะนำ SQL Index ตัวแปลง PostgreSQL → MySQL

DevOps และ Build11 tools

เครื่องสร้าง Docker Compose Kubernetes Deployment + Service GitHub Actions Workflow GitLab CI Pipeline Terraform Module Stub ตัวสร้าง Dockerfile Best-Practice โครงสร้าง Helm Chart ตัวสร้าง Vite Config ตัวสร้าง esbuild / Rollup Config ตัวช่วยย้าย Webpack → Vite ตัววิเคราะห์ขนาด Bundle (จำลอง)

การทดสอบ5 tools

ตัวสร้าง Jest Test Case ตัวสร้าง Playwright / Cypress Test ตัวสร้าง Pact Contract ตัวแสดงตัวอย่าง Snapshot Test เครื่องมือทดสอบการเข้าถึง (axe-core)

ข้อความและ Regex20 tools

เครื่องมือทดสอบ Regex ตัวแปลง Case ตัวตรวจสอบข้อความที่แตกต่างกัน (Text Diff Checker)ตัวนับคำและอักขระ จัดเรียงบรรทัด ลบบรรทัดที่ซ้ำกัน กลับข้อความ ค้นหาและแทนที่HTML เป็น Markdown ตัวนับอักขระ ลบช่องว่าง AI Paraphraser ตัวทำซ้ำข้อความ ตัวแปลงตัวขึ้นบรรทัดใหม่ตัวแปลงเลขฐานสอง ⇄ ข้อความ คะแนนความสามารถในการอ่าน ตัววิเคราะห์ความรู้สึก เครื่องมือวิเคราะห์ความหนาแน่นของ Keyword เครื่องมือตรวจสอบการคัดลอกผลงาน (ภายในเครื่อง)Regex Playground

Dev utilities9 tools

Git Diff Viewer ตัวสร้างคำขอ API การตรวจสอบประสิทธิภาพ ตัวตรวจสอบการเข้าถึง ตัวแยกวิเคราะห์ User Agent เครื่องมือแสดงภาพ Algorithm เครื่องมือสร้างข้อความ Commit เครื่องมือสร้าง Changelog เครื่องมือสร้าง License

From the blog

Reading on this topic.

End of Chapter III

Next · Chapter IVตัวเข้ารหัสและ Crypto