ब्लॉग संचालन on kenji.blog

C++ (Win32 API + WinHTTP) के साथ Slack पर संदेश कैसे भेजें [Webhook समर्थित]

Wed, 16 Jul 2025 19:42:56 +0900

C++ (Win32 API + WinHTTP) के साथ Slack पर संदेश कैसे भेजें [Webhook समर्थित]

मैं C++ से Slack पर एक संदेश पोस्ट करना चाहता हूँ। यह Node.js और Python में आम है, लेकिन “C++ × Win32 API × WinHTTP” का उपयोग करने के मामले दुर्लभ हैं, है ना?

इस लेख में, हम Webhook URL का उपयोग करके C++ से Slack पर संदेश भेजने का तरीका चरण-दर-चरण समझाएंगे।

✅ पूरी प्रक्रिया

Slack पर पोस्ट करने के लिए, इन चरणों का पालन करें।

Slack Webhook URL (API कुंजी) प्राप्त करें
WinHTTP का उपयोग करके POST अनुरोध भेजें
संदेश के मुख्य भाग को JSON प्रारूप में बनाएँ
परिणाम की जाँच करें और पूरा करें!

🔑 Step1: Slack Webhook URL कैसे प्राप्त करें

Slack में, आप Incoming Webhooks नामक सुविधा का उपयोग करके बाहरी सेवाओं से आसानी से संदेश पोस्ट कर सकते हैं।

प्राप्ति के चरण

https://api.slack.com/apps पर जाएँ
Create New App पर क्लिक करें
From scratch चुनें, ऐप का नाम और पोस्ट करने के लिए कार्यक्षेत्र (workspace) चुनें
बाएँ मेनू से “Incoming Webhooks” चुनें, और इसे सक्षम करें
“Add New Webhook to Workspace” पर क्लिक करें, और एक चैनल चुनें
जारी किए गए URL को कॉपी करें (उदाहरण: https://hooks.slack.com/services/xxx/yyy/zzz)

यह URL एक API कुंजी की तरह काम करता है।

💻 Step2: C++ कोड के साथ Slack पर संदेश भेजें

प्रयुक्त तकनीकें

Win32 API
WinHTTP (मानक पुस्तकालय)
JSON प्रारूप में संदेश

नमूना कोड (Slack पोस्ट)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82


#include <windows.h>
#include <winhttp.h>
#include <iostream>

#pragma comment(lib, "winhttp.lib")

bool PostToSlack(const std::wstring& webhookUrl, const std::string& messageJson) {
 // URL का विश्लेषण
 URL_COMPONENTS urlComp{};
 wchar_t hostName[256];
 wchar_t urlPath[1024];

 urlComp.dwStructSize = sizeof(urlComp);
 urlComp.lpszHostName = hostName;
 urlComp.dwHostNameLength = _countof(hostName);
 urlComp.lpszUrlPath = urlPath;
 urlComp.dwUrlPathLength = _countof(urlPath);

 if (!WinHttpCrackUrl(webhookUrl.c_str(), 0, 0, &urlComp)) {
 std::wcerr << L"URL विश्लेषण विफल रहा\n";
 return false;
 }

 // HTTP सत्र और कनेक्शन
 HINTERNET hSession = WinHttpOpen(L"SlackPoster/1.0",
 WINHTTP_ACCESS_TYPE_DEFAULT_PROXY,
 WINHTTP_NO_PROXY_NAME,
 WINHTTP_NO_PROXY_BYPASS, 0);
 HINTERNET hConnect = WinHttpConnect(hSession, hostName, urlComp.nPort, 0);
 HINTERNET hRequest = WinHttpOpenRequest(hConnect, L"POST", urlPath,
 NULL, WINHTTP_NO_REFERER,
 WINHTTP_DEFAULT_ACCEPT_TYPES,
 WINHTTP_FLAG_SECURE);

 std::wstring headers = L"Content-Type: application/json\r\n";
 BOOL result = WinHttpSendRequest(hRequest,
 headers.c_str(),
 -1,
 (LPVOID)messageJson.c_str(),
 messageJson.length(),
 messageJson.length(),
 0);

 if (!result) {
 std::cerr << "भेजने का अनुरोध विफल रहा\n";
 return false;
 }

 WinHttpReceiveResponse(hRequest, NULL);

 DWORD statusCode = 0;
 DWORD size = sizeof(statusCode);
 WinHttpQueryHeaders(hRequest,
 WINHTTP_QUERY_STATUS_CODE | WINHTTP_QUERY_FLAG_NUMBER,
 WINHTTP_HEADER_NAME_BY_INDEX,
 &statusCode, &size, WINHTTP_NO_HEADER_INDEX);

 // संसाधन मुक्त करें
 WinHttpCloseHandle(hRequest);
 WinHttpCloseHandle(hConnect);
 WinHttpCloseHandle(hSession);

 return (statusCode == 200);
}

int main() {
 std::wstring webhookUrl = L"https://hooks.slack.com/services/xxx/yyy/zzz"; // इसे अपने Webhook से बदलें

 std::string message = R"({
 "text": "Hello from C++ :rocket:",
 "username": "C++ Bot",
 "icon_emoji": ":robot_face:"
 })";

 if (PostToSlack(webhookUrl, message)) {
 std::cout << "पोस्ट सफल रहा!\n";
 } else {
 std::cerr << "पोस्ट विफल रहा।\n";
 }

 return 0;
}

