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

Yuriko Hirota
Yuriko Hirota
X
Kazunari Hara

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

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

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

Prompt API คืออะไร

คำอธิบาย เว็บ ส่วนขยาย สถานะของ Chrome ความตั้งใจ
GitHub ช่วงทดลองใช้จากต้นทาง ในช่วงทดลองใช้ Origin Chrome 138 ดู ความตั้งใจที่จะทดลอง

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 มาโดยเฉพาะเพื่อให้ผู้ใช้ไม่ต้องเขียนพรอมต์ใดๆ วิธีนี้จะช่วยให้ผู้ใช้ที่ไม่คุ้นเคยกับการเขียนพรอมต์ สามารถใช้ประโยชน์จากศักยภาพของ 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 อื่นๆ ของเบราว์เซอร์ และไม่จำเป็นต้องมีความเชี่ยวชาญด้านแมชชีนเลิร์นนิง

เส้นทางของ CyberAgent กับ Prompt API ได้ให้บทเรียนที่มีคุณค่าเกี่ยวกับ ความแตกต่างของการทำงานร่วมกับ LLM ฝั่งไคลเอ็นต์

  • คำตอบที่ไม่สอดคล้องกัน: เช่นเดียวกับ LLM อื่นๆ Gemini Nano ไม่รับประกันว่าเอาต์พุตสำหรับพรอมต์เดียวกันจะเหมือนกัน CyberAgent พบการตอบกลับในรูปแบบที่ไม่คาดคิด (เช่น มาร์กดาวน์และ JSON ที่ไม่ถูกต้อง) แม้จะมีวิธีการ แต่ผลลัพธ์ก็อาจแตกต่างกันอย่างมาก เมื่อติดตั้งใช้งานแอปพลิเคชันหรือส่วนขยาย Chrome ที่มี AI ในตัว การเพิ่มวิธีแก้ปัญหาอาจเป็นประโยชน์เพื่อให้แน่ใจว่าเอาต์พุตอยู่ในรูปแบบที่ถูกต้องเสมอ
  • ขีดจำกัดโทเค็น: การจัดการการใช้งานโทเค็นเป็นสิ่งสำคัญ CyberAgent ใช้พร็อพเพอร์ตี้และเมธอดต่างๆ เช่น inputUsage, inputQuota และ measureInputUsage() เพื่อจัดการเซสชัน รักษาบริบท และลดการใช้โทเค็น ซึ่งมีความสำคัญอย่างยิ่งเมื่อปรับแต่งชื่อ
  • ข้อจำกัดด้านขนาดโมเดล: โมเดลจะได้รับการดาวน์โหลดและอยู่ในอุปกรณ์ของผู้ใช้ จึงมีขนาดเล็กกว่าโมเดลที่ใช้เซิร์ฟเวอร์อย่างมาก ซึ่งหมายความว่าการให้บริบทที่เพียงพอภายในพรอมต์เป็นสิ่งสำคัญอย่างยิ่งเพื่อให้ได้ผลลัพธ์ที่น่าพอใจ โดยเฉพาะอย่างยิ่งสำหรับการสรุป ดูข้อมูลเพิ่มเติมเกี่ยวกับการทําความเข้าใจขนาด LLM

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

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

ในอนาคต

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

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

แหล่งข้อมูล

การรับทราบ

ขอขอบคุณบล็อกเกอร์ของ Ameba ao, Nodoka, Erin, Chiaki และ socchi ที่ ให้ความคิดเห็นและช่วยปรับปรุงส่วนขยายให้ดียิ่งขึ้น ขอขอบคุณ Thomas Steiner, Alexandra Klepper และ Sebastian Benz ที่ช่วยเขียนและ ตรวจสอบบล็อกโพสต์นี้