青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

2020-12-01から1ヶ月間の記事一覧

Next.jsでlocalStorageを使う

Next.jsでStorageオブジェクトを使う これが参考になります あと、localStorageとかのキー名は1つのファイルにまとめておいたほうが管理的に良い

ReactでSNSシェア機能をreact-shareというライブラリで

yurufuwa-tech.hatenablog.com ReactでSNSのシェアをしたいときに、 github.com これが便利。 TwitterのツイートボタンとかはHTMLだとTwitterのなんかそれ用のページでぽちぽちするとタグを生成できるのでそれを埋め込むだけだが、ReactだとTwitter用のJSを…

数字を丸めていく

qiita.com 普通はMath.roundだけでOK。

時間関係の関数のテスト まとめメモ

t-wada.hatenablog.jp qiita.com そもそもの書き方 sbfl.net Date.now = jest.fn(() => 1000000000) みたいにするとDate.now()をテストの際に固定出来る(じゃないと意図通りのテスト出来ないからね)

タイムゾーンまわりの検証のために、GoogleChromeで位置情報を偽装して検証する

digitalidentity.co.jp このブログのとおりやると出来ます。 このブログの通りChromeのDeveloperToolのSensorsから、いま自分がベルリンやサンフランシスコにいることに出来ちゃいます。 日本時間24時になったら見れなくする、とか日本でデータ入れて日本で…

date-fns-tzでタイムゾーンを扱う

www.npmjs.com qiita.com これ。date-fnsとはまた別のものを入れる必要があります。 utcToZonedTimeでUTCで入っている時刻をどこかのタイムゾーンの時刻に変換できます。 とある時間データの日本時間当日24時を知りたいとき、utcToZonedTimeでAsia/Tokyoにし…

styled-componentsでforwardedAsを使ってコンポーネント拡張した上でタグを変更する

qiita.com <EventButton forwardedAs="p"> dummydummy </EventButton> const EventButton = styled(Button)` width: 320px; height: 53px; ` ↑pages/page.tsx export const Button = (props: Props, as: any) => { <Container forwardedAs={as} > const Container = styled.button`` ↑Button.tsx これで、buttonタグで作られているforw</container>…