camelCase, snake_case, kebab-case: எதைப் பயன்படுத்துவது

camelCase, snake_case, kebab-case ஆகியவற்றில் எதைத் தேர்வு செய்வது என்பது பெரும்பாலும் பெயர் எங்கே வாழ்கிறது என்பதைப் பொறுத்தது. JavaScript மற்றும் Java camelCase (firstName) பயன்படுத்துகின்றன; Python, Ruby மற்றும் SQL snake_case (first_name) பயன்படுத்துகின்றன; CSS, HTML பண்புகள் மற்றும் URL-கள் kebab-case (first-name) பயன்படுத்துகின்றன. நீங்கள் பயன்படுத்தும் மொழியின் மரபையும் உங்கள் குழுவின் நடை வழிகாட்டியையும் பின்பற்றுங்கள். உரையை ஒரு வழக்கிலிருந்து மற்றொன்றுக்கு மாற்ற, இலவச எழுத்து மாற்றி மற்றும் இலவச URL ஸ்லக் உருவாக்கி ஆகியவை பெரும்பாலான வேலையை உங்கள் உலாவியிலேயே செய்து முடிக்கின்றன.

ஒரு பார்வையில் camelCase, snake_case, kebab-case

பாணி	எடுத்துக்காட்டு	எங்கே பார்ப்பீர்கள்
camelCase	userFirstName	JavaScript மற்றும் TypeScript மாறிகளும் செயல்பாடுகளும், Java முறைகள், பல web API-களின் JSON
PascalCase	UserFirstName	பெரும்பாலான மொழிகளில் வகுப்புப் பெயர்கள், React components, C# முறைகள்
snake_case	user_first_name	Python மாறிகளும் செயல்பாடுகளும், Ruby, SQL நெடுவரிசைப் பெயர்கள், பல JSON APIs
SCREAMING_SNAKE_CASE	USER_FIRST_NAME	பல மொழிகளில் மாறிலிகள் (constants), சூழல் மாறிகள்
kebab-case	user-first-name	CSS பண்புகளும் வகுப்புப் பெயர்களும், HTML பண்புகள், URL-கள், ஃபைல் பெயர்கள், CLI flags

பெயர்கள் அவற்றின் வடிவத்திலிருந்தே வருகின்றன: camelCase-இல் பெரிய எழுத்துகளின் மேடுகள் உள்ளன, snake_case அடிக்கோடுகளின் மேல் தட்டையாகக் கிடக்கிறது, kebab-case சொற்கள் ஹைபன்களில் கோக்கப்பட்டிருக்கும்.

மொழி மொழியாக

JavaScript மற்றும் TypeScript. மாறிகளும் செயல்பாடுகளும் camelCase-இல் (getUserName), வகுப்புகளும் React components-உம் PascalCase-இல் (UserCard), மாறிலிகள் பெரும்பாலும் SCREAMING_SNAKE_CASE-இல் (MAX_RETRIES) இருக்கும். மொழியின் சொந்த built-ins-உம் இதைப் பின்பற்றுகின்றன, எடுத்துக்காட்டாக getElementById மற்றும் toLowerCase.

Python. Python-இன் நடை வழிகாட்டியான PEP 8, செயல்பாடுகள், மாறிகள் மற்றும் module பெயர்களுக்கு snake_case-ஐயும், வகுப்புகளுக்கு CapWords (PascalCase)-ஐயும், மாறிலிகளுக்கு அடிக்கோடுகளுடன் கூடிய பெரிய எழுத்துகளையும் பயன்படுத்தச் சொல்கிறது. Python-இல் getUserName எழுதுவது வேலை செய்யும், ஆனால் அதைப் படிக்கும் ஒவ்வொரு Python உருவாக்குநருக்கும் அது பொருந்தாமல் தெரியும்.

CSS மற்றும் HTML. CSS பண்புகள் kebab-case-இல் உள்ளன (background-color, font-size), பெரும்பாலான class பெயரிடும் முறைகளும் அதையே பின்பற்றுகின்றன (.nav-item, .card-title). HTML data- பண்புகளும் kebab-case-இல்தான், உலாவிகள் அவற்றை JavaScript-க்காக மாற்றுகின்றன: data-user-id ஆனது element.dataset.userId ஆகிறது. இந்த ஒரு வரி, இரண்டு மரபுகளும் ஏன் இருக்கின்றன என்பதற்கான சுருக்கமான விளக்கம்.

