पब्लिश होने की तारीख: 28 अप्रैल, 2025, पिछली बार अपडेट होने की तारीख: 21 मई, 2025
एआई के तेज़ी से विकसित होने की वजह से, वेब ऐप्लिकेशन के लिए नए अवसर खुल रहे हैं. खास तौर पर, डिवाइस पर उपलब्ध सुविधाओं के आने के बाद. जानें कि जापान की एक प्रमुख इंटरनेट कंपनी, CyberAgent, अपने प्लैटफ़ॉर्म Ameba Blog पर ब्लॉगिंग के अनुभव को बेहतर बनाने के लिए, Chrome में पहले से मौजूद एआई और Prompt API का इस्तेमाल कैसे कर रही है.
हम उनके लक्ष्यों, एआई की मदद से काम करने के फ़ायदों, उन्हें आने वाली चुनौतियों, और एआई का इस्तेमाल करने वाले अन्य डेवलपर के लिए अहम जानकारी शेयर करते हैं.
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 ने सेशन मैनेज करने, कॉन्टेक्स्ट बनाए रखने, और टोकन की खपत कम करने के लिए
inputUsage,inputQuota, औरmeasureInputUsage()जैसी प्रॉपर्टी और तरीकों का इस्तेमाल किया. टाइटल को बेहतर बनाते समय, यह खास तौर पर ज़रूरी था. - मॉडल के साइज़ से जुड़ी पाबंदियां: मॉडल को डाउनलोड किया जाता है और यह उपयोगकर्ता के डिवाइस पर सेव होता है. इसलिए, यह सर्वर पर आधारित मॉडल से काफ़ी छोटा होता है. इसका मतलब है कि संतोषजनक नतीजे पाने के लिए, प्रॉम्प्ट में ज़रूरी जानकारी देना बहुत ज़रूरी है. खास तौर पर, जवाब को छोटा करने के लिए. एलएलएम के साइज़ के बारे में ज़्यादा जानें.
CyberAgent का कहना है कि क्लाइंट-साइड मॉडल, अब तक सभी ब्राउज़र और डिवाइसों पर उपलब्ध नहीं हैं. साथ ही, छोटे मॉडल की कुछ सीमाएं हैं. हालांकि, ये मॉडल अब भी कुछ खास कामों के लिए शानदार परफ़ॉर्मेंस दे सकते हैं. सर्वर-साइड की लागत के बिना, तेज़ी से दोहराने और एक्सपेरिमेंट करने की सुविधा इसे एक अहम टूल बनाती है.
उनका सुझाव है कि एआई से जवाब पाने के लिए, दोनों के बीच संतुलन बनाए रखना चाहिए. साथ ही, यह भी ध्यान रखना चाहिए कि सर्वर-साइड या क्लाइंट-साइड, किसी भी एआई से सटीक जवाब पाना मुश्किल होता है. आखिर में, वे ऐसे भविष्य की कल्पना करते हैं जहां हाइब्रिड अप्रोच का इस्तेमाल किया जाएगा. इसमें सर्वर-साइड और क्लाइंट-साइड, दोनों तरह के एआई की खूबियों को शामिल किया जाएगा. इससे और भी ज़्यादा संभावनाएं खुलेंगी.
आगे की योजनाएं
CyberAgent ने अपने ऐप्लिकेशन में पहले से मौजूद एआई की सुविधाओं को एक्सप्लोर किया है. इससे पता चलता है कि एआई को आसानी से इंटिग्रेट करके, उपयोगकर्ताओं के अनुभव को बेहतर बनाया जा सकता है. Ameba Blog के साथ काम करने के लिए बनाए गए उनके एक्सटेंशन से पता चलता है कि इन टेक्नोलॉजी का इस्तेमाल, असल दुनिया की समस्याओं को हल करने के लिए कैसे किया जा सकता है. इससे वेब डेवलपमेंट कम्यूनिटी को अहम सबक मिलते हैं.
टेक्नोलॉजी के बेहतर होने और ब्राउज़र और डिवाइसों के लिए सहायता उपलब्ध होने के साथ-साथ, हमें उम्मीद है कि बिल्ट-इन एआई और क्लाइंट-साइड एआई के अन्य फ़ॉर्म के और भी नए ऐप्लिकेशन देखने को मिलेंगे.
संसाधन
- Prompt API के बारे में ज़्यादा जानें
- Chrome में पहले से मौजूद एपीआई का इस्तेमाल शुरू करना
- Web AI के बारे में CyberAgent की केस स्टडी, जिसमें इसी विषय के बारे में बताया गया है.
- The future of AI is now देखें. इसमें क्लाइंट-साइड एआई के बारे में CyberAgent की केस स्टडी दी गई हैं
Acknowledgements
हम Ameba के ब्लॉगर ao, Nodoka, Erin, Chiaki, और socchi का धन्यवाद करते हैं. इन्होंने हमें सुझाव/राय दी और एक्सटेंशन को बेहतर बनाने में हमारी मदद की. इस ब्लॉग पोस्ट को लिखने और इसकी समीक्षा करने में मदद करने के लिए, थॉमस स्टाइनर, ऐलेक्ज़ेंड्रा क्लेपर, और सेबेस्टियन बेंज का धन्यवाद.