ITの隊長のブログ

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

2022-01-01から1年間の記事一覧

M1 MacでtfjsのWASMをビルドする旅(失敗しました)

概要 m1 mac使っているんだけど、tfjsのwasmビルドを試みたら色々死んだ 僕の中の結論はうまくいかない 試みたログ $ docker run --rm --platform linux/arm64/v8 -it ubuntu:latest /bin/bash $ apt update -y && \ apt install -y gcc python3 nodejs npm …

DOMException: play() failed because the user didn't interact with the document first

なんかChromeだと <video> タグを動的に再生するとたまに失敗が続くようなことがある。 というわけで、こうする <video id="video" muted /> こいつをつけるとうまくいきました。</video></video>

Cannot use import statement outside a module

import * as scatter from 'scatter-gl' ↑のように該当 モジュールをimportすると下記エラー [nuxt] [request error] [unhandled] [500] Cannot use import statement outside a module at Object.compileFunction (node:vm:352:18) at wrapSafe (node:inter…

Component inside <Transition> renders non-element root node that cannot be animated.

Nuxt3でwarningがでてたので、対応してみた。 www.memory-lovers.blog マルチルートノードコンポーネントがサポートされたけど、直下はダメらしい。。 なるほど〜〜 というわけで、記事と同様に単一要素に修正したところ消えた。よかった

RailsのN+1対策の話

zenn.dev Rails初心者マンの僕がこの記事をみて思ったこと joinsは? キャッシュの有効期限はどこで設定するんじゃろうか qiita.com 他の3つとの違いは、associationをキャッシュしないこと。 なるほど serip39.hatenablog.com qiita.com なるほど〜〜〜 あ…

Railsの日付操作が面白い

RuboCopにこんな怒られ方しました。 C: [Correctable] Rails/DurationArithmetic: Do not add or subtract duration. Time.new - 30.minutes これ以外にどんな方法が???と思っていたのですが、同僚から教えてもらいました。 qiita.com おもしろい。 記事…

RuboCopさんに怒られたメモ

概要 意味調べて修正しているので、せっかくだからメモする Rubyなれなさすぎてもあり、めっちゃ怒られた(修正箇所いっぱい) 怒られたメモ C: [Correctable] Style/MutableConstant: Freeze mutable objects assigned to constants. 定数は freeze してね…

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

www.aipacommander.com 前回 続き読んでいる。 読んでいるんだけど、IoTはともかくAIの期待値が大きくてもっとがんばらんと。という気持ちにはなる。 あと、AIがまじで頑張ってコスト削減ーってなると、極論人がいらなくなるということになると思うので、そ…

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…