Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

KenjiMorita kenmori

🏠
Working from home
View GitHub Profile
View example.js
class Store {
status = ""
cycleCount = 0;
count = 0;
constructor(status){
this.status = status
this.cycleCount = 3;
this.count = 1;
}
@kenmori
kenmori / rust_practice.md
Last active Mar 24, 2021
【WIP】Rust練習問題集(Rust practice questions)
View rust_practice.md

【WIP】Rust練習問題集(Rust practice questions)

Author

読み進めるにあたって

- 問題文はfn main{}の中のコンテキストとする
@kenmori
kenmori / React Hooks-modules-for-reload-and-tab close which react-router prompt cannot support.md
Last active Apr 18, 2020
【React Hooks】modules for reload and tab close which react-router prompt cannot support
View React Hooks-modules-for-reload-and-tab close which react-router prompt cannot support.md

【React Hooks】 modules for reload and tab close which react-router prompt cannot support

react-routerのPromptではreloadとtabクローズに対応できなさそうなので作った

isDuty ・・・A flag that determines if the user has edited the value of the form. got from formik etc.

// in /modules/useUnloadEffect
@kenmori
kenmori / 【簡単!!】swaggerモックサーバーをローカルに立ち上げて、データ作って叩きたい.md
Created Apr 4, 2020
【簡単!!】swaggerモックサーバーをローカルに立ち上げて、データ作って叩きたい
View 【簡単!!】swaggerモックサーバーをローカルに立ち上げて、データ作って叩きたい.md
global.fetch = require("node-fetch")

async function getApi(id){
  try {
  const response = await fetch(`https://petstore.swagger.io/v2/pet/${id}`, {
    method: "GET",
    mode: "cors",
    credentials: "include",
    headers: {
@kenmori
kenmori / exif.md
Last active Mar 27, 2020
【解決】[Solution] Support for tilting 90 degrees when uploading an iPhone image file(iPhoneの画像ファイル(File)をアップロードすると横向きに(90度回転)傾く対応)
View exif.md

【解決】iPhoneの画像ファイル(File)をアップロードすると横向きに(90度回転)傾く対応)

Upload the iPhone image file (File) to tilt horizontally (rotate 90 degrees) ~ iPhoneの画像ファイル(File)をアップロードした際に90度傾く対応) ~

フロントエンドでEXIFという画像のメタデータ内のOrientationの値を考慮して処理しないとそうなる。

よくある記事はimageのnodeに突っ込んでプレビューに出すみたいなのは多いのだけれど、 そうではなく、File型としてセットしたい時の方法。 callback関数を渡して、そこに処理させる

@kenmori
kenmori / 初めてvimを触る方へのハンズオン資料.md
Last active Mar 6, 2020
初めてvimを触る方へのハンズオン資料
View 書き殴り.md
type N<T> = { name: T }

type E<T,> = T extends { [key in string]: infer I } ? { name: I } : never

type F<T> = T extends { [key in string]: infer I } ? I : never

const b: F<E<N<number>>> = 5
@kenmori
kenmori / もりたけんじのルーティン整理.md
Last active Mar 4, 2020
もりたけんじのルーティン整理
View もりたけんじのルーティン整理.md

ルーティン整理

毎日

  • プロダクト制作 -> commit
  • ブログ更新・運用(1記事30分)
  • タイピング練習 (PC立ち上げ毎)
  • 英語記事読書 (1記事)
  • プログラミング学習
@kenmori
kenmori / 【google consoleからインデックスできなくなった方へ】indexAPIを使って送信する方法.md
Last active Feb 29, 2020
【あれ?急にできなくなった?!google consoleからインデックスできなくなった方へ】indexAPIを使って送信する方法
View 【google consoleからインデックスできなくなった方へ】indexAPIを使って送信する方法.md
@kenmori
kenmori / Rendered fewer hooks than expected. This may be caused by an accidental early return statement.md
Last active Jul 15, 2020
Rendered fewer hooks than expected. This may be caused by an accidental early return statement.
View Rendered fewer hooks than expected. This may be caused by an accidental early return statement.md

Rendered fewer hooks than expected. This may be caused by an accidental early return statement.

これがでたあなた。 恐らく 原因はmapで回すrender関数とHooksの相性が悪いことのような気がしています

https://github.com/facebook/react/issues/14250#issuecomment-439651551

JSX内で関数を使うと、その中ではHooksは使えません。