🧪 JSON संदेश को अनुकूलित करना

Slack के Webhook में, आप निम्नलिखित पैरामीटर शामिल कर सकते हैं:

1
2
3
4
5
6


{
 "text": "अधिसूचना सामग्री",
 "username": "बॉट का नाम",
 "icon_emoji": ":rocket:",
 "channel": "#कोई भी चैनल नाम"
}

📌 अतिरिक्त जानकारी

Content-Type को "application/json" के रूप में निर्दिष्ट करना सुनिश्चित करें
Webhook URL को वैसे ही wstring के रूप में पास किया जाता है (URL एन्कोडिंग की आवश्यकता नहीं है)
क्योंकि यह HTTPS संचार है, इसलिए WINHTTP_FLAG_SECURE को न भूलें

🎉 बोनस: Slack में पोस्ट की पुष्टि का उदाहरण

यह Slack में कुछ इस तरह दिखाई देगा:

1
2


[C++ Bot]
Hello from C++ :rocket:

✍️ निष्कर्ष

आइटम	विवरण
पोस्टिंग विधि	Webhook (Incoming Webhooks)
संचार पुस्तकालय	WinHTTP
डेटा प्रारूप	JSON
उपलब्ध पैरामीटर	text, username, icon_emoji, channel आदि

यदि आपने कभी सोचा था कि C++ को Slack के साथ एकीकृत करना मुश्किल है… तो आप आज से ही एक सूचना बॉट (notification bot) शामिल कर सकते हैं!

🚀 अगला भाग?

अगर आपकी रुचि है, तो अगली बार हम:

फ़ाइल संलग्न करना
बटन के साथ UI
Slack App + OAuth2 के माध्यम से लचीला API संचालन

जैसे कुछ और उन्नत Slack एकीकरण भी प्रस्तुत कर सकते हैं!

इनपुट फॉर्म में अनिवार्य मार्कर के बारे में

Mon, 14 Jul 2025 13:47:51 +0900

हमने UI दिशानिर्देश सामग्री के साथ विदेशों में स्क्रीन UI (फॉर्म) में “अनिवार्य” मार्कर के बारे में जानकारी संकलित की है।

📌 मुख्य अनिवार्य मार्कर और सर्वोत्तम प्रथाएँ

तारांकन (*) का उपयोग
- यह आमतौर पर सबसे अधिक उपयोग किया जाता है, अनिवार्य फ़ील्ड में “*” जोड़ा जाता है।
- हालाँकि, फॉर्म के आरंभ में " * अनिवार्य है" जैसी व्याख्या आवश्यक है (Nielsen Norman Group, California State University, Northridge)।
- ऐसे उदाहरण भी हैं जहां जोर देने के लिए रंग का उपयोग किया जाता है (जैसे लाल पाठ)।
लेबल में “Required” या “(required)” निर्दिष्ट करना
- लेबल के भीतर “Required” शब्द को शामिल करके, स्क्रीन रीडर को यह स्पष्ट रूप से दर्शाया जा सकता है, जिससे एक्सेसिबिलिटी में सुधार होता है (Deque)।
ARIA विशेषताओं और HTML5 required विशेषता का संयुक्त उपयोग
- दृश्य प्रदर्शन के अतिरिक्त, aria-required="true" और <input required> का उपयोग करके, फ़ील्ड को प्रोग्राम के माध्यम से भी अनिवार्य बताया जा सकता है (Deque)।
वैकल्पिक फ़ील्ड को निर्दिष्ट करने के लिए “(optional)” का उपयोग
- अनिवार्य फ़ील्ड के बजाय वैकल्पिक फ़ील्ड को “(optional)” के रूप में स्पष्ट रूप से चिह्नित करने का एक तरीका भी है, जो मिश्रित होने पर प्रभावी होता है।
- हालाँकि, Nielsen-Norman बताते हैं कि “यदि अनिवार्य फ़ील्ड को भी स्पष्ट रूप से निर्दिष्ट किया जाए तो न्याय करना आसान है” (TPGi)।

