নতুনদের জন্য Vibe Coding: কীভাবে শুরু করবেন, ধাপে ধাপে

নতুনদের জন্য vibe coding পাঁচটি ধাপে সীমাবদ্ধ: একটি টুল বাছুন যা আপনার জন্য অ্যাপ চালায়, সাধারণ কথায় একটি ছোট অ্যাপ বর্ণনা করুন, একজন ব্যবহারকারীর মতো এটি চেষ্টা করুন, একবারে একটি ঠিক করার অনুরোধ করুন এবং কাজ করলে প্রকাশ করুন। কোড কীভাবে লিখতে হয় তা জানার দরকার নেই। এই টিউটোরিয়াল একটি আসল প্রথম প্রজেক্ট, টাইপ করার সঠিক প্রম্পট এবং প্রথম সপ্তাহে প্রায় প্রতিটি নতুন মানুষের করা ভুলগুলো ধাপে ধাপে দেখায়।

এর পটভূমি আগে জানতে চাইলে পড়ুন vibe coding কী, যেখানে শব্দটির উৎস এবং কেন মানুষ এ নিয়ে তর্ক করে তা আছে। এই পেজটি ব্যবহারিক দিক।

শুরু করার আগে যা লাগবে

আপনি যা ভাবছেন তার চেয়ে কম:

• একটি ব্রাউজার ও একটি অ্যাকাউন্ট একটি vibe coding টুলের সঙ্গে। নতুনদের উচিত একটি AI অ্যাপ বিল্ডার বাছাই করা, যা কোড লেখে, চালায় ও হোস্ট করে, বরং এমন কোডিং সহকারী নয় যা আশা করে আপনি নিজে ফাইল ও সার্ভার সামলাবেন।
• একটি ছোট ধারণা। আপনার স্টার্টআপ নয়। শুধু আপনার (একজনের) জন্য একটি টুল, এক বা দুটি স্ক্রিনসহ।
• এক বা দুই ঘণ্টা বাধাহীনভাবে। প্রথম সেশনই আপনাকে ছন্দটি শেখাবে।

এতেই হলো। কোনো ইনস্টল নেই, প্রোগ্রামিং কোর্স নেই, টার্মিনাল নেই।

নতুন হিসেবে কোন টুল বাছবেন

টুলের চেয়ে অভ্যাসগুলো বেশি গুরুত্বপূর্ণ, তবে তিনটি কাজ করা উচিত: বানানোর সময় একটি লাইভ প্রিভিউ দেখানো, একটি খারাপ পরিবর্তন আনডু করতে দেওয়া, এবং একটি শেয়ার করার লিংকে প্রকাশ করা। প্রধান বিকল্পগুলোর সৎ তুলনার জন্য আমাদের সেরা vibe coding টুল তালিকাটি দেখুন। Mythex তার একটি: আপনি চ্যাটে অ্যাপ বর্ণনা করেন, এটি লাইভ প্রিভিউসহ একটি আসল ফুল-স্ট্যাক অ্যাপ বানায়, অ্যাপের স্মরণ করা দরকার হলে একটি ডেটাবেস যোগ করে এবং এক ক্লিকে প্রকাশ করে। Free প্ল্যানে কার্ড লাগে না।

ধাপ 1: এমন একটি প্রথম প্রজেক্ট বাছুন যা আপনি শেষ করতে পারবেন

নতুনরা সাধারণত খুব বড় লক্ষ্য নিয়ে ব্যর্থ হয়। একটি ভালো প্রথম প্রজেক্ট:

• আপনার নিজের কাজে আসে, তাই আপনি সঠিকভাবে পরীক্ষা করবেন।
• এক বা দুটি স্ক্রিনে ধরে।
• আপনার নিজের অল্প পরিমাণ ডেটা সংরক্ষণ করে।
• কোনো পেমেন্ট, কোনো দল এবং কোনো সংবেদনশীল ব্যক্তিগত ডেটা নেই।

ভালো প্রথম প্রজেক্টের উদাহরণ:

এই টিউটোরিয়ালের বাকি অংশে আমরা পড়ার তালিকা ব্যবহার করব।

ধাপ 2: আপনার প্রথম প্রম্পট লিখুন

আপনার প্রথম বার্তা সবকিছুর আকার ঠিক করে। বলুন এটি কার জন্য, কী করে এবং কেমন দেখাবে। একটি ছোট অনুচ্ছেদে রাখুন।

একটি দুর্বল প্রথম প্রম্পট:

আমাকে একটি বই অ্যাপ বানিয়ে দাও।

একটি ভালো প্রথম প্রম্পট:

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

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

আরও শুরুর ধারণার জন্য আমাদের vibe coding প্রম্পট চিট শিট দেখুন।

আপনি যখন নিশ্চিত নন, পরিকল্পনা চান

কোনো কিছু কীভাবে বর্ণনা করবেন তা নিশ্চিত না হলে, বানানোর আগে AI-কে পরিকল্পনা করতে বলুন:

