Cloudflare Registrar
จดชื่อ golfsarawut.com
และจัดการ DNS หรือที่อยู่ปลายทางของเว็บ
THE WEBSITE, BEHIND THE WEBSITE
เว็บนี้ค่อย ๆ
เติบโตอย่างไร.
ผมอยากมีพื้นที่เก็บสิ่งที่ใช้ในชีวิต แล้วแบ่งปันให้คนอื่นได้ด้วย
หน้านี้เลยเป็นบันทึกอีกเรื่องหนึ่ง: ผมสร้างพื้นที่นั้นขึ้นมาอย่างไร
WHAT RUNS THIS WEBSITE
ของที่ใช้ และหน้าที่ของมัน
ชื่อเว็บ ที่เก็บโค้ด และที่ฝากเว็บ
เป็นคนละส่วน เลือกแยกกันได้
GitHub · Private
เก็บไฟล์และประวัติการแก้ไขในโปรเจ็กต์ golf-x/golfsarawut ย้อนดูได้ว่าอะไรเปลี่ยนไป
เก็บโค้ดแล้วCloudflare Pages
ฝากไฟล์เว็บ Static และเปิดอ่านผ่าน golfsarawut.com เวอร์ชันแรกใช้ ChatGPT Sites เป็นพื้นที่ตรวจงานก่อนย้ายมา
เว็บบนโดเมนของผมHTML · CSS · JavaScript
HTML จัดเนื้อหา CSS ดูแลหน้าตา และ JavaScript ช่วยค้นหา กรองรายการ เปิดรายละเอียด และบันทึกเช็กลิสต์ในเบราว์เซอร์
เว็บแบบ StaticHOW THE PIECES FIT
แก้ไฟล์ → เก็บเวอร์ชัน → อัปเดตเว็บ
ไฟล์เว็บHTML / CSS / JavaScript
GitHub Privateโค้ดและประวัติ
ที่ฝากเว็บตอนนี้: Cloudflare Pages
ตอนนี้การอัปเดตเว็บยังเป็นขั้นตอนที่สั่งทำเป็นรอบ ๆ ไม่ได้ตั้งระบบเผยแพร่อัตโนมัติจาก GitHub
ใช้การอัปโหลดไฟล์ขึ้น Cloudflare Pages โดยตรง ส่วน GitHub เก็บโค้ดแยกไว้ ยังไม่ได้เชื่อมการเผยแพร่อัตโนมัติ
THE BUILD LOG
เริ่มเล็ก ๆ
ให้ใช้ได้จริงก่อน
อัปเดตล่าสุด 1 พฤศจิกายน 2026
- 0131 OCT 2026 · FOUNDATION
เลือกชื่อและจดโดเมน
เลือก Golf Sarawut เป็นชื่อพื้นที่ส่วนตัว และจด golfsarawut.com ผ่าน Cloudflare เพื่อใช้เป็นที่อยู่ของเว็บระยะยาว
เสร็จแล้ว - 0231 OCT 2026 · KEEP THE SOURCE
เริ่มต้น GitHub Private
สร้างโปรเจ็กต์ golfsarawut และเก็บประวัติด้วย Git โค้ดอยู่ใน Repository ส่วนตัว ส่วนเนื้อหาที่จะให้คนอ่านเลือกเผยแพร่ผ่านเว็บไซต์แยกกัน
เสร็จแล้ว - 0301 NOV 2026 · FIRST USEFUL PAGE
จากรูปฉลาก สู่ Supplement Journal
อ่านภาพฉลาก 22 รูป จัดเป็น 11 ผลิตภัณฑ์ แล้วทำตารางหน้าเดียวรวมอาหารเสริม วิตามิน และโปรตีนที่ค้นหาและกรองได้ พร้อมรูปสินค้าที่ถ่ายเอง ปริมาณตามฉลาก หน้าที่ของสารอาหาร แหล่งอ้างอิง และ Routine ฉบับที่กำลังทบทวน
มีเวอร์ชันตรวจงานแล้ว - 0401 NOV 2026 · DOCUMENT THE PROCESS
เขียน Journey ไว้ในเว็บด้วย
บันทึกว่าใช้บริการอะไร ทำไมจึงเลือก และทำถึงขั้นไหน คนที่สนใจสร้างเว็บของตัวเองจึงตามแนวคิดได้ และผมเองก็กลับมาอ่านย้อนหลังได้
หน้านี้ - 0501 NOV 2026 · GO LIVE ON MY DOMAIN
ย้ายไป Cloudflare Pages และใช้โดเมนจริง
เริ่มตรวจงานบน ChatGPT Sites จากนั้นย้ายไฟล์ HTML, CSS, JavaScript และรูปสินค้าไป Cloudflare Pages เปิดให้คนทั่วไปอ่านผ่าน golfsarawut.com โดยไม่ต้องล็อกอิน ChatGPT ข้อมูลเช็กลิสต์ยังเก็บเฉพาะในเบราว์เซอร์ของแต่ละคน
เปิดบน Cloudflare Pages
A POSSIBILITY, NOT A PROMISE
บทถัดไป: บันทึกน้ำหนัก
ผมอยากให้เว็บช่วยใช้ชีวิตได้จริงมากขึ้น การติดตามน้ำหนักเป็นหนึ่งในสิ่งที่อยากลอง
แต่จะเริ่มจากวิธีที่ง่ายพอจะใช้ต่อเนื่อง ก่อนเพิ่มระบบที่ซับซ้อน
บันทึกและดูแนวโน้ม
เริ่มจากวันที่ น้ำหนัก และกราฟที่อ่านง่าย เลือกว่าจะกรอกเองหรือนำเข้าไฟล์ โดยยังไม่สรุปว่าจะใช้วิธีไหน
เก็บส่วนตัว เลือกส่วนที่แชร์
ข้อมูลน้ำหนักดิบควรอยู่ในพื้นที่ส่วนตัวที่มีการควบคุมการเข้าถึง ส่วนหน้าสาธารณะเลือกแสดงเฉพาะสรุปที่ผมตั้งใจเผยแพร่
ค่อยเชื่อมข้อมูลภายหลัง
ถ้าต้องใช้หลายอุปกรณ์ ค่อยเพิ่ม Backend และระบบเข้าใช้ ส่วนการนำเข้าหรือซิงก์ Apple Health เป็นอีกขั้นที่ยังต้องออกแบบและทดลอง
เมื่อเพิ่มฟีเจอร์จริง ผมจะบันทึกใน Journey ว่าใช้อะไร เก็บข้อมูลที่ไหน อะไรทำงานแล้ว และได้เรียนรู้อะไร
แยกหน้าอาหารเสริมของผมสำหรับอ่านและแชร์ ออกจาก Routine App สำหรับมือถือ แอปบันทึกเช็กลิสต์และการออกกำลังกายแยกตามวัน ดูย้อนหลังได้ ข้อมูลเก็บในเครื่องเท่านั้น ไม่ซิงก์ข้ามอุปกรณ์ ตอนนี้มีตารางอาหารเสริม 10 รายการ พร้อมช่วงเวลาที่พิจารณา จำนวนตามฉลาก และเช็กลิสต์ที่บันทึกใน Local Storage ของเบราว์เซอร์ วันใหม่ล้างเฉพาะการติ๊กอัตโนมัติ และแยกเวย์ไว้ในแผนอาหาร แต่ยังไม่มีระบบบันทึกน้ำหนัก ฐานข้อมูลบนเซิร์ฟเวอร์ หรือการเชื่อม Apple Health
ไม่ต้องครบทุกอย่างในวันแรก
แค่มีประโยชน์ขึ้นทีละนิด
เริ่มจากข้อมูลที่มี กลับมาใช้งานจริง แล้วค่อยเพิ่มสิ่งที่จำเป็น
กลับไปดูบันทึกอาหารเสริม ↗