JSON ফরম্যাটার

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

কীভাবে ব্যবহার করবেন

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

একটি বাস্তব উদাহরণ

ধরুন, আপনার কাছে এই এক লাইনের JSON আছে: {"student":{"name":"রহিম উদ্দিন","age":28,"subjects":["বাংলা","গণিত","ইংরেজি"],"passed":true,"address":null},"marks":{"bangla":85,"math":92}}। এটি পড়তে কষ্ট হয়, কারণ সবকিছু একসঙ্গে লেগে আছে। এই টুলে বসিয়ে দুটি স্পেসের ইন্ডেন্টে ফরম্যাট করলে ফলাফল হয় এরকম: প্রথম লাইনে {, তারপর "student": {, তার ভেতরে "name": "রহিম উদ্দিন", "age": 28, "subjects": ["বাংলা", "গণিত", "ইংরেজি"], "passed": true, "address": null, তারপর "marks": {"bangla": 85, "math": 92}। লক্ষ্য করুন, বাংলা লেখা, সংখ্যা, true ও null — সবকিছুই ঠিকঠাক আছে। কোনো অক্ষর বদলায়নি, শুধু সাজানো হয়েছে। মিনিফাই করলে আবার আগের এক লাইনের রূপ ফিরে আসবে।

ফলাফল বুঝবেন কীভাবে

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

সাধারণ ভুল

সবচেয়ে সাধারণ ভুল হলো শেষ উপাদানের পরেও কমা দেওয়া, যেমন {"a": 1,}। JSON-এ শেষের কমা চলে না। দ্বিতীয় ভুল হলো একক কোটেশন ব্যবহার করা, যেমন {'name': 'Rahim'}। JSON-এ কি ও লেখা সবসময় ডাবল কোটেশনে লিখতে হয়। তৃতীয় ভুল হলো কোটেশন ছাড়া কি লেখা, যেমন {name: "Rahim"}। চতুর্থ ভুল হলো মন্তব্য বা কমেন্ট লেখা। JSON-এ // বা /* */ মন্তব্য চলে না। পঞ্চম ভুল হলো ব্র্যাকেট না মেলানো — { দিয়ে শুরু করে ] দিয়ে শেষ করা, বা একটি বন্ধ ব্র্যাকেট বাদ পড়া। এই ভুলগুলো হলে টুলটি লাইন ও কলামসহ ভুল দেখাবে। ভুল জায়গাটি ঠিক করে আবার ফরম্যাট করুন।

সতর্কতা

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

FAQ

প্রশ্ন: এই টুল কি আমার JSON কোথাও পাঠায়?
উত্তর: না, সব কাজ আপনার ব্রাউজারেই হয়। আপনার JSON কোনো সার্ভারে পাঠানো বা সংরক্ষণ করা হয় না।

প্রশ্ন: বাংলা লেখা কি ঠিক থাকবে?
উত্তর: হ্যাঁ, বাংলা ইউনিকোড লেখা, যেমন "রহিম উদ্দিন", ফরম্যাট করার পরও ঠিকঠাক থাকে। কোনো অক্ষর বদলায় না।

প্রশ্ন: মিনিফাই মানে কী?
উত্তর: মিনিফাই মানে সব অপ্রয়োজনীয় ফাঁকা জায়গা ও লাইন বিরতি সরিয়ে JSON-কে এক লাইনে ছোট করা। এতে ফাইলের আকার কমে, তাই ওয়েবসাইটে পাঠাতে সুবিধা হয়।

প্রশ্ন: ভুল বার্তায় লাইন ও কলাম কীভাবে বুঝব?
উত্তর: লাইন মানে ভুলটি কত নম্বর লাইনে, আর কলাম মানে সেই লাইনের কত নম্বর অক্ষরে। সেই জায়গায় গিয়ে কমা, কোটেশন বা ব্র্যাকেট ঠিক করুন।