কিছু বানানোর আগে সাধারণ কথায় বলো কোন স্ক্রিন বানাবে, কোন ডেটা সংরক্ষণ করবে এবং আমার কোন সিদ্ধান্ত দরকার।

Mythex-এ এর জন্যই Plan মোড: এজেন্ট পদ্ধতি তুলে ধরে এবং কোনো ফাইল বদলানোর আগে আপনি তা অনুমোদন করেন।

ধাপ 3: একজন ব্যবহারকারীর মতো পরীক্ষা করুন, যে বানিয়েছে তার মতো নয়

প্রিভিউ আসলে শুধু মুগ্ধ হয়ে দেখবেন না। ব্যবহার করুন:

1. তিনটি বই যোগ করুন, একটির শিরোনাম খুব লম্বা রাখুন।
2. একটি অবস্থা বদলান। কার্ডটি কি সঠিক গ্রুপে যায়?
3. রিফ্রেশ করুন। বইগুলো কি এখনও আছে?
4. খালি শিরোনাম দিয়ে একটি বই যোগ করার চেষ্টা করুন। কী হয়?
5. আপনার ফোনে প্রিভিউ খুলুন, বা ব্রাউজার উইন্ডো সরু করুন।

কী ভুল আছে সাধারণ কথায় লিখুন। “লম্বা শিরোনামে কার্ডের লেআউট ভেঙে যায়” একটি নিখুঁত বাগ রিপোর্ট। “এটি ভাঙা” কোনো রিপোর্ট নয়।

ধাপ 4: একবারে একটি জিনিস ঠিক করুন

এই অভ্যাসটিই যারা শেষ করে আর যারা ছেড়ে দেয় তাদের আলাদা করে। একটি পরিবর্তন পাঠান, পরীক্ষা করুন, তারপর পরের টি পাঠান।

লম্বা শিরোনাম “The Hitchhiker's Guide to the Galaxy: The Complete Trilogy” কার্ড ছাড়িয়ে যাচ্ছে। লম্বা শিরোনাম দুই লাইনে মোড়ান এবং বাকিটা “…” দিয়ে কেটে দিন।

এরপর:

শিরোনাম খালি রেখে ফর্ম জমা দিলে কিছুই হয় না এবং কোনো বার্তাও আসে না। ফিল্ডের নিচে “একটি শিরোনাম যোগ করুন” দেখান এবং বইটি সেভ করবেন না।

একবারে একটি কেন? যখন একটি বার্তায় পাঁচটি পরিবর্তন চান, AI হয়তো চারটি ঠিকমতো করে, আর নিঃশব্দে অন্য কিছু ভেঙে দেয়, এবং কোন পরিবর্তনে সমস্যা হলো বোঝা যায় না। ছোট ধাপে আনডু কাজেও আসে: একটি পরিবর্তন ভুল হলে ঠিক আগের সংস্করণে ফিরে যান এবং আরও স্পষ্ট অনুরোধ করুন।

কিছু ভাঙলে

ভাঙবেই। প্রতিটি বিল্ডারেই এরর আসে। সঠিক এররের লেখা কপি করুন, অথবা ঠিক কী ক্লিক করেছেন এবং কী দেখেছেন তা বর্ণনা করুন, তারপর ফেরত পেস্ট করুন:

একটি কার্ডে Delete ক্লিক করলে “কিছু একটা ভুল হয়েছে” দেখায় এবং বইটি থেকে যায়। কারণ খুঁজে বের করো এবং ঠিক করো। কারণটি কী ছিল বলো।

কারণ জিজ্ঞাসা করাটা গুরুত্বপূর্ণ। এতে আপনি শেখেন অ্যাপ কীভাবে কাজ করে, এবং AI অনুমান করা থেকে বিরত থাকে। আরও গভীরে যেতে আমাদের AI-বানানো অ্যাপের বাগ কীভাবে ধরবেন গাইড পড়ুন।

ধাপ 5: এটিকে নিজের করে তুলুন

কাজ করলে, একই ছোট ধাপে উন্নত করুন:

• “শেষ করা বইয়ে দেখানো 1–5 স্টার রেটিং যোগ করো।”
• “কার্ডের উপরে একটি সার্চ বক্স যোগ করো, যা শিরোনাম বা লেখক দিয়ে ফিল্টার করে।”
• “একটি উষ্ণ অফ-হোয়াইট ব্যাকগ্রাউন্ড ও গাঢ় সবুজ অ্যাকসেন্ট ব্যবহার করো।”
• “উপরে একটি কাউন্টার যোগ করো: এ বছর কতটি বই শেষ হয়েছে।”

প্রতিটি একটি একক, পরীক্ষাযোগ্য পরিবর্তন।

ধাপ 6: প্রকাশ করুন ও শেয়ার করুন

