আমি আমার নিজস্ব ডায়াগ্রাম কোডিং শুরু করেছি এবং এটি বাক্স আঁকার চেয়ে অনেক দ্রুত

যখন আমরা “কোড” শব্দটি শুনি, তখন আমরা প্রায়শই ধরে নিই যে এটি উচ্চ প্রযুক্তির লোকদের জন্য। কিন্তু কখনও কখনও, এর মানে ফলাফল পেতে একটি প্রোগ্রামে সাধারণ কমান্ড প্রবেশ করানো। এই ক্ষেত্রে, প্রোগ্রামটি হ’ল মারমেইড – একটি ওয়েব-ভিত্তিক লাইভ সম্পাদক সহ একটি ওপেন-সোর্স জাভাস্ক্রিপ্ট লাইব্রেরি যা মানুষের পাঠযোগ্য কমান্ডগুলিকে ফ্লোচার্ট, পাই চার্ট, গ্যান্ট চার্ট, সিকোয়েন্স ডায়াগ্রাম এবং কানবান বোর্ডের মতো ডায়াগ্রামে রূপান্তর করে।

মারমেইড ব্যবহার করে আমি ডায়াগ্রামিং এবং ভিজ্যুয়ালাইজেশন টুল যেমন Lucidchart এবং Draw.io (অফিসিয়ালি Diagrams.net) ব্যবহার করার চেয়ে ডায়াগ্রাম তৈরি করতে অনেক দ্রুত হয়েছি। আমি জানি তাদের ড্র্যাগ-এন্ড-ড্রপ ইন্টারফেসগুলি সহজ এবং স্বজ্ঞাত, কিন্তু তারা পথ পেতে পারে। মারমেইডে কোডিং ভিজ্যুয়াল নয়েজ দূর করে এবং আমাকে বিষয়বস্তুর উপর ফোকাস করতে দেয়।

বিকাশকারী

knut svedquist

মান মডেল

পেইড টিয়ার সহ বিনামূল্যে, ওপেন সোর্স

মারমেইড হল একটি বিনামূল্যের, ওপেন সোর্স টুল যা আপনাকে বাক্সগুলিকে চারপাশে টেনে আনার পরিবর্তে সাধারণ পাঠ্য লিখে ডায়াগ্রাম তৈরি করতে দেয়৷

একটি ডায়াগ্রাম আঁকা একটি নোট লেখার মত দ্রুত

কোড-এ-ডায়াগ্রাম হল তাজা বাতাসের শ্বাস

ড্র্যাগ-এন্ড-ড্রপ ইন্টারফেস ব্যবহার করে একটি ডায়াগ্রাম তৈরি করতে, আপনাকে ক্যানভাসে একটি বাক্স টেনে আনতে হবে, তারপর পাঠ্য সন্নিবেশ করতে এটিতে ডাবল ক্লিক করুন। আপনার আকারগুলি যোগ করার পরে, আপনাকে সংযোগকারীগুলি সন্নিবেশ করতে হবে, সংক্ষিপ্ত সংযোগের হ্যান্ডেলগুলি বা সুনির্দিষ্ট সংযোগকারীর শেষ পয়েন্টগুলির লক্ষ্য করে৷ এই সমস্ত ক্লিক করা, টেনে আনা এবং টাইপ করা ক্লান্তিকর হতে পারে যদি আপনাকে একটি দীর্ঘ ডায়াগ্রাম তৈরি করতে হয়।

এই কারণেই আমি বলি মারমেইড হল তাজা বাতাসের একটি নিঃশ্বাস, কারণ এটি নোটপ্যাডের মতো কিছুতে নোট লেখার মতো চিত্র অঙ্কনকে সহজ করে তোলে। এটি সিনট্যাক্স ব্যবহার করে যা প্রাকৃতিক যোগাযোগের অনুকরণ করে, এটি শিখতে সহজ করে তোলে।

সংযুক্ত

আমি পাওয়ারপয়েন্ট তৈরি করা বন্ধ করে দিয়েছি – এই বিনামূল্যের টুলটি আমার নোটগুলিকে তাৎক্ষণিকভাবে ডায়াগ্রামে পরিণত করে

আমি এখনো ভাবি; আমি ডিজাইন করা বন্ধ করে দিয়েছি।

এর একটি সহজ উদাহরণ তাকান. মারমেইডে, আপনি প্রথমে যে ডায়াগ্রামটি তৈরি করতে চান তা নির্দিষ্ট করতে হবে। এই ক্ষেত্রে, আসুন একটি ফ্লোচার্ট তৈরি করি। তবে আপনি এটিকে কোন দিকে সরাতে চান তাও উল্লেখ করতে হবে – ডান থেকে বামে (এলআর) বা উপরে থেকে নীচে (td)

flowchart LR

