こんにちは。てぃろです。 今回はReactとTypeScriptでvideo.jsを使い動画を見ることができるWebクライアントを作りました。 これをつくったのは、恒例のNRIハッカソンに参加したのをきっかけにしています […]
タグ: React
AWS CDK v2を使ってReactのフロントアプリとサーバーレスなインフラを(ほぼ)1コマンドでデプロイできるアプリをつくってみた
こんにちは。てぃろです。 仕事でSlackのAPIを使ったメッセージ送受信をWeb画面からしたいという要件がありました。 SlackのAPIは仕様を見ればできることはわかっているんですが、画面デザインやアーキテクチャを確 […]
TypeScript + React TailWindで作るシンプルなModalコンポーネント
こんにちは。てぃろです。 今回はReactでモーダルを簡単に追加する方法を紹介します。 Reactでモーダルを作ろうと思うと、便利なライブラリとしてreact-modalというものがあります。 今回はこれを使ってモーダル […]
React で親子関係にないコンポーネント間の値渡しにはURLを使ってもいい(使わなかったけど):Tipsメモ
こんにちは。てぃろです。 今回はReactのTipsです。 Reactは親子関係にあるコンポーネント同士での値の受け渡しにはPropsを使うなどわかりやすい方法がしっかり用意されています。 ただ、今回は親子関係にないコン […]
React Datepickerで特定の日付を強調したい – styleを編集せず日付をわかりやすく表示する:Tipsメモ
こんにちは。でぃろです。 今回はReactのTipsです。 カレンダーで予約が入ってる日を狙って日付の指定をしたかったので、react-datepickerで予約が入っている日だけを強調表示するように設定を入れました。 […]
TypeScriptでFireStoreのMap型をmapでループする
こんにちは。てぃろです。 今回は最近私がハマったTypeScriptの実装についてのメモ書きです。 やりたかったことは、FireStoreに格納されているMap型のデータをReact+TypeScriptのフロントで取得 […]