গুগল এআই স্টুডিওতে অ্যাপ তৈরি করুন

এই পৃষ্ঠাটি বর্ণনা করে যে কীভাবে গুগল এআই স্টুডিও ব্যবহার করে দ্রুত তৈরি করা যায় (অথবা "ভাইব কোড") এবং অ্যাপ্লিকেশন স্থাপন করা যায় যা ন্যানো ব্যানানা এবং লাইভ এপিআই এর মতো জেমিনির সর্বশেষ ক্ষমতা পরীক্ষা করে। গুগল এআই স্টুডিও এখন ফুল-স্ট্যাক রানটাইম সমর্থন করে, যা আপনাকে সার্ভার-সাইড লজিক, সিকিউর সিক্রেটস ম্যানেজমেন্ট এবং এনপিএম প্যাকেজ সাপোর্ট সহ শক্তিশালী অ্যাপ্লিকেশন তৈরি করতে দেয়, সবই প্রাকৃতিক ভাষা প্রম্পটিং এর মাধ্যমে।

শুরু করুন

গুগল এআই স্টুডিওর বিল্ড মোডে ভাইব কোডিং শুরু করুন। আপনি কয়েকটি উপায়ে বিল্ডিং শুরু করতে পারেন:

  • একটি প্রম্পট দিয়ে শুরু করুন : বিল্ড মোডে, আপনি কী তৈরি করতে চান তার বিবরণ লিখতে ইনপুট বক্সটি ব্যবহার করুন। আপনার প্রম্পটে চিত্র তৈরি বা গুগল ম্যাপ ডেটার মতো নির্দিষ্ট বৈশিষ্ট্য যুক্ত করতে AI চিপস নির্বাচন করুন। আপনি স্পিচ-টু-টেক্সট বোতাম ব্যবহার করে যা চান তাও বলতে পারেন।
  • "আমি ভাগ্যবান বোধ করছি" বোতাম : যদি আপনার সৃজনশীলতার প্রয়োজন হয়, তাহলে "আমি ভাগ্যবান বোধ করছি" বোতামটি ব্যবহার করুন, এবং জেমিনি আপনাকে শুরু করার জন্য একটি প্রকল্পের ধারণা সহ একটি প্রম্পট তৈরি করবে।
  • গ্যালারি থেকে একটি প্রকল্প রিমিক্স করুন : অ্যাপ গ্যালারি থেকে একটি প্রকল্প খুলুন এবং কপি অ্যাপ নির্বাচন করুন।

একবার আপনি প্রম্পটটি চালালে, আপনি প্রয়োজনীয় কোড এবং ফাইল তৈরি হতে দেখতে পাবেন, ডানদিকে আপনার অ্যাপের একটি লাইভ প্রিভিউ প্রদর্শিত হবে।

কি তৈরি হয়?

যখন আপনি আপনার প্রম্পট চালান, তখন AI স্টুডিও একটি সম্পূর্ণ অ্যাপ্লিকেশন তৈরি করে। ডিফল্টরূপে, এটি একটি পূর্ণ-স্ট্যাক পরিবেশ তৈরি করে যার মধ্যে অন্তর্ভুক্ত থাকতে পারে:

  • ক্লায়েন্ট-সাইড : একটি ওয়েব ফ্রন্টএন্ড (প্রতিক্রিয়া হল ডিফল্ট)।
  • সার্ভার-সাইড : একটি Node.js রানটাইম যা নিরাপদ API কল, ডাটাবেস সংযোগ এবং npm প্যাকেজ ব্যবহারের অনুমতি দেয়।

ডানদিকের প্রিভিউ প্যানে কোড ট্যাব নির্বাচন করে আপনি যে কোডটি তৈরি করবেন তা দেখতে পারেন। অ্যান্টিগ্র্যাভিটি এজেন্ট বুদ্ধিমত্তার সাথে আপনার স্ট্যাক জুড়ে একাধিক ফাইল পরিচালনা করে, নিশ্চিত করে যে পরিবর্তনগুলি সঠিকভাবে প্রচারিত হচ্ছে।