✅ UI दिशानिर्देश सामग्री सारांश

स्रोत	सामग्री
NN/g: Marking Required Fields in Forms	तारांकन और व्याख्यात्मक पाठ के संयोजन की सिफारिश की जाती है; केवल वैकल्पिक प्रदर्शित करना अमित्र माना जाता है (Nielsen Norman Group)।
Deque (Anatomy of Accessible Forms)	・लेबल के भीतर “Required” स्ट्रिंग या छवि का उपयोग किया जाता है। ・यह स्पष्ट रूप से बताता है कि केवल रंगों के माध्यम से संकेत अपर्याप्त है।
W3C Techniques (H90)	लेबल में तारांकन या “(required)” शामिल करने और फॉर्म की शुरुआत में इसका अर्थ परिभाषित करने के उदाहरण हैं।
TPGi (Doing what’s required)	एक्सेसिबिलिटी को ध्यान में रखते हुए, तारांकन + ARIA विशेषताएँ + लेबल पाठ प्रविष्टि के संयोजन को इष्टतम के रूप में मूल्यांकित किया गया है।
Contensis फॉर्म UX गाइड	संक्षेप में व्यवस्थित: एक सुसंगत अंकन (* या (optional)) महत्वपूर्ण है।

✅ कार्यान्वयन के लिए अनुशंसित दृष्टिकोण

फॉर्म के आरंभ में एक व्याख्यात्मक पाठ जोड़ें :

Fields marked with * are required. (या सभी के लिए “All fields are required”, या यदि वैकल्पिक हैं तो “unless marked optional”)
लेबल असाइनमेंट :
- First Name * या Email (required) के रूप में लिखा गया।

ARIA विशेषताएँ और HTML5 विशेषताएँ :

1
2


<label for="email">Email <abbr title="required">*</abbr></label>
<input id="email" required aria-required="true">

केवल रंग पर निर्भर न रहें : दृश्य और प्रोग्राम दोनों तरह से समर्थन प्रदान करें।

🔗 संदर्भ लिंक (UI दिशानिर्देश सामग्री)

NN/g: Marking Required Fields in Forms (California State University, Northridge, Nielsen Norman Group, Deque)
Deque: Anatomy of Accessible Forms (Deque)
W3C Techniques: H90 Indicating required form controls (W3C)
TPGi: Indicating mandatory fields accessibly (TPGi)
Contensis: UX Forms Guidelines (Contensis)

यदि आवश्यक हो, तो मैं स्केच और फिग्मा के लिए विशिष्ट HTML/CSS कोड उदाहरण या UI घटक डिज़ाइन टेम्पलेट भी प्रदान कर सकता हूँ। कृपया पूछने में संकोच न करें!

Hugo कमांड सूची

Fri, 31 May 2024 01:36:00 +0900

Hugo क्या है

Hugo एक स्टैटिक साइट जनरेटर है। आप Markdown फ़ाइलों को HTML में परिवर्तित करके एक वेबसाइट बना सकते हैं। Hugo Go भाषा में लिखा गया है और बहुत तेज़ी से काम करता है।

यह ब्लॉग भी Hugo से बनाया गया है।

Hugo CLI स्थापित करना

Hugo CLI स्थापित करने के लिए, नीचे दिया गया कमांड चलाएँ।

※ यह macOS का एक उदाहरण है। अन्य ऑपरेटिंग सिस्टम के लिए, कृपया आधिकारिक दस्तावेज़ देखें।

1

brew install hugo

आप इसे Homebrew का उपयोग करके स्थापित कर सकते हैं।

Hugo कमांड सूची

