素肌にサスペンダー

個人的な備忘と日記

2022-10-01から1ヶ月間の記事一覧

【mac】macで動画を圧縮したい時

Mac

動画ファイルをfinder上で右クリックし、「選択したビデオファイルをエンコード」をクリックし、何かしら選んで続けるを選択。 すると、同じフォルダに圧縮後の動画ファイルが生成された。

愛猫の性格メモ

今一緒に暮らしているこのこしか猫の性格知らないけど、メモしとく。 気高い なでなではよくても、抱っこは基本嫌がる(アメショという品種ゆえかもしれない) 甘えん坊 デレはあってもツンは見たことない ホスピタリティが高い 帰ってきたら必ずお迎えして…

【React】onClick時にevent.preventDefaultしつつ関数に引数を渡す方法

handleClick関数内でe.preventDefault()書くとうまくいかないので、JSX内の方で書く。 こんな感じで書けば大丈夫。 const handleClick = (id: string) => { console.log(id) } ... <button onClick={(e: React.MouseEvent<HTMLButtonElement>) => { e.preventDefault() handleClick(id) }} /></button>

【Next.js】Hydration failed because the initial UI does not match what was rendered on the server.が出たときの対応

Next.jsでUIを実装していると、以下のエラーが出た。 Hydration failed because the initial UI does not match what was rendered on the server. マークアップがおかしい時に出るみたい。 自分の場合は、aタグの中にaタグを入れてしまってた。 リンク要素…

【Docker・MySQL】DockerコンテナのMySQLにSQLクライアントツールから接続する

これまで、Sequel Proというホットケーキみたいなアイコンのツールを使ってた。 が、新しい案件で使おうとしたら、こんな感じのエラーが出てうまくいかなかった。 Sequel Pro encountered an unexpected error. To help us fix the problem, please send us …

【React】JSXで特定の条件において、classNameを追加したい時

こんな感じで書けばOK <div className={`title ${isActive ? 'is-active' : ''}`}></div>

【CSS】改行コード( \n)で改行させる方法

CSSで以下を指定すればOK p { white-space: pre-wrap; word-wrap: break-word; } <p>改行させる\n改行した</p>

【JavaScript】配列操作【ES6】

map, forEach, filter, find, reduceあたりを使って、配列操作をすることが多く、都度ググることが多いけど、個人的によく使うのをメモしていく。 filter 指定した値に一致するものを削除 const arr = ['a', 'b'] const deleteValue = 'a' const result = ar…