SQL மற்றும் தரவுத்தளங்கள். நெடுவரிசை மற்றும் அட்டவணைப் பெயர்கள் பொதுவாக snake_case-இல் (created_at, order_items) இருக்கும். பல தரவுத்தளங்கள் மேற்கோள் குறிகள் இல்லாத பெயர்களை ஒரே எழுத்து வடிவுக்கு மாற்றிவிடுவதால், மேற்கோள் இல்லாமல் createdAt அமைதியாக createdat ஆகிவிடலாம். snake_case அந்தச் சிக்கலைத் தவிர்க்கிறது.

URL-கள் மற்றும் ஃபைல் பெயர்கள். kebab-case பயன்படுத்துங்கள். சொற்களைப் பிரிக்க அடிக்கோடுகளுக்குப் பதிலாக ஹைபன்களைப் பயன்படுத்தச் சொல்லும் Google-இன் URL கட்டமைப்பு வழிகாட்டுதல், ஹைபன்கள் சொல் எல்லைகளைத் தெளிவாகக் காட்டுவதால் அதைப் பரிந்துரைக்கிறது. சர்வர்கள் About.html மற்றும் about.html ஐ வெவ்வேறு ஃபைல்களாகக் கருதும் இடங்களில் சிறிய எழுத்துகள் உடைந்த இணைப்புகளைத் தவிர்க்கவும் உதவும். URL ஸ்லக் என்றால் என்ன மற்றும் எங்கள் URL ஸ்லக் சிறந்த நடைமுறைகள் ஆகியவற்றைப் பாருங்கள்.

JSON மற்றும் APIs. இதற்கு ஒரே விதி இல்லை. JavaScript-ஐ மையமாகக் கொண்ட பல APIs camelCase பயன்படுத்துகின்றன; Python அல்லது Ruby பின்தளங்களில் பல snake_case-ஐ அனுப்புகின்றன. ஒவ்வொரு API-க்கும் ஒன்றைத் தேர்ந்தெடுங்கள், ஒரே பதிலுக்குள் இரண்டையும் கலக்காதீர்கள்.

எது படிக்க எளிது?

மூன்றுமே பழகிவிட்டால் படிக்க எளிதானவைதான். சில நடைமுறை வேறுபாடுகள்:

• snake_case மற்றும் kebab-case சொற்களுக்கு இடையே தெளிவான இடைவெளியை வைக்கின்றன, இது நீண்ட பெயர்களுக்கும் சுருக்கெழுத்துகளுக்கும் உதவுகிறது (html_parser vs htmlParser vs HTMLParser).
• camelCase குட்டையானது, கூடுதல் குறிகள் தேவையில்லை.
• kebab-case பெரும்பாலான நிரலாக்க மொழிகளில் மாறிப் பெயர்களுக்குப் பயன்படுத்த முடியாது, ஏனெனில் user-name என்பது "user minus name" என்று படிக்கப்படும்.
• பெரும்பாலான editors-இல் இருமுறை கிளிக் செய்தால் snake_case அல்லது camelCase பெயர் முழுவதும் தேர்வாகும், ஆனால் kebab-case-இல் பொதுவாக ஹைபனில் நின்றுவிடும்.

உண்மையான விதி நிலைத்தன்மைதான். userName, user_name மற்றும் UserName ஐ கலக்கும் ஃபைல், எல்லா இடத்திலும் ஒரே பாணியைப் பயன்படுத்தும் ஃபைலைவிடப் படிக்கக் கடினம்.

வழக்குகளுக்கு இடையே மாற்றுவது

அடுக்குகளுக்கு இடையே தரவை நகர்த்தும்போது மாற்ற வேண்டியிருக்கும்: Python API-யின் created_at JavaScript-இல் createdAt ஆவது, பக்கத் தலைப்பு URL ஆவது, அல்லது ஓர் அமைப்புப் பெயர் சூழல் மாறியாவது போன்ற சூழல்களில்.

