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

Yuriko Hirota
Yuriko Hirota
Kazunari Hara
Kazunari Hara

पब्लिश होने की तारीख: 28 अप्रैल, 2025, पिछली बार अपडेट किए जाने की तारीख: 21 मई, 2025

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

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

Prompt API क्या है?

ज़्यादा जानकारी देने वाला वीडियो वेब एक्सटेंशन Chrome स्टेटस मकसद
GitHub ऑरिजिन ट्रायल ऑरिजिन ट्रायल Chrome 138 देखें Intent to Experiment

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, सेशन मैनेज करने, कॉन्टेक्स्ट बनाए रखने, और टोकन की खपत कम करने के लिए contextUsage, contextWindow, और measureContextUsage() जैसी प्रॉपर्टी और तरीकों का इस्तेमाल करता है. टाइटल को बेहतर बनाते समय, यह खास तौर पर ज़रूरी था.
  • मॉडल के साइज़ से जुड़ी पाबंदियां: मॉडल को डाउनलोड किया जाता है और यह उपयोगकर्ता के डिवाइस पर सेव होता है. इसलिए, यह सर्वर पर आधारित मॉडल से काफ़ी छोटा होता है. इसका मतलब है कि संतोषजनक नतीजे पाने के लिए, प्रॉम्प्ट में ज़रूरी जानकारी देना बहुत ज़रूरी है. खास तौर पर, जवाब को छोटा करने के लिए. एलएलएम के साइज़ के बारे में ज़्यादा जानें.

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

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

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

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

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

संसाधन

Acknowledgements

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