teleren/devto huggingface dataset:
Searching insights for a new documentation devtool 🚀
Tags: productivity, ai, api, tooling
Published: 2023-12-11 15:33:26

Hi guys 👋

I'm reaching out today as a software engineer who has grappled with the challenges of maintaining efficient, up-to-date documentation for almost a decade. Like many of you, I've experienced firsthand the struggles and frustrations that come with documentation - keeping it current, making it useful, and, honestly, trying to make it less of a chore and more of a resource.

This is why I'm now leading an initiative to develop an open source tool specifically designed to ease the burdens of technical documentation. And I need your help to make it as effective and community-driven as possible.

## Why Your Insights Are Crucial:

- **Shared Experience, Shared Solutions**: Having been in your shoes, I understand the pain points. Your input will help shape a tool that addresses real, common challenges in our field.
- **Open Source, Community Focused**: This isn't just another product. It’s a community endeavor, open source and accessible, built by developers for developers.
- **Practical and Scalable**: We aim to create something that genuinely makes the task of writing and scaling documentation more efficient and enjoyable.

## How You Can Contribute:

🔗 **Take the survey**: https://megnr62oidc.typeform.com/to/pMOe3Wgb

- Spare a few minutes for a survey about your documentation experiences, challenges, and what you wish were different. It’s quick, around 5 minutes.
- Interested in a deeper discussion? Opt-in for a follow-up interview. Your detailed insights would be incredibly valuable (and there's a thank you gift involved!).

I believe that together, we can create a tool that not only eases our current frustrations but also sets a new standard for developer documentation. Your voice in this is not just welcomed – it’s essential.

Thank you for considering joining me in this venture. I look forward to learning from your experiences and insights.

Best,
Clemente.

👉 P.S. Please share this with other developer friends and colleagues. The more input we have, the better this tool can become for all of us!
SQL - Efficiently Paginate Query Results
Tags: sql, programming, beginners, tutorial
Published: 2023-12-11 15:30:00

When implementing pagination in SQL queries, use the OFFSET and LIMIT (or equivalent) clauses to efficiently retrieve subsets of data. Avoid retrieving all records at once and then filtering them in your application, as this can lead to performance issues when dealing with large datasets.

Example:
Suppose you have a table called "products," and you want to implement pagination to display 10 products per page.

Inefficient Query (Retrieving All Data):
```sql
SELECT *
FROM products;
-- Then, filter and paginate the data in your application.
```

Efficient Pagination Query (Using OFFSET and LIMIT):
```sql
SELECT *
FROM products
LIMIT 10
OFFSET 0; -- For the first page

-- For the second page:
SELECT *
FROM products
LIMIT 10
OFFSET 10;

-- For the third page:
SELECT *
FROM products
LIMIT 10
OFFSET 20;
```

By using the LIMIT and OFFSET clauses, you can retrieve only the necessary subset of data for each page. This approach is much more efficient than fetching all records and then discarding those you don't need, especially when dealing with large datasets.

Additionally, consider adding an ORDER BY clause to define the sorting order for consistent pagination results.
What are your Goals for the week of Dec 11?
Tags: discuss, motivation, watercooler
Published: 2023-12-11 15:26:03

## What are your goals for this week? 

- Are you building anything you want to talk about? 
- What will be a good result by week's end?
- What events are happening any week? 
  * in person or virtual?
- Any goals for the end of the year?

### Last Week's Goals
 
- [:white_check_mark:] Continue Job Search. 
   * I'll apply and network. 
   * I'll spend time editing resumes, linkedIn, and my personal site.
- [:white_check_mark:] Blog. 
- Project work * Worked on updating resume and social media.
- [:x:] Advent Code Challenges 
- Events
  * [:x:] Thursday Virtual Coffee.
- [:white_check_mark:] Run a weekly Slack thread similar to this post. 
- [:white_check_mark:] LEGO might led to CSS blog. 
- [:x:] Finish the pictures from the end of October.
- [:white_check_mark:] Moved my portfolio site earlier this year. The old site had a WP add on blog that didn't move but is still up since I paid for the year. That expires soon so I need if it can be moved. Should finish this today. My uploads were saved but it appears the actual post weren't. 
I have a couple I'm pulling from the wayback machine others are here.

### This Week's Goals


- Continue Job Search. 
   * I'll apply and network. 
   * Finish editing resumes, linkedIn, and my personal site.
- Blog. 
- Project work
- CSS Sweater build and blog.
- Events
  * Thursday Virtual Coffee.
  * UnGhosted Live on friday. 
- Run a weekly Slack thread similar to this post. 
- Build LEGO might led to CSS blog. 
- Finish the pictures from the end of October.
- Moved my portfolio site earlier this year. The old site had a WP add on blog that didn't move but is still up since I paid for the year. That expires soon so I need if it can be moved. Should finish this today.




### Your Goals for the week

Your turn what do you plan to do this week? 

- Are you building anything you want to talk about? 
- What will be a good result by week's end?
- What events are happening any week? 
  * in person or virtual?
- Any goals for the end of the year?


```html
-$JarvisScript git push
```
Developer хэрэгтэй website - ууд
Published: 2023-12-11 15:23:12



##80.lv
График дизайн тоглоом шинээр энэ салбарт гарж буй технологийн сонирхох боломжтой. Blender unreal engine 3D art үзэж сэтгэлээ сэргээхэд тун тустай. 

## Daily.dev
маш сонирхолтой мэдээ мэдээлэл plugin tools framework мөн Энэ салбарт гарж буй мэдээ мэдээлэлийг унших боломжтой. шинэ таб нээж post уншилгүйгээр short summary уншсаныхаа дараа link-ээр орж бүтэн унших эсэхээ шийдэж болно. Цаг их хэмнэдэг.


##hackertab.dev

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qcwjjdvam27ezrsiku9y.png)

