ब्लॉगर को सशक्त बनाना: कॉन्टेंट बनाने की प्रोसेस को बेहतर बनाने के लिए, CyberAgent में पहले से मौजूद एआई का इस्तेमाल कैसे किया गया

Yuriko Hirota
Yuriko Hirota
Kazunari Hara
Kazunari Hara

पब्लिश करने की तारीख: 28 अप्रैल, 2025

एआई के तेज़ी से हो रहे विकास से वेब ऐप्लिकेशन के लिए नई सीमाएं खुल रही हैं. खास तौर पर, डिवाइस में पहले से मौजूद सुविधाओं के आने से. जानें कि जापान की एक जानी-मानी इंटरनेट कंपनी CyberAgent, Ameba Blog के अपने प्लैटफ़ॉर्म पर ब्लॉगिंग के अनुभव को बेहतर बनाने के लिए, Chrome के पहले से मौजूद एआई और Prompt API का इस्तेमाल कैसे कर रही है.

हम उनके लक्ष्य, पहले से मौजूद एआई के साथ काम करने के फ़ायदे, उनके सामने आई चुनौतियों से जुड़ी जानकारी शेयर करते हैं. साथ ही, पहले से मौजूद एआई का इस्तेमाल कर रहे दूसरे डेवलपर के लिए अहम जानकारी भी शेयर करते हैं.

Prompt API क्या है?

जानकारी देने वाला चिप वेब एक्सटेंशन Chrome का स्टेटस प्रयोजन
GitHub EPP में प्रयोग के तौर पर उपलब्ध झंडे के पीछे ऑरिजिन ट्रायल लागू नहीं लागू नहीं

Prompt API की मदद से, डेवलपर अपने ऐप्लिकेशन में एआई की सुविधाओं को सीधे तौर पर जोड़ने के लिए, बड़े लैंग्वेज मॉडल का इस्तेमाल कर सकते हैं. पसंद के मुताबिक प्रॉम्प्ट तय करने की सुविधा की मदद से, ऐप्लिकेशन डेटा निकालने, कॉन्टेंट जनरेट करने, और अपने हिसाब से जवाब पाने जैसे काम कर सकते हैं. Chrome में, Prompt API, Gemini Nano के साथ क्लाइंट-साइड अनुमान का इस्तेमाल करता है. यह लोकल प्रोसेसिंग, डेटा की निजता और जवाब देने की रफ़्तार को बेहतर बनाती है. इस बात से कोई फ़र्क़ नहीं पड़ता कि किस मॉडल का इस्तेमाल किया गया है. चाहे किसी भी मॉडल का इस्तेमाल किया गया हो, क्लाइंट के जवाब देने की स्पीड.

Ameba ब्लॉग के लेखकों के लिए एआई से जुड़ी मदद

CyberAgent ने लेखकों को एक आम परेशानी समझ आई थी: ध्यान खींचने वाला कॉन्टेंट बनाने की प्रोसेस में अक्सर काफ़ी समय लगता है, खास तौर पर टाइटल. उन्होंने अनुमान लगाया कि ब्लॉग बनाने के इंटरफ़ेस में, एआई की मदद से काम करने वाले फ़ंक्शन इंटिग्रेट करने से, कॉन्टेंट बनाने की क्वालिटी बेहतर हो सकती है. साथ ही, काम की क्षमता भी बेहतर हो सकती है. उनका लक्ष्य ऐसे टूल उपलब्ध कराना था जिनसे प्रेरणा मिले और ब्लॉग पढ़ने वालों को दिलचस्प कॉन्टेंट बनाने में मदद मिले.

CyberAgent ने Prompt API की मदद से, Chrome एक्सटेंशन बनाया था. यह एक्सटेंशन, एआई की मदद से काम करने वाली सुविधाओं का एक सुइट उपलब्ध कराता है. इसे Ameba के ब्लॉग लिखने वालों के लिए डिज़ाइन किया गया है, ताकि वे टाइटल और हेडिंग जनरेट कर सकें, बाद के पैराग्राफ़ जनरेट कर सकें, और कॉपी में सुधार कर सकें.