Hugo में विभिन्न कमांड उपलब्ध हैं। नीचे आमतौर पर उपयोग किए जाने वाले कमांड दिए गए हैं।

एक नई साइट बनाना

1

hugo new site <साइट का नाम>

एक नई साइट बनाने का कमांड। <साइट का नाम> में, साइट का नाम निर्दिष्ट करें।

एक नया लेख बनाना

1

hugo new <लेख का नाम>.md

एक नया लेख बनाने का कमांड। <लेख का नाम> में, लेख का नाम निर्दिष्ट करें।

सर्वर शुरू करना

1

hugo server

स्थानीय सर्वर शुरू करने का कमांड। इसे http://localhost:1313 पर एक्सेस किया जा सकता है।

बिल्ड करना

1

hugo

साइट को बिल्ड करने का कमांड। HTML फ़ाइलें public निर्देशिका (डायरेक्टरी) में उत्पन्न होंगी।

डिप्लॉय करना

1

hugo deploy

साइट को डिप्लॉय करने का कमांड। डिप्लॉयमेंट गंतव्य की सेटिंग config.toml फ़ाइल में की जाती है।

लेखों की सूची प्रदर्शित करना

1

hugo list all

लेखों की सूची प्रदर्शित करने का कमांड।

सेटिंग्स की जाँच करना

1

hugo config

सेटिंग्स की जाँच करने का कमांड।

मदद प्रदर्शित करना

1

hugo help

मदद प्रदर्शित करने का कमांड।

संस्करण प्रदर्शित करना

1

hugo version

संस्करण (वर्जन) प्रदर्शित करने का कमांड।

यह Hugo कमांड की सूची थी। कई अन्य कमांड उपलब्ध हैं, इसलिए कृपया आधिकारिक दस्तावेज़ देखें।

संदर्भ

Hugo आधिकारिक दस्तावेज़

Google Analytics से लोकप्रिय पेज रैंकिंग प्राप्त करके प्रदर्शित करने का तरीका

Mon, 10 Apr 2023 20:26:57 +0900

परिचय

Ranklet नामक सेवा का उपयोग करके, आप Google Analytics से लोकप्रिय पेज रैंकिंग प्राप्त करके आसानी से प्रदर्शित कर सकते हैं।

इस लेख में, मैं HUGO ब्लॉग में इसे प्रदर्शित करने का तरीका बताऊंगा।

डेमो छवि

तैयारी

साइट पर Google Analytics सेटअप होना चाहिए

चरण

Ranklet पर जाएं
Sign in with Google पर क्लिक करें और Google खाते से लॉग इन करें (यह Google Analytics खाते से जुड़ा होना चाहिए)

अनुमति दें पर क्लिक करें

बुनियादी जानकारी सेट करें

मैंने इसे ऊपर दिखाए अनुसार कॉन्फ़िगर किया।

Google Analytics View में वह व्यू चुनें जिससे आप रैंकिंग प्राप्त करना चाहते हैं।

टेक्स्ट प्रतिस्थापन सेट करें

मैंने इसे ऊपर दिखाए अनुसार सेट किया। पेज शीर्षक से | kenji.blog को हटाने के लिए इसे सेट किया गया है।

टेम्प्लेट सेट करें

HTML (रैंकिंग संख्या को छिपा दिया गया है)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


