blog新米webエンジニアによる技術ブログ。発表があったようですね。任意のプラットフォームで利用できます。あったりというあたりはさすがですね。ブログ記事中にはGitHubのリポジトリは紹介されてませんでしたが、こちらです。使っているコンポーネントに対してどう型を書くのが正解か迷ったので、調べたことをメモしておきます。使った場合も調べます。ついての説明は公式ドキュメントに譲ります。ついては、Consumerを使った箇所も確認したかったのでオマケです。使ってContextオブジェクトを作ります。書いたところは、通常のContextのお作法通りに書いた箇所です。正しく型チェックされるようになります。ところで、どうやらこれがないとコンポーネント内のthis.contextが型チェックされないようです。この書き方はReactの型定義ファイルを参考にしました。場合はこのようになります。App;公式ドキュメント相当の信頼できそうな情報は見つけられなかったのですが、こちらのブログを参考にしました。Contextの場合、コンテキストはPropTypesで記述するためランタイムでのチェックができません。あるように同じ構造のTypeScriptの型を定義した後、親のgetChildContext()、子のthis.contextに型を付けています。ThemeContext;としてますが、これだと--strictPropertyInitializationオプションがONのときに以下のエラーが出ます。最後に、Hooksを使った場合。TypeScriptを作りました。インストールできます。アイコン未登録だったりコードがぐちゃぐちゃだったりしますが、とりあえず自分が使うための要件は満たせたので一区切り。キャプチャ商品のタイトル、商品ページのURL、画像URLをkintoneの任意のアプリにレコード登録するだけのChrome拡張です。気になった本はたいていAmazonで検索してkintoneに登録してたんですが、それを1クリックでできるようにしたかった、というのがきっかけ。技術的にもこのへんを試したかったというのもあります。