অ্যান্টিগ্র্যাভিটি এজেন্ট

অ্যান্টিগ্র্যাভিটি এজেন্ট হল গুগল অ্যান্টিগ্র্যাভিটির প্রধান এআই কার্যকারিতা এবং এখন এজেন্ট হারনেসের মূল উপাদানগুলি গুগল এআই স্টুডিওতে বিল্ড মোড অভিজ্ঞতাকে শক্তিশালী করছে। এটি আপনার পুরো প্রকল্পের প্রেক্ষাপট বজায় রেখে, একাধিক ফাইল পরিচালনা করে এবং শক্তিশালী, পূর্ণ-স্ট্যাক অ্যাপ্লিকেশন তৈরির জন্য জটিল নির্দেশাবলী বোঝার মাধ্যমে সহজ কোড জেনারেশনের বাইরেও যায়।

মূল ক্ষমতাগুলির মধ্যে রয়েছে:

  • প্রসঙ্গ সচেতনতা : পূর্ববর্তী প্রম্পট এবং ফাইলের অবস্থার প্রসঙ্গ বজায় রাখে।
  • মাল্টি-ফাইল ম্যানেজমেন্ট : একাধিক ফাইল জুড়ে নির্ভরতা পরিচালনা করে।
  • যাচাইকৃত সম্পাদন : হ্যালুসিনেশন কমাতে কোড আপডেট যাচাই করে।

পূর্ণ-স্ট্যাক ক্ষমতা

গুগল এআই স্টুডিও আধুনিক ওয়েব ইকোসিস্টেমের শক্তি উন্মোচন করে, যা আপনাকে কেবল ক্লায়েন্ট-সাইড প্রোটোটাইপ তৈরি করার চেয়েও বেশি কিছু তৈরি করতে দেয়।

  • সার্ভার-সাইড রানটাইম এবং npm : npm প্যাকেজের বিশাল লাইব্রেরি ব্যবহার করুন। এজেন্ট আপনার অ্যাপের জন্য প্রয়োজন অনুসারে স্বয়ংক্রিয়ভাবে প্যাকেজগুলি সনাক্ত এবং ইনস্টল করবে (যেমন, ডেটা ভিজ্যুয়ালাইজেশন বা API ক্লায়েন্টের জন্য নির্দিষ্ট লাইব্রেরি)। আপনি চাইলে নির্দিষ্ট প্যাকেজগুলির জন্যও অনুরোধ করতে পারেন।
  • গোপনীয়তা ব্যবস্থাপনা : সেটিংস মেনুতে API কী এবং গোপনীয়তা নিরাপদে সংরক্ষণ করুন। এগুলি আপনার সার্ভার-সাইড কোডে অ্যাক্সেসযোগ্য, যা ক্লায়েন্ট-সাইড এক্সপোজার থেকে নিরাপদ রাখে।
  • মাল্টিপ্লেয়ার : এআই স্টুডিওর মধ্যে সরাসরি রিয়েল-টাইম সহযোগী অভিজ্ঞতা তৈরি করুন। সার্ভার-সাইড রানটাইম ব্যবহারকারীদের একসাথে ইন্টারঅ্যাক্ট করার জন্য প্রয়োজনীয় অবস্থা এবং সংযোগগুলি পরিচালনা করে।

ফুল-স্ট্যাক অ্যাপ তৈরি সম্পর্কে আরও জানুন

নির্মাণ চালিয়ে যান

একবার গুগল এআই স্টুডিও আপনার অ্যাপ্লিকেশনের জন্য প্রাথমিক কোড তৈরি করলে, আপনি এটিকে পরিমার্জন করা চালিয়ে যেতে পারেন:

গুগল এআই স্টুডিওতে তৈরি করুন

  • জেমিনি দিয়ে পুনরাবৃত্তি করুন : বিল্ড মোডে চ্যাট প্যানেল ব্যবহার করে জেমিনিকে পরিবর্তন করতে, নতুন বৈশিষ্ট্য যোগ করতে বা স্টাইলিং পরিবর্তন করতে বলুন।
  • সরাসরি কোড সম্পাদনা করুন : লাইভ সম্পাদনা করতে প্রিভিউ প্যানেলে কোড ট্যাবটি খুলুন।