browser extension нээх зовохгүйгээр сүүлийн үеийн технолгийн trend-үүдээс унших мэдлэгээ тэлхэд чинь туслана.

## perplexity.ai

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k5qu2pya7cywi1ffdegd.png)
alternative of ChatGPT ялангуяа судалгаа хийх ямар нэгэн зүйлийн дүгнэлт гаргахад илүүтэй дөхөм.

##futurepedia.io
Орчин үеийн ai tools-ийн толь бичиг 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hgplcquw160y2cjiaikg.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qqjuqk8roxsjl9sbcnd1.png)
An Old-school CRT terminal with Vitepress?!
Tags: vitepress, vue, terminal, retro
Published: 2023-12-11 15:08:58

---
title: An Old-school CRT terminal with Vitepress?!
published: true
description: A vitepress theme with CRT terminal feeling
tags: vitepress, vuejs, terminal, retro
cover_image: https://git.k0r.in/n/k0r.386/raw/branch/main/screenshot2.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-12-11 14:33 +0000
---

## tl;dr
I created a [vitepress](https://vitepress.dev) theme inspired by [crt.no](https://crt.no/) for my new homepage. You can find it on [my git server](https://git.k0r.in/n/k0r.386). The easiest way (for now) to use it is to clone the repository and overwrite the content.

---

My new [homepage](https://koehr.ing) has a terminal interface! It is not complete, yet, but it boosts some nice features already:

## ASCII Art
Page titles are generated with [figlet-ts](https://github.com/figlet-ts/figlet-ts/) with fully configurable font. The theme comes with all fonts from [xero/figlet-fonts](https://github.com/xero/figlet-fonts), which are downloaded on the fly and can be configured globally or per page (or both!).

## Automatic Page Discovery
The theme finds your markdown files and lists them as pages.

## Terminal style interface
There are predefined commands like help (list of available commands), ls (list of pages) and go (go to page), but what is even more useful is that additional commands can be defined in the theme configuration! They can have aliases, links and text to show.

A configured command looks like this:

```ts
{
  command: 'about',
  aliases: ['info', 'whois'],
  help: 'Show information about the author',
  message: 'Norman Köhring is a programmer, hacker and open source enthusiast from Berlin, Germany.',
  uris: [{
    label: 'Berlin',
    uri: 'https://www.openstreetmap.org/#map=12/52.4595/13.5335',
  }, {
    label: 'Homepage',
    uri: 'https://koehr.ing',
  }]
}
```

Its execution would look like:

```sh
$> about
Norman Köhring is a programmer, hacker and open source enthusiast from Berlin, Germany.
$> |
```
With links to "Berlin" and "Homepage" showed in the bottom row, which brings us to...

## Clickable links in the footer
Every page and command can change the links that are shown in the footer. Because the content is otherwise not interactive, no links are possible in the shown text. To not break the look-and-feel of old crt terminals, links are added to the footer bar.


More features are planned. You can find them and the complete readme on my forge: [git.k0r.in/n/k0r.386](https://git.k0r.in/n/k0r.386) or on the [github mirror](https://github.com/nkoehring/k0r.386).
WSL2にGoogle Chromeをインストールする
Tags: googlechrome, wsl2, アドベントカレンダー
Published: 2023-12-11 15:01:00

---
title: WSL2にGoogle Chromeをインストールする
published: true
published_at: "2023-12-12 00:01 +0900"
description: "Ubuntuと同じ手順のはず"
tags: ["GoogleChrome", "WSL2", "アドベントカレンダー"]
---

これは [.ごっ！のアドベントカレンダー](https://adventar.org/calendars/9122) の12日目の記事です。

Microsoftのドキュメントの通りの通りに進めます。

{% embed https://learn.microsoft.com/ja-jp/windows/wsl/tutorials/gui-apps %}

前提としてWSL2が有効になっていることとします。

## インストール

```sh
$ cd /tmp
$ sudo wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
$ sudo dpkg -i google-chrome-stable_current_amd64.deb # 安定したバージョンを取得
$ sudo apt install --fix-broken -y # パッケージを修正
$ sudo dpkg -i google-chrome-stable_current_amd64.deb # パッケージを構成
$ google-chrome --version
Google Chrome 119.0.6045.159
```

起動するときは `google-chrome` コマンドを実行します。

<img width="1233" alt="image.png (564.9 kB)" src="https://img.esa.io/uploads/production/attachments/10836/2023/12/07/43446/f0192133-ec2d-4adf-bbcb-fbb17d624c90.png">

## アップデート

一度削除してから、再度 `wget` で取得してインストールを実行します。

```sh
sudo apt --purge remove google-chrome-stable
```
🎁 Celebrate Christmas with exclusive discounts on Devart database tools!
Tags: mysql, mariadb, oracle, postgressql
Published: 2023-12-11 14:57:39

From December 11, 2023, till January 11, 2024, select your favorite Devart database tools and get them at the discounts of up to 50% per product. 

The special Devart offers include: 
- 15%-50% off dbForge for MySQL – the industry-leading toolset for efficient development, management, and administration of MySQL and MariaDB databases. 
- 20%-50% off dbForge for Oracle – comprehensive tools known for their power and ease of use, tailored for Oracle Database. 
- 20%-30% off dbForge for PostgreSQL – expertly designed solutions to cope with any database challenge related to PostgreSQL and Amazon Redshift. 
- 20% off dbForge Edge – the ultimate solution offering all capabilities to work with major database management systems: SQL Server, MySQL/MariaDB, Oracle, and PostgreSQL. 

Thought of getting dbForge database tools at the right time? The right time is now, and you’ve earned it!  

✅ Choose the tool that catches your eye, apply the promo code at checkout, and get your discount! 
https://www.devart.com/happy-new-year.html 

🎄 We wish you a Merry Christmas and a Happy New Year!
Implement validateRequest Middleware
Tags: middleware, validation, webdev, javascript
Published: 2023-12-11 14:55:42

```js
const validateRequest = (Schema: AnyZodObject) => {
  return async (req: Request, res: Response, next: NextFunction) => {
    //validate

    // Validate
    try {
      await Schema.parseAsync({
        body: req.body,
      });
      next();
    } catch (err) {
      next(err);
    }
  };
};
router.post(
  '/create-student',
  validateRequest(studentValidations.studentValidationSchema),
  userControllers.createStudent,
);
```

```js
const studentValidationSchema = z.object({
  body: z.object({
    password: z.string().min(1),
    student: z.object({
      name: UserNameValidationSchema,
      gender: z.enum(['male', 'female', 'other']),
      dateofBirth: z.string(),
      email: z.string().email(),
      contactNo: z.string().min(1),
      emergenyContractNo: z.string().min(1),
      bloodGroup: z.enum(['A+', 'A-', 'B+', 'B-', 'AB+', 'AB-', 'O+', 'O-']),
      presentAddress: z.string().min(1),
      permanentAddress: z.string().min(1),
      guardian: GurdianValidationSchema,
      localguardin: LocalGuardianValidationSchema,
      profileImg: z.string().optional(),
    }),
  }),
});

```
Ultimate guide to learn Figma.
Published: 2023-12-11 14:36:29

**Introduction** - This video will give you a quick introduction to figma.

[The Figma 2021 Crash Course](https://www.youtube.com/watch?v=Gu1so3pz4bA)

[Figma UI Design Tutorial: Get Started in Just 24 Minutes!
](https://www.youtube.com/watch?v=FTFaQWZBqQ8)

**Web design** - Here you would learn how to design a website from scratch to finish.

[Design a website in Figma](https://youtu.be/xLEviONLj2k?si=IrVuVdEoQcYj9R8S)



**Presentation** - How to present your Figma design.

[How to make figma design and post to dribbble](https://youtu.be/nCkizCd_VD4?si=ssnm-adtUyapINGB&t=1282)


**Mockups** - This is a way of mockuping up device screens 

[How to Create Mockups using Figma Plugins](https://youtu.be/XVbw79i3poc)


**Wireframing** - This is all about the basic representation of a products design 

[UI/UX - Google Career Certificate](https://youtu.be/4t6eHmLAVq0?si=g6ihe2j_avbiItfZ)

[How to use Figma wireframe Kits](https://youtu.be/HAERGqm8x1E?si=CMVypd3oLvZvYATT)

**Figma Websites for resources**

[Uigoodies](uigoodies.com)

[Figma resources](figmaresources.com)

[freebiesUI website](https://freebiesui.com/figma-freebies/iphone-12-pro-mockup/) 


<a href="https://www.buymeacoffee.com/ifeanyichima" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>

**Thank you, Please follow me**

[![HTML](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/ifeanyi-thankgod-chima)&nbsp;[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/masterifeanyi)
엔그록이란 무엇인가요?
Published: 2023-12-11 14:31:31

ngrok은 개발자가 최소한의 노력으로 로컬 개발 서버를 인터넷에 노출할 수 있는 크로스 플랫폼 애플리케이션입니다. 이 소프트웨어를 사용하면 로컬에서 호스팅되는 웹 서버가 ngrok.com의 하위 도메인에서 호스팅되는 것처럼 보이므로 로컬 컴퓨터의 공인 IP나 도메인 이름이 필요하지 않습니다. 역방향 SSH 터널링으로도 비슷한 기능을 구현할 수 있지만, 이 경우 더 많은 설정과 자체 원격 서버 호스팅이 필요합니다.

Ngrok 가격
--------

Ngrok은 새로운 프로젝트를 시작하는 개발자를 위한 무료 요금제를 제공합니다. 무료 티어의 단점은 사용자 정의 도메인을 지원하지 않는다는 것입니다.

응록은 어떻게 작동하나요?
--------------

ngrok은 무작위로 생성된 하위 도메인(예: 3gf892ks.ngrok.com)에서 로컬 컴퓨터로 수명이 긴 [TCP](https://www.pubnub.com/guides/tcp-ip/) 터널을 생성하여 NAT 매핑 및 방화벽 제한을 우회할 수 있습니다.

웹 서버가 수신 대기하는 포트를 지정한 후, ngrok 클라이언트 프로그램이 ngrok 서버에 대한 보안 연결을 시작하면 누구나 고유한 ngrok 터널 주소로 로컬 서버에 요청을 할 수 있습니다. 작동 방식에 대한 자세한 내용은 [ngrok 개발자 가이드에](https://github.com/inconshreveable/ngrok/blob/master/docs/DEVELOPMENT.md) 나와 있습니다.

ngrok 터널링이란 무엇인가요?
------------------

전 세계에서 다양한 터널 서버를 사용할 수 있으며 위치는 다음과 같습니다: 미국(오하이오), 유럽(프랑크푸르트), 아시아(싱가포르), 호주(시드니). 또는 VPS 또는 전용 서버에서 자체 호스팅할 수도 있습니다.

ngrok은 어떻게 사용하나요?
-----------------

기본적으로 ngrok은 [HTTP](https://www.pubnub.com/guides/http/) 및 HTTPS 엔드포인트를 모두 생성하므로 유효한 [SSL/TLS](https://www.pubnub.com/guides/ssl-tls/) 도메인이 필요한 타사 서비스 또는 API와의 통합을 테스트하는 데 유용합니다. 다른 사용 사례로는 클라이언트에게 로컬 데모를 빠르게 보여주고, 모바일 애플리케이션 백엔드를 테스트하고, 가정용 PC에서 개인 클라우드 서비스를 실행하는 것 등이 있습니다.

ngrok의 뛰어난 기능 중 하나는 웹 콘솔을 통해 HTTP 요청을 추적하고 재생하는 기능입니다. 리플레이 기능은 콘솔 UI를 통해 모든 헤더 콘텐츠와 요청/응답 데이터를 한 곳에서 쉽게 검사할 수 있기 때문에 API 호출이나 [웹훅을](https://www.pubnub.com/guides/webhooks/) 테스트할 때 매우 유용합니다.

개발자가 프로덕션 환경에서 사용할 수 있는 프리미엄 버전인 ngrok 링크는 API 자동화 및 자격 증명 관리와 같은 기능을 제공하므로 전문적인 환경에서 원격 IoT 관리에 적합합니다.

응록 보안
-----

**Ngrok은 원격 액세스를 위한 매우 안전한 플랫폼으로 사용하기에 안전합니다**. 위에서 언급한 바와 같이 응록은 터널링 기능을 제공하여 사용자가 기계 외부에서 로컬 호스팅 서버에 액세스할 수 있도록 합니다.

해커들이 응록을 사용하나요?
---------------

응록은 해커들이 사이버 공격에 정기적으로 악용하고 있습니다. 해커들은 보안 프로토콜을 우회하면서 조작할 수 있는 능력과 평판 때문에 엔그록을 선택합니다. 해커들은 가짜 로그인 페이지를 만들거나 악성 URL을 전송할 수 있기 때문에 이를 피싱 공격을 완료하는 방법으로 간주합니다.

리소스
---

-   [Http 스트림 및 Http 데이터](https://www.pubnub.com/guides/what-is-http-streaming/ )
    
-   [Http 3 정보](https://www.pubnub.com/guides/http-3/)
    

PubNub이 어떤 도움을 줄 수 있나요?
=======================

이 문서는 원래 [PubNub.com에](https://pubnub.com/guides/what-is-ngrok/) 게시되었습니다.

저희 플랫폼은 개발자가 웹 앱, 모바일 앱, IoT 기기를 위한 실시간 인터랙티브를 구축, 제공, 관리할 수 있도록 지원합니다.

저희 플랫폼의 기반은 업계에서 가장 크고 확장성이 뛰어난 실시간 에지 메시징 네트워크입니다. 전 세계 15개 이상의 PoP가 8억 명의 월간 활성 사용자를 지원하고 99.999%의 안정성을 제공하므로 중단, 동시 접속자 수 제한, 트래픽 급증으로 인한 지연 시간 문제를 걱정할 필요가 없습니다.

PubNub 체험하기
-----------

[라이브 투어를](https://www.pubnub.com/tour/introduction/) 통해 5분 이내에 모든 PubNub 기반 앱의 필수 개념을 이해하세요.

설정하기
----

PubNub [계정에](https://admin.pubnub.com/signup/) 가입하여 PubNub 키에 무료로 즉시 액세스하세요.

시작하기
----

사용 사례나 [SDK에](https://www.pubnub.com/docs) 관계없이 [PubNub 문서를](https://www.pubnub.com/docs) 통해 바로 시작하고 실행할 수 있습니다.
What problem am I solving?
Published: 2023-12-11 14:26:58

I read a tweet today and started asking myself, What problem am I solving?

Solving other people's problems is the way to be valued. If I want to be highly valued, I should solve problems. The manner in which I solve them doesn't matter too much, whether a problem can be resolved with code or a call doesn't matter at the end of the day. As long as the problem is solved, the result should be the same.
ngrokとは？
Published: 2023-12-11 14:24:21

ngrokは、開発者が最小限の労力でローカルの開発サーバーをインターネットに公開することを可能にするクロスプラットフォームアプリケーションです。このソフトウェアは、ローカルでホストされているウェブサーバーを、ngrok.comのサブドメインでホストされているように見せます。つまり、ローカルマシン上のパブリックIPやドメイン名は必要ありません。同様の機能は逆 SSH トンネリングでも実現できますが、この場合、より多くのセットアップと独自のリモートサーバーのホスティングが必要になります。

Ngrokの価格
--------

Ngrokには、新しいプロジェクトを立ち上げる開発者向けの無料価格層がある。無料層の欠点は、カスタムドメインのサポートがないことです。

ngrokの仕組み
---------

ngrokは、ngrok.comのランダムに生成されたサブドメイン（例：3gf892ks.ngrok.com）からローカルマシンに長寿命の[TCP](https://www.pubnub.com/guides/tcp-ip/)トンネルを作成することで、NATマッピングとファイアウォールの制限をバイパスすることができます。

ウェブ・サーバーがリッスンするポートを指定した後、ngrokクライアント・プログラムがngrokサーバーへの安全な接続を開始し、誰でも一意のngrokトンネル・アドレスでローカル・サーバーにリクエストできるようになります。[ngrok developer's guide](https://github.com/inconshreveable/ngrok/blob/master/docs/DEVELOPMENT.md) には、その仕組みについてのより詳細な情報が記載されています。

ngrok トンネリングとは何ですか？
-------------------

世界中に様々なトンネルサーバーがあり、場所は以下の通りです：米国（オハイオ州）、欧州（フランクフルト）、アジア（シンガポール）、オーストラリア（シドニー）です。また、ngrokサーバーソフトウェアは、VPSまたは専用サーバー上でセルフホストすることもできます。

ngrokの使用方法
----------

デフォルトでは、ngrokは[HTTPと](https://www.pubnub.com/guides/http/)HTTPSの両方のエンドポイントを作成するので、有効な[SSL/TLS](https://www.pubnub.com/guides/ssl-tls/)ドメインを必要とするサードパーティサービスやAPIとの統合をテストするのに便利です。その他の使用例としては、クライアントへのローカルデモの迅速な公開、モバイル・アプリケーションのバックエンドのテスト、自宅のPCからのパーソナル・クラウド・サービスの実行などがある。

ngrokの素晴らしい機能の1つは、ngrokのウェブコンソールを介してHTTPリクエストを追跡して再生する機能です。この再生機能は、APIコールや[Webhookを](https://www.pubnub.com/guides/webhooks/)テストする際に非常に便利で、コンソールUIを介して、すべてのヘッダーコンテンツとリクエスト/レスポンスデータを一箇所で簡単に検査することができる。

ngrokのプレミアムバージョンであるngrok linkは、開発者が本番環境で使用するために用意されており、APIの自動化やクレデンシャル管理などの機能を提供し、プロフェッショナルな環境でのリモートIoT管理に適している。

Ngrokのセキュリティ
------------

**Ngrokはリモートアクセスのための安全性の高いプラットフォームであり、安全に使用**できる。Ngrokは前述のようにトンネリングを提供し、ユーザーはマシンの外からローカルにホストされたサーバーにアクセスすることができる。

ハッカーはngrokを使っていますか？
-------------------

ngrokは定期的にハッカーによってサイバー攻撃に悪用されています。ハッカーがngrokを選ぶのは、セキュリティ・プロトコルを迂回しながら操作できるその能力と評判のためだ。彼らは、偽のログインページを作成したり、悪意のあるURLを配信したりすることができるため、これをフィッシング攻撃を完了する方法と見なします。

リソース
----

-   [HttpストリームとHttpデータ](https://www.pubnub.com/guides/what-is-http-streaming/ )
    
-   [Http 3情報](https://www.pubnub.com/guides/http-3/)
    

PubNubはどのようにお役に立ちますか？
=====================

この記事は[PubNub.comに](https://pubnub.com/guides/what-is-ngrok/)掲載されたものです。

PubNubのプラットフォームは、開発者がWebアプリ、モバイルアプリ、IoTデバイス向けにリアルタイムのインタラクティブ機能を構築、提供、管理できるように支援します。

私たちのプラットフォームの基盤は、業界最大かつ最もスケーラブルなリアルタイムエッジメッセージングネットワークです。世界15か所以上で8億人の月間アクティブユーザーをサポートし、99.999%の信頼性を誇るため、停電や同時実行数の制限、トラフィックの急増による遅延の問題を心配する必要はありません。

PubNubを体験
---------

[ライブツアーを](https://www.pubnub.com/tour/introduction/)チェックして、5分以内にすべてのPubNub搭載アプリの背後にある本質的な概念を理解する

セットアップ
------

[PubNubアカウントに](https://admin.pubnub.com/signup/)サインアップすると、PubNubキーに無料ですぐにアクセスできます。

始める
---

[PubNubのドキュメントは](https://www.pubnub.com/docs)、ユースケースや[SDKに](https://www.pubnub.com/docs)関係なく、あなたを立ち上げ、実行することができます。
Chunked Server side Streaming NodeJs
Tags: node, stream, javascript, webdev
Published: 2023-12-11 13:43:54

Following is the code for implementing live streaming by server side chunking in nodeJs, the chunk size mentioned here is of 1MB.

app.js
```js
const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.sendFile(__dirname+"/index.html");
});


app.get('/video', (req, res) => {
    const range = req.headers.range;
    if(!range)
    {
        res.status(400).send('Require range header');
    }

    const videoPath = "./HoistingJavaScript.mp4";
    const videoSize = fs.statSync(videoPath).size;
    // console.log(videoSize);

    const chunkSize = 10**6; //10^6, O/p: 1000000
    const start = Number(range.replace(/\D/g, "")); // \D to replace all non-digit characters with an empty string
    const end = Math.min(start + chunkSize, videoSize-1);
    const contentLength = end - start + 1;
    const headers = {
        "Content-Range": `bytes ${start}-${end}/${videoSize}`,
        "Accept-Ranges": 'bytes',
        "Content-Length": contentLength,
        "Content-Type": "video/mp4"
    };

    res.writeHead(206, headers);//partial data 206

    const videoStream = fs.createReadStream(videoPath, {
        start, end
    });

    videoStream.pipe(res);
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

```

index.html
```html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Chunking Streaming</title>
</head>
<body>
    <h1>Header</h1>

    <video id="vidPlr" width="50%" controls>
        <source src="/video" type="video/mp4">
    </video>
</body>
</html>
```
Probleme boite à dialogue avec react headless ui
Published: 2023-12-11 14:22:39

Bonjour dans le code que je vais partager j'ai une boite à dialogue qui affiche un formulaire mais j'ai deux probleme j'arrive pas à agrandir la boite pour que le form soit lisible et secondo  dés que je clic la boite se ferme 
need help please