การส่งเสริมบล็อกเกอร์: วิธีที่ CyberAgent นำ AI ในตัวไปใช้เพิ่มประสิทธิภาพการสร้างเนื้อหา

Yuriko Hirota

Kazunari Hara

เผยแพร่เมื่อวันที่ 28 เมษายน 2025 อัปเดตล่าสุดเมื่อวันที่ 21 พฤษภาคม 2025

การพัฒนาอย่างรวดเร็วของ AI กำลังเปิดพรมแดนใหม่ๆ ให้กับเว็บแอปพลิเคชัน โดยเฉพาะอย่างยิ่งเมื่อมีความสามารถในอุปกรณ์ ดูว่า CyberAgent ซึ่งเป็นบริษัทอินเทอร์เน็ตชั้นนำของญี่ปุ่นใช้ AI ในตัวของ Chrome's และ Prompt API เพื่อปรับปรุงประสบการณ์การเขียนบล็อก ในแพลตฟอร์ม Ameba Blogได้อย่างไร

เราจะแชร์เป้าหมาย สิทธิประโยชน์ของการทำงานร่วมกับ AI ในตัว ความท้าทายที่พวกเขาเผชิญ และข้อมูลเชิงลึกที่มีประโยชน์สำหรับนักพัฒนาแอปคนอื่นๆ ที่ใช้ AI ในตัว

Prompt API คืออะไร

วิดีโออธิบาย	เว็บ	ส่วนขยาย	สถานะ Chrome	ความตั้งใจ
GitHub	Chrome 148	Chrome 138	ดู	ความตั้งใจที่จะเปิดตัว
GitHub	ช่วงทดลองใช้จากต้นทางสำหรับพารามิเตอร์การสุ่มตัวอย่าง	Chrome 148	ดู	ความตั้งใจที่จะทดลอง

Prompt API ช่วยให้นักพัฒนาแอปใช้โมเดลภาษาขนาดใหญ่ เพื่อเพิ่มฟีเจอร์ AI ลงในแอปได้โดยตรง การกำหนดพรอมต์ที่กำหนดเองจะช่วยให้แอปทำงานต่างๆ ได้ เช่น การดึงข้อมูล การสร้างเนื้อหา และการตอบกลับที่ปรับเปลี่ยนในแบบของคุณ ใน Chrome นั้น Prompt API จะทำการอนุมานฝั่งไคลเอ็นต์ ด้วย Gemini Nano การประมวลผลในเครื่องนี้จะช่วยเพิ่มความเป็นส่วนตัวของข้อมูลและความเร็วในการตอบสนอง ไม่ว่าระบบจะใช้โมเดลใดก็ตาม ความเร็วในการตอบสนองของไคลเอ็นต์ไม่ว่าระบบจะใช้โมเดลใดก็ตาม

ความช่วยเหลือจาก AI สำหรับผู้เขียน Ameba Blog

CyberAgent ตระหนักถึงปัญหาที่ผู้เขียนมักพบเจอ นั่นคือกระบวนการสร้างเนื้อหาที่น่าสนใจ โดยเฉพาะอย่างยิ่งการตั้งชื่อ ซึ่งมักใช้เวลานาน พวกเขาตั้งสมมติฐานว่าการผสานรวมฟังก์ชันที่ทำงานด้วยระบบ AI ในอินเทอร์เฟซการสร้างบล็อกจะช่วยปรับปรุงคุณภาพและประสิทธิภาพของการสร้างเนื้อหาได้อย่างมาก เป้าหมายของพวกเขาคือการจัดหาเครื่องมือที่ช่วยจุดประกายความคิดสร้างสรรค์และช่วยให้บล็อกเกอร์สร้างเนื้อหาที่น่าสนใจ

CyberAgent ได้พัฒนาส่วนขยาย Chrome ด้วย Prompt API ส่วนขยายนี้มีชุดฟีเจอร์ที่ทำงานด้วยระบบ AI ซึ่งออกแบบมาเพื่อช่วยผู้เขียน Ameba Blog สร้างชื่อและส่วนหัว ย่อหน้าถัดไป และปรับปรุงข้อความโดยทั่วไป