বাহ্যিকভাবে বিকাশ করুন

আরও উন্নত কর্মপ্রবাহের জন্য, আপনি কোডটি রপ্তানি করতে পারেন এবং আপনার পছন্দের পরিবেশে কাজ করতে পারেন:

  • স্থানীয়ভাবে ডাউনলোড এবং ডেভেলপ করুন : জেনারেট করা কোডটি একটি জিপ ফাইল হিসেবে এক্সপোর্ট করুন এবং আপনার কোড এডিটরে ইমপোর্ট করুন।
  • GitHub-এ পুশ করুন : কোডটিকে আপনার বিদ্যমান ডেভেলপমেন্ট এবং ডিপ্লয়মেন্ট প্রক্রিয়ার সাথে একীভূত করুন, এটিকে একটি GitHub রিপোজিটরিতে পুশ করুন।

মূল বৈশিষ্ট্য

গুগল এআই স্টুডিওতে বিল্ডিং প্রক্রিয়াটিকে স্বজ্ঞাত এবং দৃশ্যমান করার জন্য বেশ কয়েকটি বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে:

  • পূর্ণ স্ট্যাক অ্যাপ তৈরি করুন এবং পুনরাবৃত্তি করুন : শুধুমাত্র একটি প্রম্পট দিয়ে পূর্ণ স্ট্যাক অ্যাপ তৈরি করুন এবং চ্যাট বা অ্যানোটেশন মোডের মাধ্যমে পুনরাবৃত্তি করুন। অ্যানোটেশন মোড আপনাকে আপনার অ্যাপের UI এর যেকোনো অংশ হাইলাইট করতে এবং আপনার পছন্দসই পরিবর্তন বর্ণনা করতে দেয়।
  • আপনার অ্যাপটি শেয়ার করুন এবং স্থাপন করুন : আপনি আপনার কাজ অন্যদের সাথে সহযোগিতা করতে বা প্রদর্শন করতে আপনার সৃষ্টিগুলি ভাগ করে নিতে পারেন। তারপর যখন আপনার অ্যাপটি প্রস্তুত হবে, তখন ক্লাউড রানে স্থাপন করুন।
  • অ্যাপ গ্যালারি : অ্যাপ গ্যালারি প্রকল্পের ধারণাগুলির একটি ভিজ্যুয়াল লাইব্রেরি প্রদান করে। আপনি জেমিনি দিয়ে যা সম্ভব তা ব্রাউজ করতে পারেন, তাৎক্ষণিকভাবে অ্যাপ্লিকেশনগুলির পূর্বরূপ দেখতে পারেন এবং সেগুলিকে আপনার নিজস্ব করে তুলতে রিমিক্স করতে পারেন।

পূর্ণ স্ট্যাক অ্যাপগুলিতে ক্রেট এবং পুনরাবৃত্তি করুন: রানটাইম সাপোর্টে দ্রুত ব্লার্ব করুন, অ্যানোটেট মোডের মাধ্যমে পুনরাবৃত্তি করুন শেয়ার করুন এবং স্থাপন করুন - AI স্টুডিওর মধ্যে আপনার অ্যাপ শেয়ার করুন অথবা ক্লাউডে স্থাপন করুন রান করুন অ্যাপ গ্যালারি অন্বেষণ করুন

আপনার অ্যাপ স্থাপন বা সংরক্ষণাগারভুক্ত করুন

আপনার অ্যাপ্লিকেশন প্রস্তুত হয়ে গেলে, আপনি এটি স্থাপন করতে পারেন:

  • গুগল ক্লাউড রান : আপনার অ্যাপ্লিকেশনটিকে একটি স্কেলেবল পরিষেবা হিসেবে ব্যবহার করুন। গুগল ক্লাউড রানের মূল্য ব্যবহারের উপর ভিত্তি করে প্রযোজ্য হতে পারে।
  • GitHub : আপনার প্রকল্পটি একটি GitHub সংগ্রহস্থলে রপ্তানি করুন।

