ฉันคือ Aketa Rashiro ฉันได้ปรับปรุงเว็บไซต์พอร์ตโฟลิโอของฉัน "sirome.net" ใหม่หมดเลย!
ฉันทำเว็บไซต์น่ารักๆ—ทุกคน ช่วยชมฉันหน่อย! 🎈
ฉันเลิกใช้ Wix แล้ว สร้างด้วย Claude Code และเผยแพร่ผ่าน GitHub และ Vercel จุดเด่นครั้งนี้คือการผสานกับ Notion
ฉันสร้างสภาพแวดล้อมที่แค่เขียนบันทึกงานใน Notion แล้วกด "เผยแพร่" หน้า Notion ก็จะสะท้อนบนเว็บไซต์โดยตรง! เย้! 🎉
วี่!
ทำไมฉันถึงสร้างใหม่
ตอนปลายปีที่แล้ว Notion ช่วยได้มากตอนเขียนวิทยานิพนธ์! ฉันตระหนักว่า Notion สะดวกแค่ไหน และเริ่มสร้างคลังผลงานของฉัน
ก่อนหน้านี้ ฉันโพสต์บันทึกงานบนเว็บไซต์ Wix แต่ฉันไม่ค่อยเก่งในการแก้ไขบทความใน CMS ของ Wix (หน้าจัดการ)
ยิ่งไปกว่านั้น ฉันเริ่มใช้ Notion สำหรับบันทึกงานประจำวัน และไม่รู้ตัวเลยว่าฐานข้อมูลงานก็ก่อตัวขึ้นใน Notion
ตาด้า! 🎉
"ฉันหวังว่าจะเปลี่ยนสิ่งนี้ให้เป็นเว็บไซต์โดยตรงได้...!"
แต่คุณเปลี่ยนหน้าตาไม่ได้
เนื่องจากเทมเพลตการออกแบบมีจำกัด คุณแทบจะเปลี่ยนรูปลักษณ์ไม่ได้ (ณ พฤษภาคม 2026)
ในกรณีนั้น ฉันคงต้องสร้างเอง
นั่นคือตอนที่ Claude Code ปรากฏตัวเป็นผู้ช่วยของฉัน
นี่คือสิ่งที่ Claude Code เป็น
น่ารักมาก
Claude Code สุดยอดมาก
นี่เป็นครั้งแรกที่ฉันใช้ Claude Code
ก่อนหน้านี้ ตอนที่ฉันสร้าง Melo-bot ด้วย ChatGPT
การคัดลอกและวางโค้ด ตรวจสอบข้อผิดพลาด วางอีกครั้ง...
งานนั้น说实话ค่อนข้างน่าเบื่อ
Claude Code เขียนโค้ดที่บันทึกในไฟล์ใหม่โดยตรงจากเทอร์มินัล
- "ทำให้มันน่ารักขึ้นหน่อย"
- "ฉันอยากให้มันขยายออกอย่างนุ่มนวลเมื่อวางเมาส์"
ถ้าฉันให้คำแนะนำแบบสบายๆ แบบนั้น มันก็จะเขียนโค้ดใหม่ให้เหมาะสมและนำไปใช้ทันทีเพื่อแสดงให้ฉันดู มัน "สุดยอดมากจริงๆ"
อย่างไรก็ตาม ถ้าคุณให้ Claude Code ทำงานมากเกินไป คุณจะเจอ "ขีดจำกัดโทเค็น" และต้องรอครึ่งวันหรือทั้งวันเพื่อใช้มันอีกครั้ง (ฉันใช้แผน Claude Pro) ดังนั้นฉันจึงดำเนินการโดยโยนคำถามเล็กๆ หรือต้นแบบให้ Claude ปกติหรือ ChatGPT ด้วย
ปุ๊ฟ
ฉันทำให้ Notion เป็น CMS ของฉัน
แกนหลักของ sirome.net ใหม่คือการผสานกับ Notion อย่างสมบูรณ์ (💡)
ฉันไม่จำเป็นต้องมีหน้าจัดการเว็บไซต์อีกต่อไป
เขียนบันทึกใน Notion ทุกวัน
↓
เปลี่ยนสถานะเป็น "เผยแพร่"
↓
มันสะท้อนบนเว็บไซต์โดยอัตโนมัติ
ยิ่งไปกว่านั้น หลังจากเผยแพร่แล้ว ถ้าฉันแก้ไขบทความใน Notion ฝั่งเว็บไซต์ก็อัปเดตโดยอัตโนมัติ
มันบ้าไปแล้วใช่ไหม?
ฉันอยากให้คุณเห็นใจ
จริงๆ นะ
แน่นอน ฉันยังออกแบบหน้าบทความให้เข้ากับการออกแบบเว็บไซต์
ยืดเส้น
น่ารัก
ในทางเทคนิค มันเป็นการกำหนดค่า Notion API → Next.js → Vercel และดูเหมือนว่าจะรัน Incremental Static Regeneration (ISR) ที่ถูกกระตุ้นโดยการเปลี่ยนแปลงในฟิลด์สถานะ
แต่ฉันไม่ค่อยเข้าใจมันเท่าไหร่
🎀 จุดเด่น 🎀
หน้า Works
สำหรับการแสดงสไลด์ Featured และข้อมูลจำเพาะของภาพขนาดย่อในหน้า Works
ฉันตัดสินใจสเปกขณะที่กำลังใช้งาน
สิ่งแบบนี้ (ดึงภาพจากบทความโดยอัตโนมัติ ปรับขนาดตามการเคลื่อนที่ของเคอร์เซอร์แนวนอน)
การสามารถสร้างไปพร้อมทดสอบ "มันจะรู้สึกดีถ้าหน้าตาแบบนี้" ทันทีเป็นส่วนที่ดีที่สุดของการใช้ Claude Code
ในฐานะนักออกแบบ ถ้าฉันทำงานกับวิศวกร
ฉันจินตนาการว่าตัวเองยอมแพ้กลางคัน คิดว่า "ถ้าฉันขอให้แก้ไขมากขนาดนี้ พวกเขาคงเกลียดฉันแน่"
AI เป็นเครื่องมือปฏิวัติสำหรับอาชีพสร้างสรรค์ในหลายๆ ด้านจริงๆ
Melo-bot
Melo-bot ที่ Melo พูดทีละตัวอักษรจากบอร์ดอิเล็กทรอนิกส์ในส่วนหัว
สิ่งนี้ใช้ส่วนหนึ่งของโปรแกรมที่ฉันเคยทำกับ ChatGPT
ฉันดีใจที่สามารถเรียก Melo-bot ที่หลับใหลมาที่ sirome.net
นอกจากนี้ โลกของพิกเซลอาร์ต Shiro และ Melo ที่ฉันแอบสร้างกับคุณ Tsukunajiro และคุณ Hor ตั้งแต่ประมาณปี 2019 ก็ฟื้นคืนชีพขึ้นมา
ฉันมีความสุข ขอบคุณที่คุณมีอยู่
พิกเซลอาร์ตโดย Tsukunajiro
อิอิ
น่ารัก
ในอนาคต ฉันวางแผนที่จะเพิ่มองค์ประกอบคล้ายเกมมากขึ้นเรื่อยๆ
เนื่องจากการผสาน Notion เวลาโหลดบางครั้งอาจนาน
ดังนั้นโปรดใช้มันเพื่อฆ่าเวลา
Favicon ที่หมุนทุกวินาที
Favicon คือไอคอนเล็กๆ ที่แสดงบนแท็บเบราว์เซอร์
ฉันไม่สามารถลงทะเบียน GIF แอนิเมชันได้ ดังนั้นฉันจึงแสดงภาพ PNG 10 ภาพห่างกันหนึ่งวินาที
น่ารัก
บนสมาร์ทโฟน ฉันวางมันเป็นปุ่มเมนู
มันมองกลับมาเมื่อคุณแตะ
โปรดลองเล่นกับมันบนโทรศัพท์ของคุณด้วย
sirome.net
ผลิตเสร็จในเวลาสองสัปดาห์
ดังนั้น ฉันดีใจที่เลิกใช้ Wix ได้ มันแพงนะ
ฉันทำมันทีละน้อยในช่วงดึกและเช้าตรู่ และไม่รู้ตัวเลยว่ามันออนไลน์แล้ว
AI... ฉันยังมีความรู้สึกสงสัย แต่ฉันได้สัมผัสด้วยตัวเองว่าโลกเปลี่ยนไปอย่างสิ้นเชิง
ฉันยังไม่อยากใช้ AI สำหรับสร้างภาพประกอบเนื่องจากปัญหาทางกฎหมาย แต่
ฉันหวังว่าจะเข้ากับ AI ได้ดีในการออกแบบและการสร้างสรรค์เพื่อทำสิ่งที่น่าสนใจ
โปรดติดต่อฉันเพื่อปรึกษางานได้ตามสบาย
นอกจากนี้ จากนี้ไป ฉันอยากทุ่มเทให้กับเครดิตงานและบทความคลัง
เผยแพร่แต่ละชิ้นด้วยความใส่ใจ
ฉันจะอัปเดตบทความปัจจุบันบน sirome.net ย้อนหลังด้วย
ทุกชิ้นคือผลงานที่ฉันทุ่มเทหัวใจ
ขอบคุณทุกคน ฉันสามารถวาดภาพมากมายจนถึงตอนนี้
และฉันรู้สึกขอบคุณที่ยังมีชีวิตอยู่แบบนี้
มันยังเป็นงานที่กำลังดำเนินการ
แต่โปรดสนับสนุน Shiro, Melo และ Aketa Rashiro ต่อไป!
ลองดูเว็บไซต์! ฉันรอฟังความประทับใจของคุณผ่านการตอบกลับหรือ DM ✨
บันทึกสแต็กเทคโนโลยี
- Claude / Claude Code
- Next.js
- Notion API
- GitHub
- Vercel
- Sharp
อ้อ ฉันเขียนบทความนี้ใน Notion ด้วย
ถ้าคุณพบว่ามันน่าสนใจ กรุณาแชร์!
Aketa Rashiro
