ITの隊長のブログ

ITの隊長のブログです。Pythonを使って仕事しています。最近はWebに戻ってきたお(^ω^ = ^ω^)

Nuxt3.0.0-rc.11が動かない

結論からいうと、Nuxt3.0.0-rc.10で動きました。 環境 $ sw_vers ProductName: macOS ProductVersion: 12.6 BuildVersion: 21G115 $ docker --version Docker version 20.10.17, build 100c701 m1 macです(m2でも試しました) 試したこと だいたいはドキュ…

物流について調べているメモ

今これを読んでいる 日本型ロジスティクス4.0-サービス多様化、物流費上昇、人手不足を一挙解決-作者:㈱クニエ ロジスティクスグループ日刊工業新聞社Amazon 今思ったけど、全く知らない業界を知るために本を読むのは僕は向いていないかも知れない。本ででて…

DatePickerのformに空文字をSetValueすると 「Invalid time value」 になる

react-hook-formを使ってました。 nullはおkらしい setValue('date-input-form', null) // ok // setValue('date-input-form', '') // invalid time value

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.

useEffectを削除したら消えた。なるほど。 const { setValue } = useForm() // 省略 useEffect(() => { // 省略 setValue('variable.hoge', hoge) }, [storeVariable]) こんな感じの処理を書いてた。 次に、useEffectを消さずに、setValueだけ消したらエラー…

error TS2538: Type 'string[]' cannot be used as an index type.

なんじゃろ?ってぐぐってみると下記がわかりやすかった qiita.com bobbyhadz.com 要は動的に用意した変数の型がわからんままObjectの要素を指定しようとするとだめということらしい。 // だめ // const key = Object.keys(current)[0] // OK const key: str…

8月は有給消化だったけど家族のコロナリレーで無事消化されました

実は転職するんですが、8月まるまる有給とれたので 実はもっと余ってたけど 、僕の人生の中では一大イベントになりました!!! なにしようかな〜〜〜統計検定リベンジするのもいいな〜〜〜次の現場(?)に向けて勉強するのもいいな〜〜〜〜、前からやりた…

【わからない】react-hook-formとYupで複数フィールドの重複をチェックするバリデーションとエラーを表示するフォーム

