Quantcast
Channel: cc :: somkiat
Viewing all articles
Browse latest Browse all 1997

มาลองใช้งาน Google Mesop กันดู

$
0
0

หนึ่งใน UI framework ที่น่าสนใจที่คล้าย ๆ กับ Streamlit และ Gradio
สำหรับการสร้างระบบงานแบบง่าย ๆ ยิ่งในส่วน Prompt engineer แล้ว
ยิ่งน่าจะคุ้นเคยสำหรับการสร้าง UI ให้ใช้งานง่าย ๆ
ด้วยการ coding ที่ไม่เยอะมากนัก
เพื่อให้ทำการทดสอบ หรือ ทดลองได้ง่ายขึ้น
โดยตัวที่น่าสนใจอีกตัวคือ Google Mesop

สิ่งที่น่าสนใจ ประกอบไปด้วย

  • พัฒนาด้วยภาษา Python ดังนั้นต้องติดตั้ง Python ก่อน โดยที่ทำงานอยู่บน Flask
  • Open source
  • ช่วยให้การสร้าง UI ง่ายและรวดเร็วขึ้น แต่อยู่ใน template ที่กำหนด

Mesop จะมี components ให้ดังนี้

  • High level component จะเป็น ready-to-use ให้เลย เช่น Chat interface, text-to-text และ text-to-image เป็นต้น
  • Low-level component จะเป็น component เล็ก ๆ หรือ element ต่าง ๆ ในหน้า web เช่น text box, text area, button และ markdown editor เป็นต้น อีกทั้งยังเปิดให้ทำการ custom ได้อีกด้วย

ยังมี demo ให้ศึกษาเพิ่มเติมอีกด้วย

มาลองใช้งานกันดีกว่า

ทำการติดตั้ง Mesop ก่อน จะได้ทั้ง library และ command line tool ในการ run server ขึ้นมา

[gist id="0f462ffdbe7406e602a15d7644b21145" file="1.txt"]

จากนั้นทำการเขียน code โดย copy มาจาก offiicial web เลย

[gist id="0f462ffdbe7406e602a15d7644b21145" file="demo.py"]

ทำการ run เพื่อใช้งาน (มี hot reload ให้ด้วย ดีมาก ๆ)

[gist id="0f462ffdbe7406e602a15d7644b21145" file="2.txt"]

เมื่อเปิดหน้า web ผ่าน browser แสดงผลดังนี้

เป็นหน้าตา UI แบบ text-to-text นั่นเอง

หรือถ้าต้องการ UI แบบ Chat ก็ลองเล่นได้เลย เช่น

เมื่อได้ UI ในรูปแบบที่ต้องการแล้ว
ก็ทำการเก็บ state และ เชื่อมต่อไปยังระบบต่าง ๆ ที่เราต้องการได้แล้ว
ช่วยให้งานสำหรับการทดลอง หรือ demo ง่ายขึ้นมาก ๆ
ลองนำไปใช้งานเล่น ๆ กันดู


Viewing all articles
Browse latest Browse all 1997

Trending Articles