<div class="ranklet ranklet-reset">
 <table class="ranklet-table">
 <tbody class="ranklet-pages">
 {{#context.pages}}
 <tr class="ranklet-page">
 <td class="ranklet-image">
 {{#image}}
 <a href="{{url}}" class="ranklet-link">
 <img class="ranklet-img" src="{{image}}" />
 </a>
 {{/image}}
 </td>
 <td class="ranklet-meta">
 <div class="ranklet-title">
 <a href="{{url}}" class="ranklet-link">
 {{title}}
 </a>
 </div>
 {{#description}}
 <div class="ranklet-description">
 <a href="{{url}}" class="ranklet-link">
 {{description}}
 </a>
 </div>
 {{/description}}
 </td>
 </tr>
 {{/context.pages}}
 </tbody>
 </table>
</div>

CSS (फ़ॉन्ट आकार बदला और विवरण को 3 पंक्तियों में प्रदर्शित करने के लिए सेट किया)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55


#ranklet-{{context.id}} {
 .ranklet-reset { // रीसेट
 table, tr, td, div, span {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 line-height: 1;
 box-sizing: border-box;
 }
 }

 .ranklet-table {
 border-collapse: separate;
 border-spacing: 8px 24px;
 width: 100%;
 word-break: break-all;

 td {
 vertical-align: middle;
 }

 .ranklet-rank {
 text-align: center;
 font-size: 120%;
 }

 .ranklet-image {
 text-align: center;
 img {
 max-width: 128px;
 max-height: 128px;
 }
 }

 .ranklet-meta {
 .ranklet-title {
 font-size: 20px;
 line-height: 125%;
 }

 .ranklet-description {
 font-size: 16px;
 margin-top: 8px;
 line-height: 125%;
 display: -webkit-box;
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; /* पंक्तियों की संख्या */
 }
 }
 }
}

JavaScript में कोई बदलाव नहीं

“साइट पर प्रकाशित करें” से HTML कॉपी करें

प्रदर्शित HTML को कॉपी करें

HUGO टेम्प्लेट में पेस्ट करें

layouts/partials/ranklet.html बनाएं और कॉपी किए गए HTML को पेस्ट करें

1

<div id="ranklet-11958"></div><script src="//widget.ranklet.com/v1/ranklet/s3/widgets/11958/widget.js"></script>

layouts/_default/single.html में </footer> से पहले वाली पंक्ति पर नीचे दिया गया कोड पेस्ट करें

1

{{- partial "ranklet.html" . }}

बस इतना ही। अब रैंकिंग इस पेज के नीचे दिखाए अनुसार प्रदर्शित होगी।

HUGO में इस्तेमाल होने वाले शॉर्टकोड

Sun, 11 Sep 2022 22:59:52 +0900

HUGO में इस्तेमाल होने वाले शॉर्टकोड

YouTube

{{<youtube 123456abc>}}

Twitter

{{<twitter 123456abc>}}

Instagram

{{<instagram 123456abc>}}

Flickr

{{<flickr 123456abc>}}

Vimeo

{{<vimeo 123456abc>}}

अन्य

Shortcodes

अतिरिक्त जानकारी

यदि आप साइट पर {{< foo >}} प्रदर्शित करना चाहते हैं, तो आपको {{</* foo */>}} लिखना होगा।

PaperMod की रंग योजना बदलना

Wed, 07 Sep 2022 15:30:21 +0900

मैंने PaperMod थीम की रंग योजना बदल दी है। परिवर्तन विधि के लिए मैंने निम्नलिखित का संदर्भ लिया।

https://github.com/adityatelange/hugo-PaperMod/discussions/645

CSS का पथ नीचे दिया गया है।

themes/PaperMod/assets/css/extended/blank.css

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


:root {
 --entry: #fbf7ef;
 --primary: rgba(113, 103, 91, 1.00);
 --secondary: rgba(113, 103, 91, 0.95);
 --tertiary: rgba(113, 103, 91, 0.50);
 --content: rgba(113, 103, 91, 0.85);
 --hljs-bg: #34231B;
 --code-bg: #ebe4d7;
 --border: #fdfaf5;
 --theme: #fbf7ef;
}
.dark {
}

डार्क मोड के लिए अभी कोई बदलाव नहीं।

【HUGO】स्थानीय वातावरण में पूर्वावलोकन प्रदर्शित करें

Mon, 05 Sep 2022 12:28:01 +0900

HUGO की स्थापना

डाउनलोड

HUGO डाउनलोड करें

उपरोक्त वेबसाइट से, अपने वातावरण के अनुकूल Windows मॉड्यूल डाउनलोड करें और उसे निकालें। मेरे मामले में, मैंने “hugo_0.102.3_Windows-64bit.zip” डाउनलोड किया।

निकालना

डाउनलोड की गई zip फ़ाइल को निकालें, और उसके अंदर स्थित hugo.exe को आपके द्वारा बनाए गए फ़ोल्डर में कॉपी करें, उदाहरण के लिए C:\bin।

पर्यावरण चर में पंजीकृत करें

इसे पर्यावरण चर में पंजीकृत करें ताकि आप कहीं से भी hugo.exe को चला सकें। निम्नलिखित क्रियाएँ Windows 11 के लिए हैं, लेकिन आपको समान चरणों के साथ पंजीकरण करने में सक्षम होना चाहिए:

संस्करण जानकारी खोलने के लिए Win+Pause बटन दबाएँ
उन्नत सिस्टम सेटिंग्स पर क्लिक करें
पर्यावरण चर पर क्लिक करें
Path चुनें और संपादित करें पर क्लिक करें
नया पर क्लिक करें, नई लाइन में “C:\bin” दर्ज करें और डायलॉग बंद करने के लिए ठीक पर क्लिक करें

ब्लॉग का पूर्वावलोकन करें

कमांड प्रॉम्प्ट में, HUGO ब्लॉग फ़ोल्डर में जाएँ और नीचे दिए गए कमांड को चलाएँ।

hugo server -D

निष्पादन परिणाम नीचे दिया गया है। (-D ड्राफ्ट लेखों को प्रदर्शित करने का विकल्प है।)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23


C:\Users\win11\IdeaProjects\kenji.blog>hugo server -D
Start building sites …
hugo v0.102.3-b76146b129d7caa52417f8e914fc5b9271bf56fc windows/amd64 BuildDate=2022-09-01T10:16:19Z VendorInfo=gohugoio

 | JA
-------------------+-----
 Pages | 39
 Paginator pages | 0
 Non-page files | 7
 Static files | 0
 Processed images | 0
 Aliases | 13
 Sitemaps | 1
 Cleaned | 0

Built in 161 ms
Watching for changes in C:\Users\win11\IdeaProjects\kenji.blog\{archetypes,content,themes}
Watching for config changes in C:\Users\win11\IdeaProjects\kenji.blog\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

चूंकि निष्पादन के दौरान पता प्रदर्शित होता है (उपरोक्त उदाहरण में http://localhost:1313/), उस पते को अपने ब्राउज़र में कॉपी करें। हर बार फ़ाइल सहेजने पर पूर्वावलोकन स्वचालित रूप से अपडेट हो जाता है। पूर्वावलोकन समाप्त करने के लिए, कमांड प्रॉम्प्ट में Ctrl+C दर्ज करें।

मैंने एक ब्लॉग शुरू किया है

Fri, 02 Sep 2022 07:23:00 +0900

मैंने एक ब्लॉग शुरू किया है

आतिशबाजी जैसी कोई चीज़, कोड यहाँ है

नमस्ते। बिना किसी खास कारण के, मैंने एक ब्लॉग शुरू करने का फैसला किया।

कोई बड़ा उद्देश्य नहीं है जैसे “मैं इसे प्रकाशित करना चाहता हूँ!”, बस मुझे लगा कि यह अच्छा होगा कि एक ऐसी जगह हो जहाँ मैं प्रौद्योगिकी के बारे में, अपने दैनिक जीवन के बारे में, या जो कुछ भी दिमाग में आए उसे लिख सकूँ।

मैं इसे एक नोटपैड की तरह, बिना ज्यादा जोर दिए चलाने की सोच रहा हूँ।

मैं इसे Hugo नामक चीज़ से बना रहा हूँ

यह ब्लॉग “Hugo” नामक एक स्टैटिक साइट जनरेटर से बना है। मुझे एक अच्छा विषय (थीम) मिला, इसलिए मैंने इसे आजमाने का फैसला किया। (यह एक रहस्य है कि थीम चुनने में मुझे लगभग 2 घंटे लगे)

कोड और उन उपकरणों (टूल्स) के बारे में जो मुझे दिलचस्प लगते हैं, मैं उन्हें भी आसानी से नोट करने का इरादा रखता हूँ।

कोमेडा में सुबह की कहानी

वैसे, आज सुबह मैं थोड़ा जल्दी उठा और कोमेडा कॉफी गया। सुबह 8:30 बजे निकला, और सुबह की ताजी हवा में टहलता हुआ गया।

मैंने मिनी शिरो-नोयर और कैफे औ लेट के साथ ए मॉर्निंग सेट का आदेश दिया। मुझे लगता है कि यह लगभग 800 येन था? (मुझे याद नहीं है)

सुबह का कैफे, अच्छा है ना। काम से पहले थोड़ा खाली समय बिताने से ऐसा लगता है कि पूरा दिन अच्छा बीतेगा।

इस तरह, मैं अब से आराम से लिखूँगा। मैं तकनीकी बातों और दैनिक जीवन दोनों को मिलाने की योजना बना रहा हूँ।

कृपया अपना ख्याल रखें!