- 2020年8月24日
【TypeScript】配列を filter で変換する時の型定義のテンプレ
配列に filter をかけて必要な値を持っている要素を抜き出すのはよくある処理です。この時、型が filter で望む通りにならず困る時がしばしばあります。例えば、次のコードと […]
AUTHOR
杉浦
- 2020年8月21日
【JavaScript】【React】右クリックメニューの作り方
右クリックで開くメニューを作りたい時がしばしばあります。この記事ではその方法の起点を大雑把に紹介し、React での実例を紹介します。 ブラウザ上の戻るなどのメニューを開くイベ […]
- 2020年8月19日
- 2020年8月20日
【PhpStorm】コーディング画面の遷移に注目したコーディングの加速方法
概要 GMO 関連で技術者に技術を教えるお仕事をしている方の動画が興味深かったのでそれを PhpStorm で実践する方法を紹介します。 ドメイン駆動設計入門 ボトムアップでわか […]
- 2020年8月18日
【React】【Leaflet】React-Leaflet とスプレッド演算子と ref で手軽に堅牢に Leaflet を拡張する
React-Leaflet · ⚛️ React components for 🍃 Leaflet maps React-Leafle […]
- 2020年8月12日
- 2020年8月12日
【React】React Hook Form を使ったフォームフィールドの value に event.target.value で変化する変数を割り当てた場合、エラーの状態が変更されるタイミングで入力が消える問題と解決方法
フォームの内容を state で制御したい時はよくあります。フォームとして扱い都度セレクタから FormData を取るのも手ですが、それ以外でも行いたいです。これを素直に実装す […]
- 2020年8月11日
【JavaScript】デスクトップ通知の仕方
時折、ブラウザ上で非常に時間のかかる処理を行うことがあります。そういった時、ユーザが処理を行っている画面に張り付いてくれることは稀ですし、張り付くことがストレスになる場合も少なか […]
- 2020年8月10日
【React】【TypeScript】React+TypeScript の書き方の参考になる React+TypeScript Cheatsheets の紹介
React+TypeScript Cheatsheets は React と TypeScript を組み合わせた時の便利な書き方、トラブルシューティング、環境構築方法などが整理 […]
- 2020年8月7日
【React】React Hook Form と yup でフォームのバリデーションを作る
React Hook Form は Reack のバリデーションライブラリの一つです。 Hook の名が示す通り関数コンポーネントの Hook 機能を使ってバリデーション用のモジ […]
- 2020年8月6日
- 2024年3月6日
【React】【TypeScript】ComponentProps で props に関わる型定義を楽にする
ComponentProps は React で用意されている型の一つで次の様に定義されています。 ぱっと見、何が書いてあるかわかりません。IDE のジャンプ機能を使えばわから […]
- 2020年8月5日
- 2020年8月5日
【React】親コンポーネントから子コンポーネントを操作する Ref 機能とその使いどころ
React の Ref は親コンポーネントから子コンポーネントを参照し、任意の操作を可能にする機能です。 Ref と DOM – React 例えば、次のようなコードが実現でき […]
- 2020年8月4日
【React】【Material UI】Material UI ライブラリにないフォーム中コンポーネントを作る時に守った方がいいこと
Material UI は React のコンポーネントライブラリで様々な多機能なコンポーネントを提供してくれます。 Material-UI： A popular React U […]
