Skip to content

Instantly share code, notes, and snippets.

View kenmori's full-sized avatar

KenjiMorita kenmori

View GitHub Profile
@kenmori
kenmori / [npm libaray] copy-name-manager (「ファイル名のコピー」採番) JavaScript-TypeScript.md
Created September 3, 2024 13:20
[npm libaray] copy-name-manager ファイル名のコピー採番 JavaScript-TypeScript

[npm libaray] copy-name-manager (「ファイル名のコピー」採番) JavaScript/TypeScript

copy-name-managerをリリースしました

npm libaray 「copy-name-manager」

A versatile JavaScript/TypeScript library for managing and generating sequentially named copies with customizable naming patterns. Perfect for applications requiring dynamic duplication and renaming.
@kenmori
kenmori / viteがなぜESBuildとrollupを使うのか等.md
Last active February 23, 2023 12:12
viteがなぜESBuildとrollupを使うのか等.md

viteがなぜESBuildとrollupを使うのか等.md

※この記事はWIPです。また単なる調査した結果なのでこれをきっかけにご自身で調査することをお勧めします

rollupとviteの関係をまとめる

viteはdev build時にESBuildを使っている

viteはproduction build時にrollupを使っている

@kenmori
kenmori / typed DnDDroppable, DnDDraggable DnDDragDropContext, hack by styled-components.md
Last active February 7, 2023 12:39
typed DnDDroppable, DnDDraggable DnDDragDropContext, hack by styled-components

TypeScript x DnD.Droppable x DnD.Draggable x DnD.DragDropContext, hack by styled-components

If you get a type error from react-beautiful-dnd and have to fix it when you raise it to React18, you can solve it by wrapping it in styled-components and typedefing it.

const LibButton = styled(Lib.Button)<{children: React.ReactNode}>''

const DnDDroppable = styled(DnD.Droppable)<{children: (provided: DnD.Droppable Provided, snapshot:DnD.DroppableStateSnapshot) => React.ReactElement<HTMLElement, string | React.JSXElementConstructor<any>>}>''

const DnDDraggable = styled(DnD.Draggable)&lt;{index: number, draggableld: string, children: (provided: DnD.DraggableProvided, snapshot: DnD.DraggableStateSnapshot) =&gt; React. ReactElement&gt;}&gt;''
@kenmori
kenmori / 基調講演をする技術.md
Last active November 20, 2022 01:25
基調講演をする技術

基調講演をする技術

この記事の著者

株式会社TerraceTech 森田賢二

この記事の目的

先日基調講演をした経験から本番に向けてどのように考えていたか、行動していたか、メンタル面の管理はどうしていたか、等、次にはさらに良くなるように記録しておく

@kenmori
kenmori / Least Common Multiple.md
Last active August 22, 2022 14:25
Least Common Multiple
  • 最小公倍数(lcm)は二つの数を掛けて最大公約数(gcd)で割る
// 最小公倍数
let lcm = function () {
  let args = [...arguments]
  if(args.length === 0) return 1
  if(args.filter(e => e !== 0).length === 0) return 0
  return args.reduce((a, c, i) => {
 return (a * c) / gcd(a, c)
@kenmori
kenmori / react-router-domv5tov6.md
Last active November 19, 2021 13:04
[解決] react-router-dom v5 to v6 移行に伴いやること

[解決] react-router-dom v5 to v6 移行に伴いやること

※こちらはメモ書き程度の殴り書き記事です

author

upgrade-to-react-router-v6

index

  • connected-react-routerを使っている場合修正(error TypeError: Cannot read properties of undefined (reading 'pathname') at Router (index.js:194))
@kenmori
kenmori / jest-example.md
Last active August 1, 2021 14:21
answer

jest

import { add, addString, toNumber, filterOrange } from "./index";

it('adds 1 + 2 to equal 3', () => {
  expect(add(1, 2)).toBe(3);
});
"use strict";

const modal = document.getElementById("js-modal");
const modalWrapper = document.getElementById("js-modalWrapper");
const checkbox = document.getElementById("js-checkbox");
const closeButton = document.getElementById("js-close");

const form = document.getElementById("js-form");
const term = document.getElementById("js-term");
@kenmori
kenmori / Win-nvm.md
Created May 30, 2021 01:59
Windowsとnvm

ref

Windows 10 Fall Creators Update - Installing Node.js on Windows Subsystem for Linux (WSL)

Windows just released the windows subsystem for linux feature to the public with its latest windows fall creator update, if you are not familiar with this feature it allows you to run linux binaries natively on windows - F.A.Q.

Enabling WSL

The feature is not enabled by default and you need to activate it, you can do it via powershell (with admin rights):

@kenmori
kenmori / Win-nvm-md
Created May 30, 2021 01:59
Windowsと
[ref](https://gist.github.com/noygal/6b7b1796a92d70e24e35f94b53722219)
# Windows 10 Fall Creators Update - Installing Node.js on Windows Subsystem for Linux (WSL)
Windows just released the [windows subsystem for linux](https://msdn.microsoft.com/en-us/commandline/wsl/about) feature to the public with its latest windows fall creator update, if you are not familiar with this feature it allows you to run linux binaries natively on windows - [F.A.Q](https://msdn.microsoft.com/en-us/commandline/wsl/faq).
## Enabling WSL
The feature is not enabled by default and you need to activate it, you can do it via powershell (with admin rights):