qiita.com 地味にちょっと理解できていなかったけど、わかった気がする ボタンコンポーネント type Props = { onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void } export const Button = (props: Props) => { const { onClick } = props return ( <button onClick={onClick}>content</button> ) } </htmlbuttonelement>…
qiita.com type InputProps = JSX.IntrinsicElements['input'] たぶんReact.ComponentPropsWithRefでもいける？ ginpen.com で、例えばInputコンポーネントを作っていたとして、inputタグに標準で指定できる属性以外にもpropsあるとすると、コンポーネントへ…
TypeScriptで型の条件分岐が色々方法あるの知らなかった… 1つ目、特定のPropsに応じて条件分岐させる。 そもそも、TypeScriptにはConditionalTypeっていうのがある qiita.com こういう例で一番出てくるのはボタンコンポーネントがaタグかbuttonタグか、で指…
support.google.com こういうのがあるんですね。英語を認識すると勝手に出てきます。 まあたまに邪魔なんですけど、NBAとか見ていて何言っているかなに一つ聞き取れないときにもこれ出てくると少しはわかるので、ある意味では便利
github.com これをgithub pagesで公開できるようにした qiita.com にある qiita.com を参考にした Githun Action用のymlがなにをしているかは qiita.com がわかりやすい。 Github Pagesにデプロイする処理はみんな github.com を使っているみたいで、これで…
まず、ffmpegをインストール。 % brew install ffmpeg これでたぶんいける。自分はbrew linkがdid not complete succeccfullyだと言われたが実際はリンクできてたので謎。 mp4を変換してhlsストリーミング再生を実装してみる そしてこの記事を元に変換。 な…
marketplace.visualstudio.com github.com feat: 〜〜 みたいには書いていたけど、feat(form):〜〜のようにscopeを書くの知らなかったな。なるほどだった コミットのログについている絵文字は gitmoji.dev これだったのね…なんなのだろうこれって思いながら…
追記（2023/4/2） qiita.com 公式的にもこれからはRicky-Diminishedじゃないフォント使うこと推奨してるみたいなので注意 本題 Ricky-DiminishedをVSCodeのフォントに指定しているのですが、`がなんか被っちゃって正しく表示できないんですね。 それを直せま…
!!number みたいな感じで、numberが値入っているか否かを判定できる。 jsprimer.net !はNOT演算子で真偽値を返すので、!numberにさらにNOT演算子を指定すればnumberがtrueかを判定できる。 まあただjsprimerでも書いてあるとおり、大体の場面において違う明…
docs.github.com SearchAPIが1分に30回までしか叩けないらしい。 ページネーションのようなものを実装したい。ただ普通にリスト取れるAPIだと一度に取れる件数に制限あって、プルリクだったら100。SearchAPIでtotal_lengthがとれるのでそれをとりたい。 けど…
zenn.dev を真似してquery-stringってライブラリを使っていたのだが、 github.com 最新を普通に入れると現状ではバージョンが7が入ってたのですが、これ、IE非対応らしい。 github.com バージョン5ならIE対応してくれるらしい。 いやーSPAのIE対応ってなんか…
qiita.com const englishList = ["aaa", "bbb"] as const type English = typeof englishList[number] こうするとenglishList自体も配列としてfilterとかでチェックするとかに使える ところでtypeof englishList[number]って書き方ってなんなのだろう…ちょっ…
まずfsってなに qiita.com なるほどファイルを扱うためのモジュールで、Node.jsが提供しているモジュールなのでわざわざインストールする必要とかはないらしい。自分はMarkdownのファイルを読むために使っていた。 で、本題。これをNext.jsで使う際に、 Modu…
と、レビューで言われまして。 例えば const List = ['first', 'second', 'third'] ['a','b','c'].map((item, index) => ( <Text>List[index]</Text> ) みたいな。 で、これはなぜか。 理由としては 堅牢性が低い 保守性が低い 静的解析しにくい だと。 つまるところ、ind…
necomesi.jp 一緒にプロジェクトやってる人がこんなの見つけたーと話していた。 受託のWeb開発とかだとサーバーサイドとの兼ね合いもあり自由にReactを使うとか使って宣言的に出来ず、どうしても命令的にやらざるを得ないことはある。そこで見つけた上記の記…