kebab-case அல்லது snake_case-க்கு: ஸ்லக் உருவாக்கியைப் பயன்படுத்துங்கள். சொற்களை ஒரு வரிக்கு ஒரு பெயராக ஒட்டி, kebab-case-க்கு ஹைபன்கள் (-) அல்லது snake_case-க்கு அடிக்கோடுகள் (_) என்பதைத் தேர்வு செய்யுங்கள். இது எல்லாவற்றையும் சிறிய எழுத்தாக்கி, உச்சரிப்பு குறிகளை எளிய எழுத்துகளாக மாற்றி, குறிகளை நீக்குகிறது. எந்தக் குறியையும் சொல் எல்லையாகக் கருதுகிறது, எனவே user_first_name ஆனது user-first-name ஆகவும், மீண்டும் அதன் பின்னும் ஆகும். ஆனால் camelCase-ஐப் பிரிக்காது: userFirstName ஆனது userfirstname ஆகும். முதலில் சொற்களுக்கு இடையே இடைவெளி வையுங்கள்.

SCREAMING_SNAKE_CASE-க்கு. முதலில் snake_case பதிப்பை ஸ்லக் உருவாக்கியில் செய்யுங்கள், பிறகு அதை இலவச எழுத்து மாற்றி-இல் ஒட்டி பெரிய எழுத்து என்பதைக் கிளிக் செய்யுங்கள். மறுபக்கம், சிறிய எழுத்து MAX_RETRIES ஐ max_retries ஆக்கும்.

camelCase அல்லது PascalCase-க்கு. ஒரு கிளிக் பொத்தான் இல்லை. விரைவான வழி: இடைவெளிகளுடன் சொற்களை தட்டச்சு செய்து, எழுத்து மாற்றியில் ஒவ்வொரு சொல்லும் பெரிய எழுத்து என்பதைக் கிளிக் செய்யுங்கள் (user first name ஆனது User First Name ஆகும்), பிறகு PascalCase-க்கு இடைவெளிகளை நீக்குங்கள், camelCase-க்கு முதல் எழுத்தைச் சிறியதாக்குங்கள்.

குறியீட்டுக்குள் பல பெயர்களை ஒரே நேரத்தில். பெரிய பெயர் மாற்றத்துக்கு, உங்கள் editor-இன் regular expression உடன் கண்டறிந்து-மாற்று அம்சத்தைப் பயன்படுத்துங்கள். முதலில் இலவச regex சோதனையாளர்-இல் வடிவத்தைச் சோதியுங்கள்: எடுத்துக்காட்டாக _([a-z]) ஒவ்வோர் அடிக்கோட்டையும் அதைத் தொடரும் ஓர் எழுத்தையும் கண்டறியும், snake_case-ஐ camelCase ஆக்கும்போது பெரிய எழுத்து தேவைப்படும் இடம் அது. பல editors பிடிக்கப்பட்ட எழுத்தை மாற்றீட்டில் பெரிய எழுத்தாக்க முடியும்; அதற்கான தொடரியலை உங்கள் editor-இன் ஆவணத்தில் பாருங்கள்.

மாற்றும்போது கவனிக்க வேண்டியவை

• சுருக்கெழுத்துகள். userId அல்லது userID, HtmlParser அல்லது HTMLParser என்று முடிவு செய்து, அதையே கடைப்பிடியுங்கள்.
• எண்கள். address_line_2 சுத்தமாக மாறும்; addressLine2 சரியானதுதான்; இலக்கத்தை மட்டும் விட்டுவிடாதீர்கள்.
• பொதுப் பெயர்கள். JSON புலம் அல்லது URL-ஐ மாற்றினால் அதைப் பயன்படுத்துபவர்களின் வேலை உடையும். URL-களுக்கு redirect சேருங்கள்; APIs-இல் பழைய புலப் பெயர்கள் சிறிது காலம் வேலை செய்யுமாறு வையுங்கள்.

உங்கள் உரையை மாற்றுங்கள

பெரிய எழுத்து, சிறிய எழுத்து, ஒவ்வொரு சொல்லும் பெரிய எழுத்து ஆகியவற்றுக்கு இலவச எழுத்து மாற்றி-ஐயும், kebab-case மற்றும் snake_case-க்கு ஸ்லக் உருவாக்கியையும் பயன்படுத்துங்கள். இரண்டும் உங்கள் உலாவியிலேயே இயங்குகின்றன, நீங்கள் ஒட்டும் எதுவும் உங்கள் சாதனத்தை விட்டு வெளியே செல்வதில்லை.