ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

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に入り、ブラウザでリダイレクトが走る) フレームワークやマネージドサービスによって仕様が違うっぽい?ので注意したい 環境 バックエ…

読書雑ログ

この本を読んでいる。面白い。これまで何も考えずにチューニングしてきたな、とか思っちゃった。(そもそもフロントエンドのチューニングあんまりしたことないかも) Webフロントエンド ハイパフォーマンス チューニング作者:久保田 光則技術評論社Amazon こ…

Blenderで遊ぶ

目盛り?(グリッド?)のスケールが読み取れない(ぱっとみ1m?1cm?がよくわからない) とりあえず本を読んで真似て作るを繰り返している。いつになったらVtuberになれるんだ。まぁすぐにできるとは思っていないので地道に進める。 おーすげーとか思ってた…

コツコツ作戦よさげ

4月は社内ニートだったので個人開発が進んだ感じでしたが、5月からどうせ忙しくなって何もできなくなるのでは?とか思ってたんですが、予想は外れてブログも個人開発も進めることができました。(仕事がそんなにパタパタしていないというのもありそうですが…

Vue3(Composition API + Vite)の勉強のために作ってたリポジトリを公開してみた

task-choice.it-playground.link 残念なタイトル。。。(issueに乗せておこう。。。) yoshikiito.net こちらの記事をみて、ちょうど僕の悩みでもあったのでやってみよう!(最初はTrelloとかで)と思ったけど、ちょうどVue3勉強したかったので、作ってみよ…

バラバラフェスティバルの読み込み

ワンピースの技じゃないです。以前LTしたときに、破壊する(Meshをカットする)Scriptをネットから拾ってきたので、それのコードを改良したくて、読み込みしてました。 バラバラフェスティバル(?)の改良に成功した(ソース読み込んだらバラバラしたObject…

gitのメモ

git

Git リポジトリ内で誤って消してしまったファイルを復元する git-recover.一度でも git add していれば,コミットしていなくても blob objects から復元できる可能性がある | 'ethomson/git-recover' https://t.co/RY96XSxzQg— ドッグ (@Linda_pp) 2022年5…

Property 'ctrlKey' does not exist on type 'Event'.

const handlerSaveNodes = (e: Event) => { if (e.ctrlKey && e.code === "KeyS") { console.log(e); } } これを const handlerSaveNodes = (e: KeyboardEvent) => { if (e.ctrlKey && e.code === "KeyS") { console.log(e); } } こうじゃ developer.mozilla…

vue-tscコマンド何もわからん

まとめ いきなりですが、解決していないので、まとめから。 解決しました。 色々試したが vue-tsc --noEmit -p tsconfig.app.json の composite をコメントアウトすると型チェックが動いた trueになっているとincrementalフラグがtrueになり、 vue-tsc コマ…