技術ブログを書いていることをアフェリエイト目的とか、PV目的だとか言われた時に。
一見完璧に聞こえるけど、どう考えたって上手く回らない開発プロセスの説明を受けた時に。
ようやく理解できた時に。
import { useMediaQuery } from "./useMediaQuery" | |
const breakpoints = { | |
sm: 640, | |
md: 768, | |
lg: 1024, | |
xl: 1280, | |
"2xl": 1536, | |
} | |
type BreakpointKey = keyof typeof breakpoints |
function getUsers() { | |
const appProps = PropertiesService.getDocumentProperties() | |
const usersStr = appProps.getProperty('users') | |
const users = JSON.parse(usersStr) | |
return users | |
} | |
function setUsers(users) { | |
const appProps = PropertiesService.getDocumentProperties() | |
appProps.setProperty('users', JSON.stringify(users)) |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<style> | |
body { | |
margin: auto; |
import React from 'react'; | |
// Source: https://github.com/emotion-js/emotion/blob/master/packages/styled-base/types/helper.d.ts | |
type PropsOf< | |
// eslint-disable-next-line @typescript-eslint/no-explicit-any | |
E extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any> | |
> = JSX.LibraryManagedAttributes<E, React.ComponentPropsWithRef<E>>; | |
export interface BoxOwnProps<E extends React.ElementType = React.ElementType> { | |
as?: E; |
これは私が支援先に提供した、1 on 1 に関するノウハウや、思いを述べたドキュメントを元にしています。企業の枠を超えて共有したいことが多いので、ここに貼ります。
<!DOCTYPE html> | |
<div> | |
<input type="color" id="color"> | |
<input id="text"> | |
<button id="wac">Write & Copy</button> | |
</div> | |
<div> | |
<canvas id="canvas" width=400 height=40 style="border: 1px solid silver"></canvas> | |
</div> | |
<script> |
Fish is a smart and user-friendly command line (like bash or zsh). This is how you can instal Fish on MacOS and make your default shell.
Note that you need the https://brew.sh/ package manager installed on your machine.
brew install fish