kenmori

【解決】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

vim

移動してみる

• jjj

• kkk

kenmori

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

ルーティン整理

毎日

• プロダクト制作 -> commit
• ブログ更新・運用(1記事30分)
• タイピング練習 (PC立ち上げ毎)
• 英語記事読書 (1記事)
• プログラミング学習

kenmori

【あれ？急にできなくなった？！google consoleからインデックスできなくなった方へ】indexAPIを使って送信する方法

https://developers.google.com/search/apis/indexing-api/v3/prereqs

WIP

kenmori

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

【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

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

WIP

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

DOM操作

API通信

kenmori

{"lastUpload":"2021-11-16T15:49:01.907Z","extensionVersion":"v3.4.3"}

kenmori

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