つぶやきテック

~つよつよエンジニアを目指して~

つぶやきテック

~つよつよエンジニアを目指して~

つぶやきテック

~つよつよエンジニアを目指して~

つぶやきテック

~つよつよエンジニアを目指して~

つぶやきテック

~つよつよエンジニアを目指して~

【React】useRefとは?概要と利用例を紹介

ここではReact hookの1つ、useRefについて紹介します。 useRefとは useRefは、React.createRefの返り値であるRefオブジェクトを返すhookです。ここでRefオブジェクトとは、「コンポーネントがマウントされたときからアンマウントされるときまで存在し続ける、書き換え可能なオブジェクト」を言います。公式ドキュメントにはRefを利用するのに適した例として、 フォー […]

【puppeteer】ページ読み込み完了まで処理を待つ

puppeteerを利用してヘッドレスでとあるページにアクセスし、「そのページの読み込みが完了したら、スクリーンショットをとる」方法を紹介します。「puppeteerでスクショしてみたが、ローディング画面を撮ってしまった」アナタに捧げます。 なお、ここではpuppeteerの概要は取り上げません。それについて詳しくは、こちらなどオススメです。 page.gotoに引数を追加 結論としては簡単で、以 […]

.tsxファイルについてドキュメントを読む(その1)

.tsx拡張子ファイルは、Reactなどで利用するJSX構文をTypescriptで書いた際に保存される拡張子ファイルです。今回、typescriptの公式ドキュメントをのぞいてみたところ、少し普通の.tsファイルと比べた制約など学びを得たので、まとめていきたいと思います。 型アサーションに山括弧<>は使えない 型アサーションは、Typescriptによる型推論、あるいは既に型定義済み […]