この記事は Recruit Engineers Advent Calendar 2019 の 23日目の記事です。 TypeScript のプロジェクトで React コンポーネントを書いていると、コンパイラに怒られることがたびたびあります。ネット上にあるサンプルコンポーネントが JavaScript で書かれていると、プロジェクトにもってきたときにコンパイルできないということはよくあるんじゃないでしょうか。any でコンパイラを黙らせることもできますが、せっかく TypeScript を使っているので、安全に解決したいよねってことでこのような記事を書きました。 型定義は @types/react@16.9.17 にしたがっています。目次をみて、この程度のことはもう知っているよという方は react-typescript-cheatsheet をみてください。React + TypeScr

神は万物にアフォーダンスを与え、 悪魔は人にシグニファイアを与えた。 ※この記事は SmartHR Advent Calendar 2019 24日目の記事です。 あ゛〜が〜ぞ〜だ〜い゛〜も゛〜ん゛〜（挨拶） SmartHR デザイナーのおうじです。 生まれたときから顔面白塗り、手足は鋲だらけなのでこの時期になると身体が粟立ちます。 アドベントカレンダー。ブラックメタルの本場ノルウェー風に言うとユール・カレンダー（Julekalender）、にはこれまでとんと縁がなかったのですが、会社の好意でサタニストの私が参加させてもらうことになりました。 SmartHR はとてもオープンでサタニックな会社ですね。 ちょうど先日は同僚のデザイナーが UI デザインにおける構造・設計の話を書いていたので、この記事ではそのあとの工程、表層を表現するにあたっての精神論を悪魔的に書ければと思います。 UI デザ