CyberAgent अलग-अलग तरह की सुविधाएं चाहता था, जिसकी वजह से सीधे Prompt API का इस्तेमाल किया जा सका. एक एपीआई में बेहिसाब संभावनाओं की मदद से, CyberAgent यह तय कर पाया कि कौनसा चीज़ Ameba के लेखकों के लिए सबसे काम का होगा और सबसे काम का होगा.

CyberAgent ने कुछ चुनिंदा ब्लॉगर के साथ एक्सटेंशन का टेस्ट किया, जिससे उन्हें दिए गए फ़ंक्शन के व्यावहारिकता के बारे में अहम जानकारी मिली. सुझावों से CyberAgent को एआई की सहायता के बेहतर ऐप्लिकेशन पहचानने और एक्सटेंशन के डिज़ाइन को बेहतर बनाने में मदद मिली. अच्छे नतीजों और सुझावों के आधार पर, CyberAgent आने वाले समय में इस सुविधा को रिलीज़ करने की सोच रहा है. इसकी मदद से, ब्लॉगिंग कम्यूनिटी में क्लाइंट-साइड एआई का इस्तेमाल सीधे तौर पर किया जा सकेगा.

आइए, इन सुविधाओं के बारे में ज़्यादा जानें.

बेहतर टाइटल और टाइटल लिखना

यह एक्सटेंशन, ब्लॉग के पूरे कॉन्टेंट के आधार पर टाइटल के कई सुझाव जनरेट करता है. ब्लॉग लिखने वाले लेखक, इन सुझावों को बेहतर बना सकते हैं. जैसे, "फिर से जनरेट करना," "ज़्यादा विनम्र," "ज़्यादा कैज़ुअल" या "एक जैसे टाइटल जनरेट करना" वगैरह.

CyberAgent ने यूज़र इंटरफ़ेस (यूआई) को खास तौर पर डिज़ाइन किया है, ताकि लोगों को कोई प्रॉम्प्ट लिखने की ज़रूरत न पड़े. इस तरह, ऐसे उपयोगकर्ता भी एआई (AI) की मदद से फ़ायदा पा सकते हैं जिन्हें प्रॉम्प्ट इंजीनियरिंग के बारे में जानकारी नहीं है.

लेखक शीर्षक को फिर से औपचारिक बना सकते हैं, ज़्यादा कैज़ुअल बना सकते हैं या एक ही लहजे में दोबारा जनरेट कर सकते हैं.

एक्सटेंशन, ब्लॉग के अलग-अलग सेक्शन के लिए आकर्षक हेडर भी जनरेट कर सकता है जिसका अनुरोध लेखक कर सकते हैं. इसके लिए, वे किसी हेडिंग से मिलते-जुलते टेक्स्ट को चुन सकते हैं.

टेक्स्ट को चुनकर, लेखक उस सेक्शन के लिए खास हेडिंग जनरेट कर सकते हैं.

Prompt API की मदद से, टाइटल जनरेट करने वाले कोड में सिस्टम प्रॉम्प्ट और उपयोगकर्ता का प्रॉम्प्ट शामिल होता है. सिस्टम प्रॉम्प्ट किसी खास तरह का आउटपुट पाने के लिए संदर्भ और निर्देश देता है, जबकि उपयोगकर्ता प्रॉम्प्ट, मॉडल को उपयोगकर्ता की लिखी गई चीज़ों से जुड़ने के लिए कहते हैं. एआई की मदद से काम करने में मदद करने वाली सुविधाओं को डिप्लॉय करना लेख में, उनके कोड के बारे में ज़्यादा जानें.

बाद वाले पैराग्राफ़ जनरेट करें

यह एक्सटेंशन, चुने गए टेक्स्ट के आधार पर बाद के पैराग्राफ़ जनरेट करके, ब्लॉग लिखने वालों की सीमा खत्म करने में ब्लॉगर की मदद करता है. पिछले पैराग्राफ़ में दिए गए कॉन्टेक्स्ट के हिसाब से, एआई किसी पैराग्राफ़ को आगे बढ़ाने के लिए, उसकी ड्राफ़्टिंग करता है. इससे लेखकों को कॉन्टेंट बनाने का अपना फ़्लो बनाए रखने में मदद मिलती है.

