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 สำหรับมือถือ แอปบันทึกเช็กลิสต์และการออกกำลังกายแยกตามวัน ดูย้อนหลังได้ เพิ่มคลังท่า 876 ท่าจาก free-exercise-db พร้อมค้นหา รูปและวิธีทำ และเครื่องมือ Bodyweight กับราวหลายระดับที่จับเวลาพักและบันทึกเซ็ต/ครั้ง/เวลาค้างได้ ข้อมูลเก็บในเครื่องเท่านั้น ไม่ซิงก์ข้ามอุปกรณ์ ตอนนี้มีตารางอาหารเสริม 10 รายการ พร้อมช่วงเวลาที่พิจารณา จำนวนตามฉลาก และเช็กลิสต์ที่บันทึกใน Local Storage ของเบราว์เซอร์ วันใหม่ล้างเฉพาะการติ๊กอัตโนมัติ และแยกเวย์ไว้ในแผนอาหาร แต่ยังไม่มีระบบบันทึกน้ำหนัก ฐานข้อมูลบนเซิร์ฟเวอร์ หรือการเชื่อม Apple Health
ไม่ต้องครบทุกอย่างในวันแรก
แค่มีประโยชน์ขึ้นทีละนิด
เริ่มจากข้อมูลที่มี กลับมาใช้งานจริง แล้วค่อยเพิ่มสิ่งที่จำเป็น
กลับไปดูบันทึกอาหารเสริม ↗