এই পৃষ্ঠাটি বর্ণনা করে যে কীভাবে আপনি গুগল এআই স্টুডিওতে বিল্ড মোড ব্যবহার করে দ্রুত অ্যাপ তৈরি (অথবা ভাইব কোড) করতে পারেন এবং ন্যানো কলা এবং লাইভ এপিআই এর মতো জেমিনির সর্বশেষ ক্ষমতা পরীক্ষা করে এমন অ্যাপ স্থাপন করতে পারেন।
শুরু করুন
গুগল এআই স্টুডিওর বিল্ড মোডে ভাইব কোডিং শুরু করুন। আপনি কয়েকটি উপায়ে বিল্ডিং শুরু করতে পারেন:
- একটি প্রম্পট দিয়ে শুরু করুন : বিল্ড মোডে, আপনি কী তৈরি করতে চান তার বিবরণ লিখতে ইনপুট বক্সটি ব্যবহার করুন। আপনার প্রম্পটে চিত্র তৈরি বা গুগল ম্যাপ ডেটার মতো নির্দিষ্ট বৈশিষ্ট্য যুক্ত করতে AI চিপস নির্বাচন করুন। আপনি স্পিচ-টু-টেক্সট বোতাম ব্যবহার করে যা চান তাও বলতে পারেন।
- "আমি ভাগ্যবান বোধ করছি" বোতাম : যদি আপনার সৃজনশীলতার প্রয়োজন হয়, তাহলে "আমি ভাগ্যবান বোধ করছি" বোতামটি ব্যবহার করুন, এবং জেমিনি আপনাকে শুরু করার জন্য একটি প্রকল্পের ধারণা সহ একটি প্রম্পট তৈরি করবে।
- গ্যালারি থেকে একটি প্রকল্প রিমিক্স করুন : অ্যাপ গ্যালারি থেকে একটি প্রকল্প খুলুন এবং কপি অ্যাপ নির্বাচন করুন।
একবার আপনি প্রম্পটটি চালালে, আপনি প্রয়োজনীয় কোড এবং ফাইল তৈরি হতে দেখতে পাবেন, ডানদিকে আপনার অ্যাপের একটি লাইভ প্রিভিউ প্রদর্শিত হবে।
কি তৈরি হয়?
যখন আপনি আপনার প্রম্পটটি চালান, তখন AI স্টুডিও একটি ওয়েব অ্যাপ তৈরি করে। ডিফল্টরূপে, এটি একটি React ওয়েব অ্যাপ তৈরি করবে তবে আপনি সেটিংস মেনুতে একটি Angular অ্যাপ তৈরি করতে পারেন। ডানদিকের প্রিভিউ প্যানে Code ট্যাব নির্বাচন করে আপনি যে কোডটি তৈরি করবেন তা দেখতে পারেন।
নিম্নলিখিত ফাইলগুলি লক্ষ্য করার মতো:
- geminiService.ts : এই ফাইলটিতে আপনার অ্যাপের মূল লজিক রয়েছে, প্রম্পট তৈরি থেকে শুরু করে Gemini API কল করা এবং এর প্রতিক্রিয়া বিশ্লেষণ করা পর্যন্ত। আপনি এই ফাইলে বেস প্রম্পট সম্পাদনা করতে পারেন অথবা যেকোনো কম্পোনেন্ট কার্যকারিতা সরাসরি পরিবর্তন করতে পারেন অথবা বিল্ড মোডে Gemini এর সাথে ইন্টারেক্টিভভাবে চ্যাট করে। মনে রাখবেন যে এই ফাইলের কোডটি Gemini API এর সাথে ইন্টারেক্ট করার জন্য GenAI TS SDK ব্যবহার করে।
নির্মাণ চালিয়ে যান
একবার গুগল এআই স্টুডিও আপনার ওয়েব অ্যাপ্লিকেশনের জন্য প্রাথমিক কোড তৈরি করে ফেললে, আপনার প্রকল্পটি চালিয়ে যাওয়ার জন্য আপনার কাছে দুটি প্রাথমিক বিকল্প থাকবে: বিল্ড ইন এআই স্টুডিও অথবা ডেভেলপ এক্সটার্নালি ।
গুগল এআই স্টুডিওতে তৈরি করুন
আপনি গুগল এআই স্টুডিও পরিবেশের মধ্যে সরাসরি আপনার অ্যাপ্লিকেশনটি পরিমার্জন এবং সম্প্রসারণ চালিয়ে যেতে পারেন:
- জেমিনির সাথে পুনরাবৃত্তি করুন : বিল্ড মোডে চ্যাট প্যানেল ব্যবহার করে জেমিনিকে পরিবর্তন করতে, নতুন বৈশিষ্ট্য যোগ করতে বা স্টাইলিং পরিবর্তন করতে বলুন। উদাহরণস্বরূপ, আপনি জিজ্ঞাসা করতে পারেন, "ব্যবহারকারীকে সতর্ক করে এমন একটি বোতাম যোগ করুন" অথবা "রঙের স্কিমটি নীল এবং সাদাতে পরিবর্তন করুন।"
- সরাসরি কোড সম্পাদনা করুন : লাইভ সম্পাদনা করতে প্রিভিউ প্যানেলে কোড ট্যাবটি খুলুন। ডেভেলপ করার সময় সংস্করণ নিয়ন্ত্রণ ব্যবহার করার জন্য আপনি আপনার প্রকল্পটি GitHub-এ সংরক্ষণ করতে পারেন।
বাহ্যিকভাবে বিকাশ করুন
আরও উন্নত কর্মপ্রবাহের জন্য, আপনি কোডটি রপ্তানি করতে পারেন এবং আপনার পছন্দের পরিবেশে কাজ করতে পারেন:
- স্থানীয়ভাবে ডাউনলোড এবং ডেভেলপ করুন : জেনারেট করা কোডটি একটি জিপ ফাইল হিসেবে এক্সপোর্ট করুন এবং আপনার কোড এডিটরে ইম্পোর্ট করুন। এটি আপনাকে আপনার পরিচিত টুল, বিল্ড সিস্টেম এবং স্থানীয় সংস্করণ নিয়ন্ত্রণ অনুশীলন ব্যবহার করে প্রাথমিক প্রোটোটাইপের বাইরেও নির্মাণ চালিয়ে যেতে সাহায্য করে।
- GitHub-এ পুশ করুন : কোডটিকে আপনার বিদ্যমান ডেভেলপমেন্ট এবং ডিপ্লয়মেন্ট প্রক্রিয়ার সাথে একীভূত করুন, এটিকে একটি GitHub রিপোজিটরিতে পুশ করুন।
মূল বৈশিষ্ট্য
গুগল এআই স্টুডিওতে বিল্ডিং প্রক্রিয়াটিকে স্বজ্ঞাত এবং দৃশ্যমান করার জন্য বেশ কয়েকটি বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে:
- অ্যানোটেশন মোড : আপনার অ্যাপের চেহারা পরিবর্তন করার জন্য কোড লেখার পরিবর্তে, অ্যানোটেশন মোড আপনাকে আপনার অ্যাপের UI এর যেকোনো অংশ হাইলাইট করতে এবং আপনার পছন্দসই পরিবর্তন বর্ণনা করতে দেয়। উদাহরণস্বরূপ, আপনি একটি উপাদান নির্বাচন করতে পারেন এবং টাইপ করতে পারেন, "এই বোতামটি নীল করুন" অথবা "বাম দিক থেকে স্লাইড করার জন্য এই ছবিটি অ্যানিমেট করুন"। যখন আপনি চ্যাটে যোগ করুন নির্বাচন করেন, তখন অ্যানোটেশন করা অ্যাপের একটি স্ক্রিনশট সহ একটি প্রম্পট তৈরি হয়।
- আপনার অ্যাপটি শেয়ার করুন : আপনি আপনার কাজ অন্যদের সাথে সহযোগিতা করতে বা প্রদর্শন করতে আপনার সৃষ্টিগুলি শেয়ার করতে পারেন।
- অ্যাপ গ্যালারি : অ্যাপ গ্যালারি প্রকল্পের ধারণাগুলির একটি ভিজ্যুয়াল লাইব্রেরি প্রদান করে। আপনি জেমিনি দিয়ে যা সম্ভব তা ব্রাউজ করতে পারেন, তাৎক্ষণিকভাবে অ্যাপ্লিকেশনগুলির পূর্বরূপ দেখতে পারেন এবং সেগুলিকে আপনার নিজস্ব করে তুলতে রিমিক্স করতে পারেন।
আপনার অ্যাপ স্থাপন বা সংরক্ষণাগারভুক্ত করুন
আপনার অ্যাপ্লিকেশন প্রস্তুত হয়ে গেলে, আপনি এটি সরাসরি AI স্টুডিও থেকে স্থাপন করতে পারেন। স্থাপনের বিকল্পগুলির মধ্যে রয়েছে:
- গুগল ক্লাউড রান : আপনার অ্যাপ্লিকেশনটিকে একটি স্কেলেবল পরিষেবা হিসেবে ব্যবহার করুন। মনে রাখবেন যে গুগল ক্লাউড রানের জন্য মূল্য ব্যবহারের উপর ভিত্তি করে প্রযোজ্য হতে পারে।
- GitHub : আপনার প্রকল্পটি আপনার বিদ্যমান ডেভেলপমেন্ট এবং ডিপ্লয়মেন্ট ওয়ার্কফ্লোতে একীভূত করার জন্য একটি GitHub সংগ্রহস্থলে রপ্তানি করুন।
সীমাবদ্ধতা
এই বিভাগটি গুগল এআই স্টুডিওতে বিল্ড মোড ব্যবহার করার সময় গুরুত্বপূর্ণ সীমাবদ্ধতাগুলি বর্ণনা করে।
API কী নিরাপত্তা এবং এক্সপোজার
- শেয়ার করা অ্যাপের কোডটি যে কেউ দেখে তার কাছে দৃশ্যমান। আপনার অ্যাপের কোডে সরাসরি কোনও আসল API কী ব্যবহার করবেন না।
- ডিফল্টরূপে, অ্যাপগুলি API কী-এর জন্য একটি প্লেসহোল্ডার (যেমন, process.env.GEMINI_API_KEY) ব্যবহার করে। যখন কোনও ব্যবহারকারী AI স্টুডিওর মধ্যে আপনার শেয়ার করা অ্যাপটি চালায়, তখন AI স্টুডিও একটি প্রক্সি হিসেবে কাজ করে, প্লেসহোল্ডারটিকে শেষ ব্যবহারকারীর API কী দিয়ে প্রতিস্থাপন করে, যাতে আপনার কীটি ব্যক্তিগত থাকে।
অ্যাপের দৃশ্যমানতা এবং শেয়ারিং
- অ্যাপগুলি গুগল ড্রাইভে সংরক্ষিত থাকে এবং এর অনুমতি মডেলটি উত্তরাধিকারসূত্রে পায়, যার অর্থ এগুলি ডিফল্টরূপে ব্যক্তিগত থাকে।
- শেয়ারিং অনুমতি: যখন আপনি অন্য ব্যবহারকারীদের সাথে একটি অ্যাপ শেয়ার করেন:
- শেয়ার্ড ব্যবহারকারীরা কোডটি দেখতে পারবেন এবং তাদের নিজস্ব ব্যবহারের জন্য অ্যাপটি ব্যবহার করতে পারবেন।
- সম্পাদনার অনুমতি পেলে, শেয়ার করা ব্যবহারকারীরা অ্যাপের কোড পরিবর্তন করতে পারবেন।
এআই স্টুডিওর বাইরে স্থাপনা
- আপনি আপনার অ্যাপটি ক্লাউড রানে একটি পাবলিক URL-এর জন্য স্থাপন করতে পারবেন, তবে এই সেটআপটি সমস্ত ব্যবহারকারীর Gemini API কলের জন্য আপনার API কী ব্যবহার করবে।
- জাভাস্ক্রিপ্ট অ্যাপগুলি ক্লায়েন্ট সাইডে পরিচালিত হয়, তাই নিশ্চিত করুন যে ডেটা ফাঁস বা অপব্যবহার রোধ করার জন্য API কীগুলিতে কেবলমাত্র ন্যূনতম অ্যাক্সেস রয়েছে। উদাহরণস্বরূপ, একই প্রকল্পের অন্যান্য ফাইল অনুসন্ধান স্টোরগুলি এই প্রক্রিয়ার মাধ্যমে ব্যবহারকারীদের কাছে অ্যাক্সেসযোগ্য হতে পারে।
- নিরাপদ বহিরাগত স্থাপনা: AI স্টুডিওর বাইরে নিরাপদে একটি অ্যাপ চালানোর জন্য (যেমন, জিপ ফাইল ডাউনলোড করার পরে), আপনাকে API কী ব্যবহার করে এমন লজিকটি সার্ভার-সাইড কম্পোনেন্টে স্থানান্তর করতে হবে যাতে শেষ ব্যবহারকারীদের কাছে কী এক্সপোজার না হয়। আপনি যদি ক্লাউড রান ব্যবহার করে স্থাপন করেন তবে এটির প্রয়োজন নেই।
- কী এক্সপোজার সতর্কতা: ক্লায়েন্ট-সাইড পরিবেশে কেবল প্লেসহোল্ডারটিকে একটি আসল API কী দিয়ে প্রতিস্থাপন করা দৃঢ়ভাবে নিরুৎসাহিত করা হয়, কারণ কীটি যেকোনো ব্যবহারকারীর কাছে দৃশ্যমান হয়ে যাবে।
টুল এবং বৈশিষ্ট্য সমর্থন
- স্থানীয় ডেভেলপমেন্ট আমদানি: বর্তমানে, আপনি বহিরাগত সরঞ্জাম ব্যবহার করে স্থানীয়ভাবে অ্যাপ তৈরি করতে পারবেন না এবং সেগুলি এআই স্টুডিওতে আমদানি করতে পারবেন না।
এরপর কী?
- অ্যাপ গ্যালারিতে বিদ্যমান প্রকল্পের রিমিক্স করে অন্যরা কী তৈরি করেছে তা দেখুন এবং অনুপ্রাণিত হন।
- শুরু করতে সাহায্য করার জন্য AI Studio vibe কোডিং টিউটোরিয়ালের একটি সংগ্রহের জন্য YouTube প্লেলিস্টটি দেখুন।