ほぼ1日かけて探したけどわからないので供養 const uniqueId = (value, context) => { const [_, parent] = context.from const filedNames = ['hogehoge1', 'hogehoge2', 'hogehoge3'] const list = [ parent.value.hogehoge1.id, parent.value.hogehoge2.i…

【Jest】テスト実行時にテスト名をconsole.logで表示する

describe('useHogehogeHook', () => { beforeEach(() => { console.log(expect.getState().currentTestName); }); // 省略 これで、各テスト実行時にテスト名を表示してくれるようになる。 デバッグしているときに、どのテストでデバッグようにhookに追加し…

React + GraphQLで通信エラーを確認する

ベストプラクティスはどうやってデバッグするのかはわからないですが、下記メモ。 query, mutationからerror変数を取得する // errorを確認してみる const { data: getSomething, loading, error } = useGetSomethingQuery({ variables: { id, }, fetchPolic…

VSCodeとDockerとDocker Volume使ってTypeScript + React開発しているとnode_modulesをVSCodeが参照できないから型探検隊になってしまい夜しか眠れなくなる

参考にした記事 zenn.dev zenn.dev www.keisuke69.net 僕が試した手順 pluginをインストール このあとdocker-compose.yml用意しないといけないのかだるいとか思ってたけど、何もしなくてもよかった。 VSCodeの左したをクリックして、起動しているコンテナにA…

TypeScriptの雑なメモ

ふぁ!?????ってなったことが多いのでとりあえず雑なメモを残す ブルーベリー本から keyof const mmC = { mm: 1, m: 1e3, km: 1e6 } // OK // function c(value: number, unit: keyof typeof mmC) { // !??? // Element implicitly has an 'any' type b…

Mockeryがわからない

laravel.com Laravelの中に入っているライブラリらしいが、使い方がいまいちわかっておらぬ。Jestでモックの流れをある程度把握した(つもり)と思っているので、ぱっと見なにをやっているかは読めると思っているが、モックできているのかどうかがわからない…

index.lock: File exists.

git

$ g add app fatal: Unable to create '~/project_dir/.git/index.lock': File exists. Another git process seems to be running in this repository, e.g. an editor opened by 'git commit'. Please make sure all processes are terminated then try aga…

macでXcodeをアンインストールしてしまったのでgitが動かない

容量足りなくなって、使わないし「えい!」って消したらgitが動かなくなった。 $ git status xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun …

error ${url}: Extracting tar content of undefined failed, the file appears to be corrupt: "ENOENT: no such file or directory, chmod ${directory}

yarnインストールするとエラーがでたのでなにこれ?ってなってた。 $ yarn install ぐぐると下記で治るよ的な書き込みが多かったので試した。 $ yarn install --network-concurrency 1 すると治った。。。なぜ??????いまいち腑に落ちないがメモっとく。

LaravelのMigrationでエラー

Migration not found $ ./vendor/bin/sail artisan migrate:refresh --seed Rolling back: xxxx Rolled back: yyyy (128.76ms) Migration not found: yyyy ... Migration not found: はDBとmigrationファイルの同期が取れていないだけ?なのかなって思ってい…

Vite + TypeScript + Reactの環境にJestをインストールする(途中)

zenn.dev ↑みたらもう解決です。 github.com このcommitからスタートしました。 $ yarn add --dev jest typescript @types/jest ts-jest どうやらtypescriptが入ってなかったらしいです(あれ????) あとは参考URLの通り、 jest.config.json と package.…

BigQueryでクエリのエクスポートをスケジュールジョブで叩くSQLを用意する

実行した日から去年のデータをエクスポートしたかった。年単位で実行したかったので、こういう感じで設定するといけた。 1st monday of january 09:00 叩くクエリは下記。 DECLARE run_date DATE; DECLARE last_year INT64; DECLARE start_date DATE; DECLAR…

Laravelにlighthouseをインストール

前回の続き www.aipacommander.com Makefileを用意したので下記記事を参考にインストールしてみる。 qiita.com $ make install_args package=nuwave/lighthouse $ make install_args package=mll-lab/laravel-graphql-playground http://localhost/graphql-p…

Laravelのインストール

ひさびさにLaravelやっているが、遊び場みたいなものがほしいなって思ったのでインストールしようとしたメモ。 環境 $ sw_vers ProductName: macOS ProductVersion: 12.4 BuildVersion: 21F79 $ composer --version Composer version 2.3.8 2022-07-01 12:10…

composerが動かない

$ /usr/local/bin/composer PHP Deprecated: Return type of Symfony\Component\Console\Helper\HelperSet::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute sh…

Makefileとgit hookを使おう

Laravelがちゃがちゃしてます。 pushする前にテストー、linter実行ー、ってやるのがめんどくなってきたので、Makefileとgit hookをひさびさに導入してみました。 ただのメモ。 Makefile test: ./vendor/bin/sail artisan migrate:refresh --seed ./vendor/bi…

react-webcamでstreamに値が入るまで待つ

github.com const webcamRef = useRef(null) return ( // 省略 <Webcam audio={false} className="z-0" id="img" ref={webcamRef} /> ) こんな感じで起動していましたが、別処理でカメラで取得したデータを別途保存したいため、 webcamRef を使おうとしたら、streamにまだ値がないですよエラー。 どうやって待てばいいのかと色</webcam>…

hasOwnProperty で取得できない謎

すぐ解決したけど qiita.com こういうケースは in を使いましょう。

MediaRecorderのdataavailable eventが発火されるタイミングについて

stopが呼ばれるときってマジ????? developer.mozilla.org 記録を停止します。 この時点で、保存したデータの最後の Blob を含む dataavailable イベントが発生します。 これ以上記録は行われません。 アッはい 動作してみないと信じられない!!!(な…

useEffectで初回実行しないようにする

qiita.com qiita.com koke-tech-blog.vercel.app zenn.dev 第二引数に指定してたらそいつが変更されるまで動かないと思ってたんですが、そうじゃないらしい。なので↑みたいなことを試したんですが、 useRef ってそういう使い方あり???ってなってもう何も…

最近のLaravelでの学びメモ

振り返りが追いついておらぬ リセットパスワード用URLリンクをメールで通知 通知をQueue?に詰める laravel.com 詰めるのはdoc確認するだけで簡単でした。 $email, ]); $status は下記の定数が返ってきます。 github.com それにあわせて処理やResponseをどう…

`sendPasswordResetNotification` のオーバーライドでエラー

Method 'App\Models\User::sendPasswordResetNotification()' is not compatible with method 'Illuminate\Foundation\Auth\User::sendPasswordResetNotification()'. なにこれ〜〜〜〜 ぼくが書いたコード public function sendPasswordResetNotification(s…

ReactでMUIコンポーネントにstyleを渡す

なんてよぶかわからんが、とりあえずメモ mui.com こいつにstyleを渡すには sx propsにわたす必要がある. const a = { sx: { backgroundColor: '#eee', } } return ( <TextField id="ほげほげ" label="ほげほげ" defaultValue={hogehoge} ...a /> ) このとき、backgroundColor を background-color って指定したら怒られる。 react_devt</textfield>…

末尾Slash(trailing slash)の有無で、APIへのリクエストがリダイレクトしたりしなかったりする謎

最初に結論から 結論 FastAPIはデコレーターで指定したパス通りじゃないと、 location を返す(指定したパスがlocationに入り、ブラウザでリダイレクトが走る) フレームワークやマネージドサービスによって仕様が違うっぽい?ので注意したい 環境 バックエ…