https://thilog.com フルスタックエンジニアの技術ブログ Tue, 11 Oct 2022 07:00:12 +0000 ja hourly 1 https://wordpress.org/?v=7.1.3 https://thilog.com/wp-content/uploads/2020/10/cropped-f2f9919cc08de31d0655d6d5241cf8ae-1-32x32.jpg https://thilog.com 32 32 https://thilog.com/react_typescript_videojs_function/?utm_source=rss&utm_medium=rss&utm_campaign=react_typescript_videojs_function Thu, 16 Jun 2022 06:45:30 +0000 https://thilog.com/?p=1715 こんにちは。てぃろです。 今回はReactとTypeScriptでvideo.jsを使い動画を見ることができるWebクライアントを作りました。 これをつくったのは、恒例のNRIハッカソンに参加したのをきっかけにしています […]

The post React+TypeScript+video.jsで動画配信用クライアントを関数コンポーネントでつくる first appeared on thilog.]]> https://thilog.com/cdk-react-app/?utm_source=rss&utm_medium=rss&utm_campaign=cdk-react-app Tue, 08 Feb 2022 09:04:46 +0000 https://thilog.com/?p=1275 こんにちは。てぃろです。 仕事でSlackのAPIを使ったメッセージ送受信をWeb画面からしたいという要件がありました。 SlackのAPIは仕様を見ればできることはわかっているんですが、画面デザインやアーキテクチャを確 […]

The post AWS CDK v2を使ってReactのフロントアプリとサーバーレスなインフラを（ほぼ）１コマンドでデプロイできるアプリをつくってみた first appeared on thilog.]]> https://thilog.com/react-modal-sample-typescript-tailwind/?utm_source=rss&utm_medium=rss&utm_campaign=react-modal-sample-typescript-tailwind Tue, 25 Jan 2022 06:47:48 +0000 https://thilog.com/?p=1197 こんにちは。てぃろです。 今回はReactでモーダルを簡単に追加する方法を紹介します。 Reactでモーダルを作ろうと思うと、便利なライブラリとしてreact-modalというものがあります。 今回はこれを使ってモーダル […]

The post TypeScript + React TailWindで作るシンプルなModalコンポーネント first appeared on thilog.]]> https://thilog.com/react-tips-share-parameters/?utm_source=rss&utm_medium=rss&utm_campaign=react-tips-share-parameters Fri, 10 Dec 2021 14:10:25 +0000 https://thilog.com/?p=1124 こんにちは。てぃろです。 今回はReactのTipsです。 Reactは親子関係にあるコンポーネント同士での値の受け渡しにはPropsを使うなどわかりやすい方法がしっかり用意されています。 ただ、今回は親子関係にないコン […]

The post React で親子関係にないコンポーネント間の値渡しにはURLを使ってもいい（使わなかったけど）：Tipsメモ first appeared on thilog.]]> https://thilog.com/react-datepicker-highlight/?utm_source=rss&utm_medium=rss&utm_campaign=react-datepicker-highlight Sat, 23 Oct 2021 02:14:42 +0000 https://thilog.com/?p=1072 こんにちは。でぃろです。 今回はReactのTipsです。 カレンダーで予約が入ってる日を狙って日付の指定をしたかったので、react-datepickerで予約が入っている日だけを強調表示するように設定を入れました。 […]

The post React Datepickerで特定の日付を強調したい – styleを編集せず日付をわかりやすく表示する：Tipsメモ first appeared on thilog.]]> https://thilog.com/react-typescript-firestore-map-foreach/?utm_source=rss&utm_medium=rss&utm_campaign=react-typescript-firestore-map-foreach Mon, 07 Jun 2021 22:02:17 +0000 https://thilog.com/?p=822 こんにちは。てぃろです。 今回は最近私がハマったTypeScriptの実装についてのメモ書きです。 やりたかったことは、FireStoreに格納されているMap型のデータをReact+TypeScriptのフロントで取得 […]

The post TypeScriptでFireStoreのMap型をmapでループする first appeared on thilog.]]>