hrdtbs

type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never
type LastOf<T> = UnionToIntersection<T extends any ? () => T : never> extends () => infer R ? R : never
type Tuplify<Union, Flag = [Union] extends [never] ? true : false, Last = LastOf<Union>> = true extends Flag
    ? []
    : [...Tuplify<Exclude<Union, Last>>, Last]

hrdtbs

実装パターンとして３つ候補がある

1. type=dateを用いる
2. 入力毎に値を決まった形式にfixしていく
3. 年・月・日でInputを区切る

他にもあれば追記

---

hrdtbs

拝啓

ユーザーの皆様にはいつもお力添えをしていただき、誠にありがとうございます。

最新のiOS 14及びiPadOSにつきましては、動作の保証をいたしかねる状況です。
OSのアップデートを行われた場合、起動できない、正常に動作しないなどの問題が発生する可能性がございます。
また、OSのアップデートを行われますと、お問い合わせいただきましてもサポートいたしかねる場合がございます。
iOS 14及びiPadOSへの正式な対応につきましては、今後のアプリアップデートでの実施を予定しております。

ユーザーの皆様にはご不便をおかけし、大変申し訳ございませんが、

hrdtbs

name: after vercel
on: deployment_status
jobs:
  build:
    if: github.event.deployment_status.state == 'success'
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: hoge
        uses: hoge-action

hrdtbs

https://code.visualstudio.com/docs/languages/json#_json-schemas-and-settings

https://this.aereal.org/entry/2019/11/29/144812

renovatebot/renovate#5411 (comment)

hrdtbs

interface ChooseFileSystemEntriesOptionsAccepts {
  description?: string;
  mimeTypes?: string[];
  extensions?: string[];
}

interface ChooseFileSystemEntriesOptions {
  type?: 'openFile' | 'saveFile' | 'openDirectory';
  multiple?: boolean;
  accepts?: ChooseFileSystemEntriesOptionsAccepts[];

hrdtbs

/** @jsx jsx */
import { css, jsx, keyframes } from "@emotion/core"
import React, { useCallback, useEffect, useRef, useState } from "react"

export const skeletonKeyframes = keyframes`
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;

hrdtbs

interface SpeechRecognitionErrorEvent {
    readonly message: string
    readonly error:
        | "no-speech"
        | "aborted"
        | "audio-capture"
        | "network"
        | "not-allowed"
        | "service-not-allowed"
        | "bad-grammar"

hrdtbs

import { DocumentContext } from "next/document"
import React from "react"

const Page = () => {
    return null
}

const Location = "hoge"

export const getServerSideProps = async (ctx: DocumentContext) => {

hrdtbs

DOM操作はブラウザの負担になる？

• DOM操作後に行われるレイアウト処理が重く時間がかかる場合がある
  • DOM操作自体は大して重くない
• レイアウトの強制同期により著しくパフォーマンスが低下する場合がある
  • DOM操作などの実行中にレイアウト処理が何度も走りパフォーマンスが低下する
  • DOM操作後にレイアウト情報を参照するようなコードを書いていると,最新のレイアウト情報を参照しようとして起きる
    • 再レンダリング後に呼び出されるrequestAnimationFrameを使ったり、DOM操作前にレイアウト情報を参照するようなコードを書く
• offsetLeft, getBoundingClientRect(), scrollTo(), scrollTop, focus(), select(), window.getComputedStyle()辺り