yano3nora

kuromojin

https://github.com/azu/kuromojin

yano3nora

Overview

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

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

Examples

API

import type { NextApiRequest, NextApiResponse } from 'next'

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'

yano3nora

Overview

https://github.com/josdejong/mathjs
https://mathjs.org/

$ npm i mathjs

import { mean } from 'mathjs'

yano3nora

react-svg

https://github.com/tanem/react-svg

• svg ファイルを react component として使えるやつ
• afterInjection から描画後の node 操作が可能
• src の svg ファイルから width, height を読み取って viewBox 指定までやってくれるので、中に svg やら html (foreign object) やら nest してやれば resize 時に全体がよき感じに縮尺される

$ npm i react-svg

yano3nora

import Phaser from 'phaser'
import { ReactNode, useEffect, useRef, useState } from 'react'
import { createPortal } from 'react-dom'

const PHASER_CONFIG = { /* ... */ }

const WIDTH = 1920 / 2
const HEIGHT = 1080 / 2
const LEFT = (screen.width - WIDTH) / 2
const TOP = (screen.height - HEIGHT) / 2

yano3nora

Overview

rmariuzzo/react-new-window - github.com
Storybook

• react で open window するやつ
• createPortal を使っているらしい
  • https://david-gilbertson.medium.com/using-a-react-16-portal-to-do-something-cool-2a2d627b0202

Getting Started

yano3nora

/**
 * @link https://parashuto.com/rriver/development/img-size-attributes-are-back
 */

import { Image } from '@chakra-ui/react'

export const myComponent = () => (
  // chakra image には元々 max-width: 100%; height: auto があたってる
  <Image
    src={'/some-large-image.png'}

yano3nora

Overview

rye-up.com
mitsuhiko/rye - github.com

• flask 作者の all in one な python の package manager
• pyenv 的な python 自体の version 管理も機能として含んでる
• まだ実験的なリリースだが、かなり使用感はよく、本番利用も全然イケそうに見える
• venv + pip-tools を裏手で動かして、project ごとの python 仮想環境を透過的に管理するイメージ

Getting Started