যখন এটি আপনার যা দরকার তা করে, তখন প্রকাশ করুন। Mythex-এ সেটি এক ক্লিক, এবং আপনি একটি পাবলিক URL পান যা যেকোনো ডিভাইসে খোলা যায় বা একজন বন্ধুকে পাঠানো যায়। পরে যদি নিজের ডোমেইন চান, সেটি একটি Pro ফিচার, এবং কাস্টম ডোমেইন সংযুক্ত করার গাইড বিষয়টি ব্যাখ্যা করে।

কয়েকজন বন্ধুর বাইরে কিছু শেয়ার করার আগে vibe coding কি নিরাপদ? পড়ুন। একটি ব্যক্তিগত পড়ার তালিকার ঝুঁকি কম। যেখানে অপরিচিতরা সাইন আপ করে ও ডেটা জমা দেয়, সেখানে আগে কিছু পরীক্ষা করতে হয়।

নতুনদের যে ভুলগুলো এড়িয়ে চলা উচিত

• একবারে সব চাওয়া। “আমাকে Goodreads বানিয়ে দাও” এমন কিছু বানায় যা দেখতে চমৎকার কিন্তু কাজ করে খারাপভাবে। সবচেয়ে ছোট কাজের সংস্করণ দিয়ে শুরু করুন।
• রিফ্রেশ পরীক্ষা না করা। রিলোডে ডেটা হারিয়ে যাওয়া নতুনদের সবচেয়ে সাধারণ অবাক হওয়ার ঘটনা।
• প্রতিবার অনুরোধ গোড়া থেকে লেখা। কী বদলাতে হবে এবং কী রাখতে হবে বলুন: “লেআউট রাখো, শুধু রং বদলাও।”
• “এটি ঠিক হয়েছে” কথাটিকে বিশ্বাস করা। AI প্রায়ই বলবে একটি বাগ ঠিক হয়েছে। প্রতিবার নিজে যাচাই করুন।
• চ্যাটে পাসওয়ার্ড বা API কী পেস্ট করা। আপনার অ্যাপের বাইরের কোনো সার্ভিসের কী লাগলে, তা টুলের সিক্রেট সেটিংসে রাখুন, কখনো বার্তায় বা কোডে নয়। দেখুন API কী কীভাবে নিরাপদ রাখবেন।
• প্রথম এররের পর ছেড়ে দেওয়া। এরর স্বাভাবিক। সেগুলো ফেরত পেস্ট করুন এবং কারণ জিজ্ঞাসা করুন।

যা ধীরে ধীরে শিখবেন

কোর্সের দরকার নেই, তবে কয়েকটি ধারণা প্রতিটি অনুরোধকে আরও ধারালো করবে। আপনার নিজের অ্যাপের প্রেক্ষাপটে AI-কে এগুলো ব্যাখ্যা করতে বলুন:

• ফ্রন্টএন্ড ও ব্যাকএন্ড: দর্শকের ব্রাউজারে কী চলে বনাম সার্ভারে কী চলে। (ফ্রন্টএন্ড বনাম ব্যাকএন্ড)
• ডেটাবেস: আপনার অ্যাপ তার ডেটা কোথায় রাখে। (ডেটাবেস কী?)
• অথেনটিকেশন: অ্যাপ কীভাবে জানে কে কে।
• সিক্রেট: অ্যাপ যেসব ব্যক্তিগত কী ব্যবহার করে, দর্শকদের কখনো দেখা উচিত নয়।

এর জন্য একটি ভালো প্রম্পট: “আমার পড়ার তালিকা কীভাবে একটি বই সেভ করে তা ব্যাখ্যা করো, ‘যোগ’ ক্লিক থেকে ডেটা সংরক্ষণ পর্যন্ত। সাধারণ কথা ব্যবহার করো এবং আসল ফাইলগুলোর উল্লেখ করো।”

আপনার দ্বিতীয় ও তৃতীয় প্রজেক্ট

প্রথম অ্যাপের পর একধাপ কঠিন কিছু বেছে নিন। সাপ্তাহিক চার্টসহ একটি অভ্যাস ট্র্যাকার। একটি বুকিং ফর্ম যা আপনাকে ইমেইল পাঠায়। একটি Google Sheet থেকে পড়া একটি ছোট ড্যাশবোর্ড। আমাদের vibe coding উদাহরণ প্রকৃত অ্যাপের ধরন, তার প্রম্পট এবং কী ভুল হয়েছিল তা দেখায়, এবং vibe coding দিয়ে অ্যাপ বানানোর উপায় একটি বড় প্রজেক্টকে ধারণা থেকে ব্যবহারকারীসহ প্রকাশিত অ্যাপ পর্যন্ত নিয়ে যায়।

শুরু করার জন্য প্রস্তুত হলে AI অ্যাপ বিল্ডার খুলুন, উপরের পড়ার তালিকার প্রম্পটটি পেস্ট করুন এবং সেটি আপনার নিজের ধারণায় বদলান।

প্রশ্নোত্তর