kenmori

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

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

rollupとviteの関係をまとめる

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

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

kenmori

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

基調講演をする技術

この記事の著者

株式会社TerraceTech 森田賢二

この記事の目的

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

kenmori

• 最小公倍数(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

[解決] react-router-dom v５ 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

jest

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

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

kenmori

"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

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

[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):

kenmori

1.optionalな部分を抜く「-?」

こちらの問題

から一人の答え をみて、

調べた先で

疑問に思ったこと