अगले पैराग्राफ़ के कॉन्टेक्स्ट के साथ, लेखक अगले पैराग्राफ़ में सहायता पाने का अनुरोध कर सकता है.

टेक्स्ट को बेहतर बनाना और उसमें बदलाव करना

Gemini Nano, चुने गए टेक्स्ट का विश्लेषण करता है और इसे बेहतर बनाने के सुझाव दे सकता है. उपयोगकर्ता, टोन और भाषा के विकल्प के बारे में अतिरिक्त नोट जोड़कर, इन सुधारों को फिर से जनरेट कर सकते हैं. इनसे वे कॉपी को "शानदार" या "आसान" बना सकते हैं.

चुने गए टेक्स्ट का बेहतर वर्शन जनरेट करें. साथ ही, बताएं कि मॉडल में क्या सुधार हुआ है.

एआई से जुड़ी सहायता उपलब्ध कराएं

CyberAgent ने अपने एक्सटेंशन कोड को तीन चरणों में तोड़ दिया: सेशन बनाना, ट्रिगर करना, और मॉडल प्रॉम्प्ट.

सबसे पहले, वे उस ब्राउज़र से जांच करते हैं कि डिवाइस में पहले से मौजूद एआई उपलब्ध है या नहीं. अगर हां, तो वे डिफ़ॉल्ट पैरामीटर वाला सेशन बनाते हैं..

// Confirm with the Prompt API documentation, as this name will change
// when the API is stable.
if (!chrome.aiOriginTrial || !chrome.aiOriginTrial.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({ systemPrompt, topK, temperature } = {}) {
    const { available, defaultTopK, maxTopK, defaultTemperature } =
      await chrome.aiOriginTrial.languageModel.capabilities();
    // "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.`);
        });
      },
      systemPrompt: systemPrompt || '',
      topK: topK || defaultTopK,
      temperature: temperature || defaultTemperature,
    };
    session = await chrome.aiOriginTrial.languageModel.create(params);
    return session;
  }
}

हर सुविधा का एक हेल्पर फ़ंक्शन होता है, जो उपयोगकर्ता ने ट्रिगर किया था. एक बार ट्रिगर होने के बाद, जब उपयोगकर्ता सही बटन पर क्लिक करता है, तो वह सेशन को उसके हिसाब से अपडेट कर देता है.

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

सेशन अपडेट होने के बाद, वे मॉडल को फ़ंक्शन के हिसाब से प्रॉम्प्ट देते हैं. उदाहरण के लिए, यहां कोड का इस्तेमाल करके टाइटल जनरेट किया जा सकता है और टाइटल को ज़्यादा औपचारिक टोन के साथ फिर से जनरेट किया जा सकता है.

