Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

KenjiMorita kenmori

🏠
Working from home
View GitHub Profile
@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の相性が悪いことのような気がしています

facebook/react#14250 (comment)

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

@kenmori
kenmori / 【Jest x redux-thunk x TypeScript】test example.md
Last active Feb 29, 2020
これ。【Jest x redux-thunk x GraphQL x TypeScript】test example
View 【Jest x redux-thunk x TypeScript】test example.md

【Jest x redux-thunk x TypeScript】 test example

I was looking for an example. Just a little less,

so leave what you actually wrote.

This is different from the official.

@kenmori
kenmori / JavaScriptを学びたての方に向けた「JavaScriptの課題」.md
Last active Jan 25, 2021
JavaScriptを学びたての方に向けた「JavaScriptの課題」
View JavaScriptを学びたての方に向けた「JavaScriptの課題」.md

JavaScriptを学びたての方に向けた「JavaScriptが使えるようになる課題」

WIP

  • リアルな現場で使うもの

DOM操作

API通信

@kenmori
kenmori / cloudSettings
Last active Nov 16, 2021
【急に....!!解決する方法(画像付き)】 Please make sure you have the correct access rights and the repository exists.
View cloudSettings
{"lastUpload":"2021-11-16T15:49:01.907Z","extensionVersion":"v3.4.3"}
@kenmori
kenmori / Create an object from an array with multiple ids, using the id as a key and knowing how many identical ids each have.md
Last active Feb 8, 2022
Create an object from an array with multiple ids, using the id as a key and knowing how many identical ids each have
View Create an object from an array with multiple ids, using the id as a key and knowing how many identical ids each have.md

Create an object from an array with multiple ids, using the id as a key and knowing how many identical ids each have

function createOrder(organization: TreeOrganization, valueId: number): number {
    return organization.values
        .map(o => o.parentId)
        .reduce((a, c) => {
 return a[`${c}`] === undefined