ธีร์ธวัช
DEV TOOL · BROWSER IDE · 2026เครื่องมือนักพัฒนาเสร็จแล้ว

Z80 Workspace

IDE บนเบราว์เซอร์สำหรับเขียน Z80 assembly รันตัว assembler กับ board simulator ของวิชาตัวจริง ผ่าน DOSBox ที่คอมไพล์เป็น WebAssembly

ปัญหาทิศทางการเชื่อมต่อ
ทำเมื่อ
9 วัน · 2026-07-22 → 07-30
Commit
59 จาก 64 · 5 release
เทคโนโลยี
Monaco · DOSBox → WASM · C16.EXE
Workspace: lab1.asm, console ของ C16 และหน่วยความจำของ Z80sim ที่ 2000h
ซอร์ส ผลการประกอบ และหน่วยความจำของ simulator ใน workspace เดียว เว็บจริง
ปัญหาที่พบ

แบบเก่ายุ่งยากกว่าจะใช้ได้ ต้องจำ command การใช้งานที่ไม่จำเป็นสำหรับผม

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

ตั้งแต่ต้นจนจบ บนเว็บจริง

แคปจากเว็บจริง การรันจนถึง HALT คือโปรแกรมตัวอย่างที่มีมาให้

  1. 01

    ประกอบ: ไม่มี error

    C16.EXE ตัวจริงรันใน console และจบด้วย “End of Assembly -- No Errors”

    เว็บจริง
    Console: End of Assembly -- No Errors
  2. 02

    โหลดเข้า simulator

    Z80sim ขึ้น “File load success at 2000h” ไฟล์ HEX เข้าไปอยู่ใน simulator แล้ว

    เว็บจริง
    Z80sim: File load success at 2000h
  3. 03

    จากซอร์สถึงหน่วยความจำ ในจอเดียว

    ซอร์ส “No Errors” จาก console และโค้ด machine ที่ 2000h วางเทียบกัน ภาพนี้แสดงช่วง compile ไปถึง simulator ไม่ได้แสดงว่าโปรแกรมกำลังทำงาน

    เว็บจริง
    Workspace: lab1.asm, console ของ C16 และหน่วยความจำ Z80sim ที่ 2000h
  4. 04

    รันจนถึง HALT

    โปรแกรมตัวอย่าง lab1.asm ที่มีมาให้ โหลดที่ 8000h แล้วรันด้วย G 8000: “Program halted”, PC 800B, 48 machine cycle

    เว็บจริง · โปรแกรมตัวอย่าง
    Z80sim: Program halted, PC 800B

toolchain ตัวจริง ในเบราว์เซอร์

assembler กับ simulator ของวิชาตัวจริงรันใน DOSBox ที่คอมไพล์เป็น WebAssembly

FIG. 01toolchain
โหลดเองอัตโนมัติ Monaco editor.ASMC16.EXEDOSBOX → WASMIntel HEX+ LISTINGZ80simET-BOARD SIMULATOR

workspace หลายไฟล์ที่เก็บไว้ในเบราว์เซอร์ ประกอบเป็น Intel HEX กับ listing ไฟล์ที่คอมไพล์แล้วโหลดเข้า Z80sim เองอัตโนมัติ แต่ละไฟล์แสดงสถานะ build ด้วยสีหนึ่งในสามสี มี TH / EN และทัวร์ของ UI

มี Electron build สำหรับเดสก์ท็อปด้วย ซึ่งผมใช้งานจริง

RELDesktop downloadsGitHub Releases · v0.1.4

ใครทำอะไร

ผม
ผมเป็นผู้พบปัญหา กำหนดทิศทาง รวมเครื่องมือจริงเข้าเป็น workspace เดียว และกำหนดเกณฑ์ว่าอะไรถือว่าเสร็จสมบูรณ์
AI
AI เป็นผู้เขียนโค้ดส่วนใหญ่ ภายใต้การควบคุมของผม
โปรเจกต์ต้นทาง
C16.EXE กับ Z80 ET-Board simulator (เครื่องมือของวิชา) DOSBox และ Monaco editor
ผลลัพธ์

เสร็จสมบูรณ์แล้ว ทำงานได้ตามที่ผมต้องการ มีผู้ใช้อื่นอีกจำนวนหนึ่ง วิชาต้องใช้ workflow นี้แค่ 2 แลป

สถานะตอนนี้

เวอร์ชันเว็บขึ้นออนไลน์บน GitHub Pages แล้ว

บันทึกการใช้งาน · GoatCounter
แผง GoatCounter: 69 visit, /z80-workspace 54, assemble-toolbar 8, download-export-lst 3, assemble-console-command 3
69 visit ประกอบ 11 ครั้ง (8 จาก toolbar, 3 จาก console) ระหว่าง 20 ก.ค. – 26 ก.ย. 2026 ตัวเลขอาจรวมการทดสอบของผมเองด้วย GoatCounter