সীমাবদ্ধতা

এই বিভাগে গুগল এআই স্টুডিওতে বিল্ড মোডের বর্তমান সীমাবদ্ধতাগুলি তালিকাভুক্ত করা হয়েছে।

API কী নিরাপত্তা

  • ক্লায়েন্ট-সাইড : ক্লায়েন্ট-সাইড কোডে কখনই সরাসরি আসল API কী ব্যবহার করবেন না।
  • সার্ভার-সাইড : সার্ভার-সাইড রানটাইমে সংবেদনশীল কীগুলি নিরাপদে পরিচালনা করতে সিক্রেটস ম্যানেজমেন্ট বৈশিষ্ট্যটি ব্যবহার করুন।

গুগল এআই স্টুডিওর বাইরে স্থাপনা

  • আপনি আপনার অ্যাপটি ক্লাউড রানে একটি পাবলিক URL-এর জন্য স্থাপন করতে পারবেন, তবে এই সেটআপটি সমস্ত ব্যবহারকারীর Gemini API কলের জন্য আপনার API কী ব্যবহার করবে।
    • জাভাস্ক্রিপ্ট অ্যাপগুলি ক্লায়েন্ট সাইডে পরিচালিত হয়, তাই নিশ্চিত করুন যে ডেটা ফাঁস বা অপব্যবহার রোধ করার জন্য API কীগুলিতে কেবলমাত্র ন্যূনতম অ্যাক্সেস রয়েছে। উদাহরণস্বরূপ, একই প্রকল্পের অন্যান্য ফাইল অনুসন্ধান স্টোরগুলি এই প্রক্রিয়ার মাধ্যমে ব্যবহারকারীদের কাছে অ্যাক্সেসযোগ্য হতে পারে।
  • নিরাপদ বহিরাগত স্থাপনা: AI স্টুডিওর বাইরে নিরাপদে একটি অ্যাপ চালানোর জন্য (যেমন, জিপ ফাইল ডাউনলোড করার পরে), আপনাকে API কী ব্যবহার করে এমন লজিকটি সার্ভার-সাইড কম্পোনেন্টে স্থানান্তর করতে হবে যাতে শেষ ব্যবহারকারীদের কাছে কী এক্সপোজার না হয়। আপনি যদি ক্লাউড রান ব্যবহার করে স্থাপন করেন তবে এটির প্রয়োজন নেই।
  • কী এক্সপোজার সতর্কতা: ক্লায়েন্ট-সাইড পরিবেশে কেবল প্লেসহোল্ডারটিকে একটি আসল API কী দিয়ে প্রতিস্থাপন করা দৃঢ়ভাবে নিরুৎসাহিত করা হয়, কারণ কীটি যেকোনো ব্যবহারকারীর কাছে দৃশ্যমান হয়ে যাবে।

অ্যাপ শেয়ার করার সময় ত্রুটি

যদি আপনি আপনার অ্যাপটি শেয়ার করেন এবং আপনার শেষ ব্যবহারকারী শেয়ার করা URL ব্যবহার করার সময় 403 অ্যাক্সেস সীমাবদ্ধ ত্রুটির সম্মুখীন হন, তাহলে এটি নিম্নলিখিতগুলির মধ্যে একটির কারণে হতে পারে:

  • ব্রাউজার এক্সটেনশন : প্রাইভেসি ব্যাজারের মতো প্রাইভেসি এক্সটেনশনগুলি অ্যাপটিকে ব্লক করতে পারে। ত্রুটি এড়াতে এক্সটেনশনটি অক্ষম করুন।
  • বিল্ড সমস্যা : বর্তমান কোডে সমস্যা থাকতে পারে। এজেন্টকে "বর্তমান কোডের সাথে যেকোনো বিল্ড সমস্যা ঠিক করতে" বলুন এবং তারপর URLটি পুনরায় শেয়ার করুন।

এরপর কি?