一番ありそうな場面は、 テーブルで、左列がstickyで固定されていて、2列目以降がスクロール出来るやつ。縦に長いテーブルだと横スクロール出来る入力デバイスを持っていないとスクロールバーをクリックしないとスクロール出来ないので操作がかなりめんどく…
nelog.jp
note.com neos21.net tamagondq10.blogspot.com タイトル通り、 overflow: scroll と padding-bottom を同時に使うとpadding-bottomが効かないらしい。 なので、display: blockで高さある疑似要素をafterとかで入れてあげると解決する。
developer.mozilla.org
たいへんお恥ずかしながら。JSDocってつい最近知りました。 ReactでPropsの説明を type Props = { /** 名前 */ name: string } みたいに書くとコンポーネント使う際にPropsに説明が出たりします。あとStorybookでコンポーネントのPropsの説明が出る。 っての…
qiita.com わざわざ<React.Fragment>って書く場面あるのかなとか思って全て<>にしてました。ありました。 mapとかでreturnする際にkeyを指定しておく必要ありますが、一番外側に必要なので、その際にFragmentが一番外の場合は<>だとkeyを指定できないので <React.Fragment key={hoge}> </React.Fragment> のようにする必要</react.fragment>…
Next.jsでStorageオブジェクトを使う これが参考になります あと、localStorageとかのキー名は1つのファイルにまとめておいたほうが管理的に良い
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()をテストの際に固定出来る（じゃないと意図通りのテスト出来ないからね）
digitalidentity.co.jp このブログのとおりやると出来ます。 このブログの通りChromeのDeveloperToolのSensorsから、いま自分がベルリンやサンフランシスコにいることに出来ちゃいます。 日本時間24時になったら見れなくする、とか日本でデータ入れて日本で…
www.npmjs.com qiita.com これ。date-fnsとはまた別のものを入れる必要があります。 utcToZonedTimeでUTCで入っている時刻をどこかのタイムゾーンの時刻に変換できます。 とある時間データの日本時間当日24時を知りたいとき、utcToZonedTimeでAsia/Tokyoにし…
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>…
[CSS] Firefoxでborderが表示されない場合の対処 | metrograph.jp position: relative; border background-color このかみ合わせがIEやFirefoxで悪い… Firefoxに関して言えば、z-index: -1;を指定してあげることでbackground-colorがborderの下にいってくれ…
qiita.com qiita.com このリンク見ればわかる。mapはよく使うよね。someは初めて知った。