async function generateTitle() {
    // Initialize the model session
    await updateSession({
      systemPrompt: `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);
    ...
 }

पहले से मौजूद एआई के फ़ायदे

पहले से मौजूद एआई, एक तरह का क्लाइंट-साइड एआई है. इसका मतलब है कि उपयोगकर्ता के डिवाइस पर अनुमान लगाया जाता है. सायबरएजेंट ने Gemini Nano के साथ पहले से मौजूद एआई एपीआई का इस्तेमाल करने का विकल्प चुना. ऐसा इसलिए किया गया, क्योंकि यह ऐप्लिकेशन डेवलपर और लोगों, दोनों को इसके शानदार फ़ायदे उपलब्ध कराता है.

CyberAgent कुछ मुख्य फ़ायदों पर फ़ोकस कर रहा है:

  • सुरक्षा और निजता
  • लागत
  • जवाबदेही और भरोसा
  • डेवलपमेंट में आसानी

सुरक्षा और निजता

उपयोगकर्ता के डिवाइस पर, डेटा को बाहरी सर्वर पर भेजे बिना सीधे एआई मॉडल को चलाने की सुविधा होना बहुत ज़रूरी है. ब्लॉग ड्राफ़्ट लोगों को देखने के लिए नहीं होते हैं. इसलिए, CyberAgent किसी तीसरे पक्ष के सर्वर को ये ड्राफ़्ट नहीं भेजना चाहता.

पहले से मौजूद एआई (AI) की मदद से, Gemini Nano को उपयोगकर्ताओं के डिवाइसों पर डाउनलोड किया जा सकता है. इससे सर्वर को डेटा भेजने और उसे पाने की ज़रूरत नहीं पड़ती. यह लिखते समय खास तौर पर मददगार होता है, क्योंकि ड्राफ़्ट में गोपनीय जानकारी या अनचाहे एक्सप्रेशन शामिल हो सकते हैं. पहले से मौजूद एआई, ओरिजनल और जनरेट किए गए कॉन्टेंट को सर्वर पर भेजने के बजाय, उसे स्थानीय तौर पर सेव रखता है. इससे कॉन्टेंट की सुरक्षा के साथ-साथ, उसकी निजता को सुरक्षित रखने में मदद मिल सकती है.

लागत में बचत

पहले से मौजूद एआई का इस्तेमाल करने का एक बड़ा फ़ायदा यह है कि ब्राउज़र में GeminiNano शामिल है और इसके एपीआई मुफ़्त में इस्तेमाल किए जा सकते हैं. कोई अतिरिक्त या छिपा हुआ शुल्क नहीं.

पहले से मौजूद एआई (AI), सर्वर की लागत को काफ़ी कम कर देता है और यह एआई के अनुमान से जुड़ी लागत को पूरी तरह से हटा सकता है. इस सुविधा को तेज़ी से बड़े उपयोगकर्ताओं के लिए बढ़ाया जा सकता है. साथ ही, इससे उपयोगकर्ताओं को अलग से शुल्क लिए बिना, आउटपुट को बेहतर बनाने के लिए लगातार अनुरोध सबमिट करने की सुविधा मिलती है.

जवाबदेही और भरोसा

बिल्ट-इन एआई की मदद से, यह एक जैसा और तेज़ रिस्पॉन्स देता है. यह किसी भी नेटवर्क की स्थिति पर निर्भर नहीं करता है. इससे उपयोगकर्ता बार-बार कॉन्टेंट जनरेट कर पाते हैं. इससे उपयोगकर्ताओं के लिए, नए आइडिया आज़माना और जल्दी ही ऐसे नतीजे तैयार करना आसान हो जाता है जो उनकी खोज से संतुष्ट हैं.

डेवलपमेंट में आसानी

Chrome में पहले से मौजूद एआई, आसानी से उपलब्ध एपीआई देकर, डेवलपमेंट प्रोसेस को आसान बनाता है. ऐप्लिकेशन के लिए, एआई की मदद से काम करने वाली सुविधाएं बनाना बेहद आसान है. इससे डेवलपर को काफ़ी फ़ायदा मिलता है.

Gemini Nano और पहले से मौजूद एआई एपीआई, Chrome में इंस्टॉल होते हैं. इसलिए, अतिरिक्त सेटअप या मॉडल मैनेजमेंट की ज़रूरत नहीं होती. ये एपीआई अन्य ब्राउज़र एपीआई की तरह ही JavaScript का इस्तेमाल करते हैं और इनके लिए मशीन लर्निंग की ज़रूरत नहीं होती..

Prompt API के साथ CyberAgent की मदद से, क्लाइंट-साइड एलएलएम पर काम करने में हमें कई फ़ायदे मिले.

  • अलग-अलग जवाब: अन्य एलएलएम की तरह, Gemini Nano भी एक ही प्रॉम्प्ट के लिए एक जैसे आउटपुट की गारंटी नहीं देता. CyberAgent को अनचाहे फ़ॉर्मैट में जवाब मिले (जैसे कि Markdown और अमान्य JSON). निर्देशों के हिसाब से भी, हो सकता है कि नतीजे काफ़ी अलग हों. पहले से मौजूद एआई वाले किसी ऐप्लिकेशन या Chrome एक्सटेंशन को लागू करते समय, यह पक्का करने के लिए कोई समाधान जोड़ना फ़ायदेमंद हो सकता है कि आउटपुट हमेशा सही फ़ॉर्मैट में हो.
  • टोकन की सीमा: टोकन के इस्तेमाल को मैनेज करना ज़रूरी है. CyberAgent ने सेशन मैनेज करने, कॉन्टेक्स्ट बनाए रखने, और टोकन के इस्तेमाल को कम करने के लिए, inputUsage, inputQuota, और measureInputUsage() जैसी प्रॉपर्टी और तरीकों का इस्तेमाल किया है. टाइटल को बेहतर बनाते समय ऐसा करना खास तौर पर ज़रूरी था.
  • मॉडल के साइज़ की सीमाएं: मॉडल डाउनलोड होता है और उपयोगकर्ता के डिवाइस पर रहता है. इसलिए, वह सर्वर-आधारित मॉडल की तुलना में काफ़ी छोटा होता है. इसका मतलब है कि उम्मीद के मुताबिक नतीजे पाने के लिए, प्रॉम्प्ट में ज़रूरी जानकारी देना ज़रूरी है. खास तौर पर, जवाब देने के लिए ऐसा करना ज़रूरी है. एलएलएम के साइज़ को समझने के बारे में ज़्यादा जानें.

CyberAgent कोई बात रखता है कि क्लाइंट-साइड मॉडल अभी सभी ब्राउज़र और डिवाइसों पर पूरी तरह से उपलब्ध नहीं हैं और छोटे मॉडल की कुछ सीमाएं हैं, लेकिन फिर भी यह कुछ खास टास्क के लिए शानदार परफ़ॉर्मेंस दे सकता है. सर्वर साइड लागत के बिना तेज़ी से दोहराने और एक्सपेरिमेंट करने की क्षमता इसे एक अहम टूल बनाती है.

वह इन दोनों के बीच संतुलन बनाने की सलाह देती है. इसमें यह माना जाता है कि किसी भी एआई (AI), चाहे सर्वर साइड हो या क्लाइंट-साइड पर, परफ़ेक्ट रिस्पॉन्स पाना मुश्किल होता है. आखिर में, उन्हें आने वाले समय में सर्वर साइड और क्लाइंट-साइड एआई, दोनों की खूबियों के साथ एक हाइब्रिड तरीका अपनाने की सुविधा मिलेगी. इससे उनकी क्षमता और बढ़ेगी.

आगे की योजनाएं

CyberAgent में एआई (AI) के बारे में जानकारी मिलने से, उपयोगकर्ताओं के अनुभव को बेहतर बनाने के लिए, आसान एआई इंटिग्रेशन की शानदार संभावनाओं के बारे में पता चलता है. Ameba Blog के साथ काम करने के लिए बनाया गया एक्सटेंशन दिखाता है कि इन टेक्नोलॉजी को असल ज़िंदगी की समस्याओं को हल करने के लिए कैसे लागू किया जा सकता है. इससे वेब डेवलपमेंट की बड़ी कम्यूनिटी को काम के लेसन मिलेंगे.

जैसे-जैसे टेक्नोलॉजी डेवलप हो रही है और ब्राउज़र और डिवाइसों के लिए सहायता का दायरा बढ़ रहा है, वैसे-वैसे हम पहले से मौजूद एआई और क्लाइंट-साइड एआई के अन्य तरीकों के और ज़्यादा बेहतर ऐप्लिकेशन की शुरुआत करने की उम्मीद कर रहे हैं.

संसाधन

स्वीकार की गई

Ameba के इन ब्लॉगर, ao, Nodoka, एरिन, चियाकी, और सोची का धन्यवाद. इन्होंने सुझाव दिए और एक्सटेंशन को बेहतर बनाने में मदद की. इस ब्लॉग पोस्ट को लिखने और इसकी समीक्षा करने में थॉमस स्टाइनर, एलेक्ज़ेंड्रा क्लेपर, और सेबेस्टियन बेंज़ को धन्यवाद.