CyberAgent ต้องการความยืดหยุ่นของความสามารถต่างๆ ซึ่งนำไปสู่การใช้ Prompt API โดยตรง ด้วยความเป็นไปได้ที่ไม่มีที่สิ้นสุดใน API เดียว CyberAgent จึงสามารถระบุได้อย่างแม่นยำว่าอะไรจะเหมาะที่สุดและเป็นประโยชน์มากที่สุดสำหรับผู้เขียน Ameba

CyberAgent ได้ทดสอบส่วนขยายกับบล็อกเกอร์จำนวนหนึ่ง ซึ่งให้ข้อมูลเชิงลึกที่มีคุณค่าเกี่ยวกับความสามารถในการใช้งานจริงของฟังก์ชันที่นำเสนอ ความคิดเห็นดังกล่าวช่วยให้ CyberAgent ระบุแอปพลิเคชันที่ดีขึ้นสำหรับความช่วยเหลือจาก AI และปรับแต่งการออกแบบส่วนขยาย CyberAgent วางแผนที่จะเปิดตัวฟีเจอร์นี้ในอนาคต โดยอิงตามผลลัพธ์และคำติชมเชิงบวก ซึ่งจะนำพลังของ AI ฝั่งไคลเอ็นต์มาสู่ชุมชนบล็อกเกอร์โดยตรง

มาดูรายละเอียดเกี่ยวกับฟีเจอร์เหล่านี้กัน

เขียนชื่อและส่วนหัวได้ดีขึ้น

ส่วนขยายจะสร้างคำแนะนำชื่อหลายรายการโดยอิงตามเนื้อหาบล็อกทั้งหมด ผู้เขียนบล็อกสามารถปรับแต่งคำแนะนำเหล่านี้เพิ่มเติมได้ด้วยตัวเลือกต่างๆ เช่น "สร้างใหม่" "สุภาพมากขึ้น" "เป็นกันเองมากขึ้น" หรือ "สร้างชื่อที่คล้ายกัน" และอื่นๆ

CyberAgent ออกแบบ UI มาโดยเฉพาะเพื่อให้ผู้ใช้ไม่ต้องเขียนพรอมต์ วิธีนี้จะช่วยให้ผู้ใช้ที่ไม่คุ้นเคยกับวิศวกรรมพรอมต์ (Prompt Engineering) ได้รับประโยชน์จากพลังของ AI ด้วย

นอกจากนี้ ส่วนขยายยังสร้างส่วนหัวที่น่าสนใจสำหรับแต่ละส่วนของบล็อกได้ด้วย ซึ่งผู้เขียนสามารถขอได้โดยเลือกข้อความที่เกี่ยวข้องสำหรับส่วนหัว

โค้ดสำหรับสร้างชื่อด้วย Prompt API จะมีพรอมต์เริ่มต้นและพรอมต์ของผู้ใช้ พรอมต์เริ่มต้นจะให้บริบทและคำแนะนำเพื่อรับเอาต์พุตประเภทหนึ่งๆ ในขณะที่พรอมต์ของผู้ใช้จะขอให้โมเดลโต้ตอบกับสิ่งที่ผู้ใช้เขียน อ่านเพิ่มเติมเกี่ยวกับโค้ดของพวกเขาได้ใน หัวข้อ "ติดตั้งใช้งานความช่วยเหลือจาก AI"

สร้างย่อหน้าถัดไป

ส่วนขยายจะช่วยให้บล็อกเกอร์เอาชนะอาการตันในการเขียนได้ด้วยการสร้างย่อหน้าถัดไปโดยอิงตามข้อความที่เลือก AI จะร่างย่อหน้าถัดไปโดยใช้บริบทจากย่อหน้าก่อนหน้า ซึ่งช่วยให้ผู้เขียนรักษาความคิดสร้างสรรค์ไว้ได้

ปรับปรุงและแก้ไขข้อความ

