Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
I may be slow to respond.

hrdtbs hrdtbs

🎯
I may be slow to respond.
View GitHub Profile
View LocaleDateOptions.d.ts
interface LocaleDateOptions {
/**
* The locale matching algorithm to use.
* Possible values are "lookup" and "best fit"; the default is "best fit".
* @default "best fit"
*/
localeMatcher?: "lookup" | "best fit"
/**
* The representation of the weekday.
*/
@hrdtbs
hrdtbs / answer.md
Last active Nov 1, 2021
Dependabot doesn't see GitHub actions secrets
View answer.md
@hrdtbs
hrdtbs / package.json
Last active May 16, 2021
electron, typescript, react
View package.json
const createWindow = () => {
window = new BrowserWindow({
title: app.name,
width: 1024,
height: 640,
transparent: true,
frame: false,
webPreferences: {
worldSafeExecuteJavaScript: false,
nodeIntegration: true,
@hrdtbs
hrdtbs / storybook_preview.js
Created Apr 16, 2021
How to mock Next.js image component & Next.js link component in Storybook
View storybook_preview.js
import * as NextImage from "next/image"
const OriginalNextImage = NextImage.default
Object.defineProperty(NextImage, "default", {
configurable: true,
value: props => <OriginalNextImage {...props} unoptimized />
})
import * as NextLink from "next/link"
@hrdtbs
hrdtbs / pure-css-responsive-hover-effect.css
Created Mar 10, 2021
hover effectをmobile(ホバーすることができる入力メカニズムがある端末)でのみactiveに置き換えるCSS
View pure-css-responsive-hover-effect.css
@media (any-hover: hover) {
&:hover {
background-color: red;
}
}
@media not all and (any-hover: hover) {
&:active {
background-color: red;
}
}
View tuplify-union.ts
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
hrdtbs / 生年月日のInputについて-202009.md
Last active Sep 26, 2020
生年月日のInputの実装パターンについて(2020/09時点)
View 生年月日のInputについて-202009.md

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

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

他にもあれば追記


View iOS 14及びiPadOSへの対応.txt
拝啓
ユーザーの皆様にはいつもお力添えをしていただき、誠にありがとうございます。
最新のiOS 14及びiPadOSにつきましては、動作の保証をいたしかねる状況です。
OSのアップデートを行われた場合、起動できない、正常に動作しないなどの問題が発生する可能性がございます。
また、OSのアップデートを行われますと、お問い合わせいただきましてもサポートいたしかねる場合がございます。
iOS 14及びiPadOSへの正式な対応につきましては、今後のアプリアップデートでの実施を予定しております。
ユーザーの皆様にはご不便をおかけし、大変申し訳ございませんが、
@hrdtbs
hrdtbs / after-vercel.yml
Last active Sep 16, 2020
GithubActions run after Deploying on Vercel
View after-vercel.yml
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