yano3nora

Overview

https://kingsora.github.io/OverlayScrollbars/
https://github.com/KingSora/OverlayScrollbars

• 要素内 scroll において windows でも mac みたいな scrollbar 出すやつ
• perfect-scrollbar や simplebar-react からの乗り換え
• react 向け readme は https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react

Usage

yano3nora

Overview

https://sqids.org/javascript
https://github.com/sqids/sqids-javascript

数値の組み合わせから一意の識別子を生成し sns サービスの url みたいな運用するやつ。

$ npm i sqids

yano3nora

Overview

https://react-hook-form.com/
https://github.com/react-hook-form/react-hook-form

• 2025.02 時点で、ほぼデファクトな react form library
• document 豊富で typescript built-in かつ zod resolver も公式提供されてる
• TanStack/form v1 出るまでこれ一択か

Usage

• https://react-hook-form.com/get-started

yano3nora

Overview

https://icones.js.org/

• react-icons は nextjs の dev build と相性悪い
  • react-icons/react-icons#786
  • どうも特定の icon set が tree shaking 対応してなくて build 遅くするぽい
• 最近の ui library 同様に必要な分だけ code コピペして導入するのがよさそう
• で icones で icon 検索 => react component としての書き出しが楽そうだった

Utility Links

yano3nora

Overview

• aws profile 切り替えどうしよう問題
• https://github.com/johnnyopao/awsp は更新されてない & crash するので ng
• alias x fzf で直接 $AWS_PROFILE 書き換えが一旦よさそう

https://zenn.dev/ryu022304/scraps/1a702c7a1edfa0

# https://github.com/junegunn/fzf?tab=readme-ov-file#using-homebrew
$ brew install fzf

yano3nora

https://qiita.com/katsukii/items/225cd3de6d3d06a9abcb

# CREDENTIAL.pem 鍵で ec2-user ユーザで xxx ホスト (ec2) に ssh login して
# ~/path/to/src ファイルをローカルの ~/path/to/dist に落としてくる
$ scp -i "CREDENTIAL.pem" -r ec2-user@xxx.ap-northeast-1.compute.amazonaws.com:~/path/to/src ~/path/to/dist

# local の ~/path/to/src を ec2 の ~/path/to/dist へ
$ scp -i "CREDENTIAL.pem" -r ~/path/to/src ec2-user@xxxx.ap-northeast-1.compute.amazonaws.com:~/path/to/dist

yano3nora

kuromojin

https://github.com/azu/kuromojin

yano3nora

Overview

https://github.com/ryu1kn/csv-writer

• node 環境で csv write したいときのやつ
• nextjs (express) の response と組み合わせて streaming 返却で利用した

$ npm i csv-writer

yano3nora

Overview

https://plotly.com/javascript/react/

$ npm i react-plotly.js plotly.js
$ npm i -D @types/react-plotly.js

import React from 'react'

yano3nora

qrcode.react

https://github.com/zpao/qrcode.react

$ npm i qrcode.react

import { QRCodeSVG } from 'qrcode.react'