Gemini Nano จะวิเคราะห์ข้อความที่เลือกและแนะนำการปรับปรุงได้ ผู้ใช้สามารถสร้างการปรับปรุงใหม่ได้โดยเพิ่มหมายเหตุเกี่ยวกับโทนและตัวเลือกภาษาเพื่อให้ข้อความ "น่ารัก" หรือ "เรียบง่าย" มากขึ้น

ติดตั้งใช้งานความช่วยเหลือจาก AI

CyberAgent แบ่งโค้ดส่วนขยายออกเป็น 3 ขั้นตอน ได้แก่ การสร้างเซสชัน การทริกเกอร์ และการพรอมต์โมเดล

ขั้นแรก พวกเขาจะตรวจสอบกับเบราว์เซอร์ว่า AI ในตัวพร้อมใช้งานและได้รับการรองรับหรือไม่ หากพร้อมใช้งาน พวกเขาจะสร้างเซสชันด้วยพารามิเตอร์เริ่มต้น

if (!LanguageModel) {
  // Detect the feature and display "Not Supported" message as needed
  return;
}
// Define default values for topK and temperature within the application
const DEFAULT_TOP_K = 3;
const DEFAULT_TEMPERATURE = 1;
let session = null;

async function createAISession({ initialPrompts, topK, temperature } = {}) {
  const { available, defaultTopK, maxTopK, defaultTemperature } =
    await LanguageModel.availability();
  // "readily", "after-download", or "no"
  if (available === "no") {
    return Promise.reject(new Error('AI not available'));
  }
  const params = {
    monitor(monitor) {
      monitor.addEventListener('downloadprogress', event => {
        console.log(`Downloaded: ${event.loaded} of ${event.total} bytes.`);
      });
    },
    initialPrompts: initialPrompts || '',
    topK: topK || defaultTopK,
    temperature: temperature || defaultTemperature,
  };
  session = await LanguageModel.create(params);
  return session;
}

แต่ละฟีเจอร์จะมีฟังก์ชันตัวช่วยที่ผู้ใช้ทริกเกอร์ เมื่อทริกเกอร์แล้ว เมื่อผู้ใช้คลิกปุ่มที่เกี่ยวข้อง ระบบจะอัปเดตเซสชันตามนั้น

async function updateSession({ initialPrompts, topK, temperature } = {
  topK: DEFAULT_TOP_K,
  temperature: DEFAULT_TEMPERATURE,
}) {
  if (session) {
    session.destroy();
    session = null;
  }
  session = await createAISession({
    initialPrompts,
    topK,
    temperature,
  });
}

หลังจากอัปเดตเซสชันแล้ว พวกเขาจะพรอมต์โมเดลตามฟังก์ชัน ตัวอย่างเช่น โค้ดต่อไปนี้ใช้เพื่อสร้างชื่อและสร้างชื่อใหม่ด้วยโทนที่เป็นทางการมากขึ้น

async function generateTitle() {
    // Initialize the model session
    await updateSession({
      initialPrompts: [
        { role: 'system', 
          content: `Create 3 titles suitable for the blog post's content,
          within 128 characters, and respond in JSON array format.`,
        }
      ]
    });
    const prompt = `Create a title for the following
    blog post.${textareaEl.textContent}`;
    const result = await session.prompt(prompt);
    try {
      const fixedJson = fixJSON(result);
      // display result
      displayResult(fixedJSON);
    } catch (error) {
      // display error
      displayError();
    }
  }
  async function generateMoreFormalTitle() {
    // Do not execute updateSession to reuse the session during regeneration
    const prompt = 'Create a more formal title.';
    const result = await session.prompt(prompt);
    ...
 }

ประโยชน์ของ AI ในตัว

AI ในตัวเป็น AI ประเภทฝั่งไคลเอ็นต์ ซึ่งหมายความว่า การอนุมานจะเกิดขึ้นในอุปกรณ์ของผู้ใช้ CyberAgent เลือกใช้ AI API ในตัวกับ Gemini Nano เนื่องจากข้อดีที่น่าสนใจซึ่งมีให้ทั้งนักพัฒนาแอปพลิเคชันและผู้ใช้

