KenjiMorita kenmori

create container

container名 postgre password test

docker run -d --name postgre -e POSTGRES_PASSWORD=test -p 5432:5432 postgres

login as super user

enum(列挙型) vs const enum(定数列挙型)の違い

ref

To avoid paying the cost of extra generated code and additional indirection when accessing enum values,

it’s possible to use const enums.

Define the const enums in typescript as like below:

Heterogeneous enums in typescript

playground

enum Employees {
    Name = 'kenji',
    company='Omajime',
 EmpID = 111

Element implicitly has an 'any' type because expression of type 'number' can't be used to index type '{ 1: boolean;

  const [checkState, setCheck] = useState<LocalState>({
    0: false, 1: false, 2: false, 3: false, 4: false, 5: false, 6: false, 7: false, 8: false, 9: false }); // TODO initalStateとしてServerから渡ってきた値にする
  const handleChangePage = useCallback(() => {
    // TODO: do api reqest AppDataTable から渡す？
  }, []);

 const handleChangeRowsPerPage = useCallback(() =&gt; {

JSX props should not use arrow functions

react-router-navigation-prompt

./src/components/FormDragAndDropArea/index.tsx
  Line 61:  JSX props should not use arrow functions  react/jsx-no-bind

Error is here!!

TypeScript 練習問題集(Practice TypeScript and Playground) latest update(2020/9/21)

TypeScript and Playground練習問題集更新情報

WIP

おすすめ！Macを新調した際の開発環境構築

今後、Macを変えなくてはいけない、もしくは業務用で支給された場合に新たに設定をしなくてはならない場合どこかに環境構築順を書き留めておいて順番にやるように書いたもの。手順書。

※言わずもがなですが、業務で支給されたMacを使う場合セキュリティや会社規則にお気をつけくださいね。

import React, { useState, useCallback } from "react";

import {
  ExpansionPanel,
  ExpansionPanelSummary,
  ExpansionPanelDetails,
 Typography,

implements to run mutation with subscription Data when messages was published in updateQueryCallback

  useEffect(() => {
    const updateQueryCallBack = (prev, arg) => {
      if (arg.subscriptionData.data.messagePublished.id === prev.messages.nodes[0].id) return prev;
      const obj = {
        messages: {
          nodes: [arg.subscriptionData.data.messagePublished, ...prev.messages.nodes],
 __typename: 'MessageConnection',

	```js
	import * as React from "react";

	import {
	ExpansionPanel,
	ExpansionPanelSummary,
	ExpansionPanelDetails,
	Typography,
	} from "@material-ui/core";
	import { ExpandMore as ExpandMoreIcon } from "@material-ui/icons";