MarkSlides บริการที่ช่วยให้เขียนสไลด์ด้วย Markdown ได้
(markslides.ai)แนะนำ
- สามารถเขียนและนำเสนอสไลด์ร่วมกับ AI โดยใช้ไวยากรณ์ Markdown ได้
- สามารถใช้การแทรกซอร์สโค้ด การจัดรูปแบบข้อความ ไดอะแกรม ฯลฯ ซึ่งทำได้ไม่สะดวกใน Keynote หรือ PPT ร่วมกับเครื่องมือสายพัฒนาและ AI ได้
- ตัวอย่างผลงาน - JavaScript Basic Syntax
ลิงก์บริการ
ฟีเจอร์หลัก
- สร้างสไลด์และคอนเทนต์อัตโนมัติด้วย GPT-3.5, GPT-4 (Command + K)
- syntax highlighting สำหรับซอร์สโค้ด
- ไดอะแกรม MermaidJS, การเรนเดอร์ Typogram
- มีโหมดสไลด์โชว์และโหมดผู้นำเสนอ
- ส่งออกเป็น PDF
- แชร์โน้ตสไลด์ผ่านลิงก์ Public ได้
ลิงก์ที่เกี่ยวข้อง
- GitHub: https://github.com/markslides/
- Twitter: https://twitter.com/MarkSlides
แม้จะผ่านเข้าถึงรอบ Final ของ Prompter Day Seoul 2023 ที่ OpenAI จัดเมื่อปีที่แล้ว แต่ก็น่าเสียดายที่ไม่ติด Top 8 จึงไม่ได้รับรางวัล (บันทึกหลังจบแฮกกาธอน)
หลังจากพัฒนาต่อจากตอนนั้น ตอนนี้ได้เปิดให้ใช้งานแบบสาธารณะและใช้งานได้ดีพอสมควรแล้ว จึงนำมาเผยแพร่บน GeekNews เป็นครั้งแรก
เป็นบริการสำหรับนักพัฒนา จึงอยากนำมาโพสต์ที่นี่เพื่อรับฟีดแบ็กโดยเฉพาะ ลองใช้งานกันได้และรบกวนช่วยส่งความคิดเห็นกันมาเยอะ ๆ นะครับ : )!
9 ความคิดเห็น
สวัสดีครับ/ค่ะ มีข้อสงสัยระหว่างใช้งาน เลยมาโพสต์สอบถามครับ/ค่ะ
คำถาม 1
<!-- _header: 'header title' _footer: '[ไปที่ main-section](#main-section) _paginate: true -->ตอนนี้ใช้งานในลักษณะนี้อยู่ครับ/ค่ะ ใน slide settings ค่า header และ footer ว่างอยู่ และเปิด paginate เป็น ON ไว้ครับ/ค่ะ
แต่ในสถานะ slide show จะมองไม่เห็น header และ footer
ถ้าเปลี่ยนเป็นเต็มหน้าจอในสถานะ slide show จะเห็น header และ footer ขึ้นมา แต่เมื่อคลิกลิงก์ภายใน ดูเหมือนว่าจะย้ายไปหน้าถัดไปแทนที่จะไปยังสารบัญที่ต้องการครับ/ค่ะ (ใน
mode=presenterก็เป็นเหมือนกัน)ในสถานะแก้ไขกลับย้ายไปได้ตามปกติดีครับ/ค่ะ
ไม่แน่ใจว่าผม/ฉันใช้งานผิดหรือเปล่า.. เลยอยากสอบถามว่าควรเป็นอย่างไรครับ/ค่ะ..!
คำถาม 2
ไม่ทราบว่าตอนบันทึกไฟล์ md ด้วย save as .. จะสามารถให้ข้อมูล header, footer, paginate ถูกแสดงออกมาด้วยได้ไหมครับ/ค่ะ? เพราะผม/ฉันใช้ header และ footer เหมือนเป็นเมนูนำทางครับ/ค่ะ..!
ขอบคุณครับ/ค่ะ
ขออภัยที่ไม่ได้เห็นการแจ้งเตือน เลยเพิ่งมาตรวจสอบและตอบกลับครับ
คำถาม 1.
ที่มองไม่เห็น header, footer น่าจะเป็นเพราะหน้าจอถูกตัด
เราจะแก้ไขให้แสดงผลให้พอดีกับขนาดหน้าต่างจริง
และตอนนี้ในโหมดสไลด์โชว์ยังไม่มีฟังก์ชันให้ไปยังสไลด์ที่ต้องการโดยตรงครับ T_T
เราจะพยายามเพิ่มลำดับความสำคัญในการพัฒนาฟีเจอร์ด้านล่างที่ Marp มีให้รองรับก่อน
https://github.com/orgs/marp-team/…
คำถาม 2.
ผมยังไม่ค่อยเข้าใจว่าการที่ข้อมูล header, footer, paginate ถูกแสดงออกมาด้วยนั้นหมายถึงอะไร
ตอนนี้ถ้าบันทึกเป็นไฟล์ .md การตั้งค่า Slide setting ณ เวลาที่บันทึกจะถูกใส่เข้าไปด้วยในรูปแบบที่เข้ากันได้กับ marp
ส่วนนี้ถ้าอธิบายเพิ่มเติมอีกหน่อยก็น่าจะดีครับ!
สวัสดีครับ/ค่ะ ผม/ฉันกำลังดู
<img src="http://image.com/image.png">marp,slidevอยู่ แล้วรู้สึกว่ามันค่อนข้างดีเลยอยากลองใช้งานดูครับ/ค่ะ.. แต่เพราะเพิ่งใช้ภาษา Markdown เป็นครั้งแรก ก็เลยกำลังเรียนรู้ไปพร้อมกับใช้งานอยู่... ใน editor ไม่สามารถใช้ html ได้หรือเปล่าครับ/คะ? ที่ไม่ใช่ code block น่ะครับ/ค่ะ.. ยกตัวอย่างเช่นหรือแท็กอย่าง
<table> ... </table>อะไรแบบนี้...ตอนดูใน viewer หรือ export เป็น pdf แล้ว มันแสดงออกมาเป็นข้อความ HTML ตรงๆ เลยครับ/ค่ะ
(จริงๆ แล้ว .. ใน editor อื่นอีกหลายตัวก็แสดงเป็นข้อความ HTML เหมือนกัน แต่ที่นั่นไม่มีที่ให้ถามก็เลย^_^;;)
เลยอยากสอบถามครับ/ค่ะว่าผม/ฉันใช้งานผิดวิธีอยู่หรือเปล่า.. หรือว่าใน editor มันไม่รองรับการแปลงครับ/คะ
สวัสดีครับ/ค่ะ ตอนนี้เนื่องจากประเด็นด้านความปลอดภัย จึงยังไม่รองรับ HTML
ตามที่ระบุไว้ในลิงก์ด้านล่าง แม้แต่ใน marp เอง หากต้องการใช้ HTML ก็ต้องเปลี่ยนตัวเลือกเช่นกัน และในส่วนนี้เรามีแผนจะเปิดให้ใช้งานได้ในอนาคต โดยยกเว้นแท็กบางประเภทที่อาจก่อให้เกิดปัญหาด้านความปลอดภัย
https://github.com/marp-team/marpit/issues/162#issuecomment-490004489
และท้ายที่สุด เป้าหมายของเราคือรองรับสเปก GFM (GitHub Flavored Markdown) ทั้งหมด
https://github.github.com/gfm/#html-blocks
หากใช้งานแล้วมีข้อสงสัยเพิ่มเติม สามารถติดต่อเราได้อย่างสะดวกผ่าน Contact Us ที่ด้านล่างของเว็บไซต์ด้านล่าง หรือผ่าน Discord, Twitter เป็นต้น~!
https://www.markslides.ai/intro
อ๋อ เป็นประเด็นด้านความปลอดภัยนี่เอง.. ขอบคุณสำหรับคำตอบครับ เดี๋ยวจะลองใช้อย่างขอบคุณมากครับ!
เป็นโปรดักต์ที่ดูเท่มากในรอบนานเลยนะครับ
แต่หาวิธีแบ่งหน้าได้ค่อนข้างยากนะครับ
ดูเหมือนว่าสามารถแบ่งได้ด้วย
'---'นะครับ ถ้าปรับปรุงการใช้งานให้ดีขึ้นก็น่าจะเอาไปใช้กับการพรีเซนต์สั้น ๆ ได้สวัสดีครับ ผมเป็นผู้พัฒนา MarkSlides
ผมจะปรับปรุงบทช่วยสอนเพื่อให้ผู้ที่ใช้งานครั้งแรกสามารถเรียนรู้วิธีใช้งานได้อย่างดีครับ~!
ดูเป็นบริการที่เหมาะกับการใช้งานแบบเบา ๆ นะครับ
แต่ดูเหมือนว่าจะมองไม่ค่อยออกว่า ตัวคั่นสำหรับแบ่งสไลด์คืออะไร หรือถ้าจะเพิ่มสไลด์หนึ่งหน้าแบบง่าย ๆ ต้องทำอย่างไร
สวัสดีครับ ผมเป็นผู้พัฒนา MarkSlides
ตอนนี้คุณสามารถเพิ่มสไลด์ใหม่ได้ด้วยคีย์ลัด CMD + Enter (ปัจจุบันใช้งานได้เฉพาะบน Mac เท่านั้น)
อย่างไรก็ตาม ตอนนี้ยังไม่มีบทเรียนแยกต่างหากและมีเพียงเอกสารแนะนำเท่านั้น จึงตั้งใจว่าจะปรับปรุงและจัดทำบทเรียนให้ในภายหลัง~!