নীচের লাইনটি একটি লেবেল সহ একটি বাক্স (একটি নোডও বলা হয়) যুক্ত করবে বক্স 1 ফ্লোচার্টের জন্য। ক বর্গাকার বন্ধনীর আগে বক্সের আইডি (আপনি এটির নাম দিতে পারেন)।

flowchart LR
    A[Box 1]

আপনি নীচের কোড সহ একটি সংযোগকারী (এজ হিসাবেও পরিচিত) ব্যবহার করে নোডটিকে অন্য বাক্সে লিঙ্ক করতে পারেন।

flowchart LR
    A[Box 1] --> B[Box 2]

কোডের এই দুটি লাইন তাই করে যা অন্যথায় একাধিক ক্লিক এবং টেনে আনতে হবে। আপনি নীচের কোড সহ তীরটিতে একটি লেবেল যুক্ত করতে পারেন:

flowchart LR
    A[Box 1] -->|Arrow 1| B[Box 2]

অবশ্যই, আপনি একটি নোট লিখছেন মত ​​অঙ্কন সিনট্যাক্স জানা প্রয়োজন. কিন্তু, আপনি দেখতে পাচ্ছেন, এটি খুব মানব-পাঠযোগ্য। আপনি শুধু মারমেইড ডকুমেন্টেশন অধ্যয়ন করতে হবে. কয়েকটি স্কেচ সহ, মারমেইড লেখা আপনার কাছে দ্বিতীয় প্রকৃতি হয়ে উঠবে।

আরো “অঙ্কন”, কম ফিডলিং

স্বয়ংক্রিয় অবস্থান সময় বাঁচায়

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

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

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

flowchart LR
    A[Box 1] -->|Arrow 1| B[Box 2]

মারমেইড সমস্ত পরিস্থিতি পরিচালনা করে, আমি চিত্রটি যে সমস্যার সমাধান করার চেষ্টা করছে তার উপর পুরোপুরি ফোকাস করতে পারি।

রক্ষণাবেক্ষণ এবং আপডেট অত্যন্ত দ্রুত হয়

মারমেইড অনায়াসে সবকিছু পরিচালনা করে

এখানে ড্র্যাগ-এন্ড-ড্রপ ইন্টারফেসের একটি দৃশ্যকল্প যা আমি অপছন্দ করি – সেগুলি আপডেট করা। ধরা যাক আপনি এইমাত্র ডিজাইন করা একটি ডায়াগ্রাম দেখছেন এবং আপনি বুঝতে পারছেন যে আপনি একটি ধাপ মিস করেছেন। এখন আপনাকে নতুন তথ্য মিটমাট করতে আকারগুলি মুছে ফেলতে হবে, উপাদানগুলিকে পুনঃস্থাপন করতে হবে, বাক্সগুলিকে পুনঃস্থাপন করতে হবে এবং ভাঙা তীরগুলি পুনরায় সংযোগ করতে হবে৷

কোড ডায়াগ্রাম ঠিক করা খুব সহজ করে তোলে। নিবন্ধ লেখার প্রক্রিয়া দেখানো একটি ফ্লোচার্টের কোড এখানে।

flowchart TD
    A[Start] --> B[Define article topic]
    B --> C[Research sources]
    C --> D[Write first draft]
    D --> E[Publish article]
    E --> F[End]

লেখা এবং প্রকাশের মধ্যে, একটি ধাপ অনুপস্থিত – সম্পাদনা। এটি যোগ করার জন্য, আমাকে কোডটিতে সামান্য পরিবর্তন করতে হবে। এখানে সম্পূর্ণ, স্থির কোড।

flowchart TD
    A[Start] --> B[Define article topic]
    B --> C[Research sources]
    C --> D[Write first draft]
    D --> X[Review and edit the draft]
    X --> E[Publish article]
    E --> F[End]

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

আমি ড্র্যাগ-এন্ড-ড্রপ ইন্টারফেস অপছন্দ করতে শুরু করছি

আবার, মারমেইডের কোডিং দিকগুলি দ্বারা নিরুৎসাহিত হবেন না। আপনি সিনট্যাক্স শেখার সাথে সাথে এটি সহজ করতে আপনি কিছু জিনিস করতে পারেন। উদাহরণস্বরূপ, আপনি কোড তৈরি করতে Gemini-এর মতো একটি AI ব্যবহার করতে পারেন এবং তারপর মারমেইডের সম্পাদকে পেস্ট করতে পারেন। আপনি যদি একজন ভিজ্যুয়াল ব্যক্তি হন, তাহলে আপনি ডায়াগ্রামটিকে কোডে রাখার আগে স্কেচ করতে পারেন। আপনি যদি মারমেইড শিখতে এবং ব্যবহার করতে সময় নেন, তাহলে আপনি ডায়াগ্রাম তৈরির আরও দ্রুত উপায় আবিষ্কার করতে পারেন – যেমন আমি করেছি।