yano3nora

Overview

https://docs.github.com/ja/authentication/connecting-to-github-with-ssh/managing-deploy-keys

• 単一 repo の read only 権限だけをもたせた ssh key 登録ができるやつ
• github repo の settings から deploy keys の登録設定ができる
• ci の組み込みから、本番 ec2 に ssh で入って git で deploy するようなレガシー環境に

# ec2 内などで鍵作成

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 [email protected]:~/path/to/src ~/path/to/dist

# local の ~/path/to/src を ec2 の ~/path/to/dist へ
$ scp -i "CREDENTIAL.pem" -r ~/path/to/src [email protected]:~/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'