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

Yuriko Hirota
Yuriko Hirota
Kazunari Hara
Kazunari Hara

पब्लिश किया गया: 28 अप्रैल, 2025, पिछली बार अपडेट किया गया: 21 मई, 2025

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

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

Prompt API क्या है?

जानकारी देने वाला चिप वेब एक्सटेंशन Chrome का स्टेटस प्रयोजन
GitHub ऑरिजिन ट्रायल ऑरिजिन ट्रायल में Chrome 138 देखें एक्सपेरिमेंट करने का इंटेंट

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

Ameba Blog के लेखकों के लिए एआई की मदद

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

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

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

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

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

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

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

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

लेखक, टाइटल को ज़्यादा औपचारिक, ज़्यादा सामान्य या उसी टोन में फिर से जनरेट कर सकते हैं.

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

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

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

बाद के पैराग्राफ जनरेट करना

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

लेखक, अगले पैराग्राफ़ को लिखने में मदद पाने के लिए अनुरोध कर सकता है. इसके लिए, वह पिछले पैराग्राफ़ के कॉन्टेक्स्ट का इस्तेमाल कर सकता है.

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

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

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

एआई असिस्टेंट की सुविधा को डिप्लॉय करना

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

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

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);
    ...
 }

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

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

CyberAgent ने इन मुख्य फ़ायदों पर फ़ोकस किया है:

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

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

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

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

लागत में बचत

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

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

तेज़ी से काम करना और भरोसेमंद होना

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

आसानी से डेवलप किया जा सकता है

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

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

Prompt API के साथ CyberAgent की यात्रा से, क्लाइंट-साइड एलएलएम के साथ काम करने के बारे में अहम जानकारी मिली.

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

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

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

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

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

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

संसाधन

Acknowledgements

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