ประโยชน์หลักๆ ที่ CyberAgent ให้ความสำคัญมีดังนี้

• ความปลอดภัยและความเป็นส่วนตัว
• ค่าใช้จ่าย
• การตอบสนองและความน่าเชื่อถือ
• ความง่ายในการพัฒนา

ความปลอดภัยและความเป็นส่วนตัว

ความสามารถในการเรียกใช้โมเดล AI ในอุปกรณ์ของผู้ใช้โดยตรงโดยไม่ต้องส่งข้อมูลไปยังเซิร์ฟเวอร์ภายนอกเป็นสิ่งสำคัญยิ่ง แบบร่างบล็อกไม่ได้มีไว้ให้สาธารณะเห็น ดังนั้น CyberAgent จึงไม่ต้องการส่งแบบร่างเหล่านี้ไปยังเซิร์ฟเวอร์ของบุคคลที่สาม

AI ในตัวจะดาวน์โหลด Gemini Nano ลงในอุปกรณ์ของผู้ใช้ ซึ่งช่วยลดความจำเป็นในการส่งและรับข้อมูลจากเซิร์ฟเวอร์ ฟีเจอร์นี้มีประโยชน์อย่างยิ่งเมื่อเขียน เนื่องจากแบบร่างอาจมีข้อมูลที่เป็นความลับหรือการแสดงออกที่ไม่ตั้งใจ AI ในตัวจะเก็บเนื้อหาต้นฉบับและเนื้อหาที่สร้างขึ้นไว้ในเครื่องแทนที่จะส่งไปยังเซิร์ฟเวอร์ ซึ่งจะช่วยเพิ่มความปลอดภัยและปกป้องความเป็นส่วนตัวของเนื้อหา

การประหยัดค่าใช้จ่าย

ข้อดีที่สำคัญอย่างหนึ่งของการใช้ AI ในตัวคือเบราว์เซอร์มี Gemini Nano และ API ใช้งานได้ฟรี ไม่มีค่าใช้จ่ายเพิ่มเติมหรือค่าใช้จ่ายแฝง

AI ในตัวช่วยลดค่าใช้จ่ายของเซิร์ฟเวอร์ลงได้อย่างมาก และสามารถลบค่าใช้จ่ายที่เกี่ยวข้องกับการอนุมาน AI ออกไปได้ทั้งหมด โซลูชันนี้สามารถปรับขนาดได้อย่างรวดเร็วเพื่อรองรับฐานผู้ใช้จำนวนมาก และช่วยให้ผู้ใช้ส่งพรอมต์ต่อเนื่องเพื่อปรับแต่งเอาต์พุตได้โดยไม่มีค่าใช้จ่ายเพิ่มเติม

การตอบสนองและความน่าเชื่อถือ

AI ในตัวให้เวลาในการตอบสนองที่รวดเร็วและสม่ำเสมอ โดยไม่ขึ้นอยู่กับสภาพเครือข่าย ซึ่งช่วยให้ผู้ใช้สร้างเนื้อหาซ้ำแล้วซ้ำอีกได้ง่ายขึ้นมาก ทำให้ผู้ใช้ลองใช้ไอเดียใหม่ๆ และสร้างผลลัพธ์ที่น่าพอใจได้อย่างรวดเร็ว

ความง่ายในการพัฒนา

AI ในตัวของ Chrome ช่วยลดความซับซ้อนในขั้นตอนการพัฒนาด้วยการจัดหา API ที่พร้อมใช้งาน นักพัฒนาแอปได้รับประโยชน์จากความง่ายในการสร้างฟีเจอร์ที่ทำงานด้วยระบบ AI สำหรับแอปพลิเคชันของตน

Gemini Nano และ AI API ในตัวจะติดตั้งอยู่ใน Chrome ดังนั้นจึงไม่จำเป็นต้องตั้งค่าเพิ่มเติมหรือจัดการโมเดล API ใช้ JavaScript เหมือนกับ API ของเบราว์เซอร์อื่นๆ และไม่จำเป็นต้องมีความเชี่ยวชาญด้านแมชชีนเลิร์นนิง