ITの隊長のブログ

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

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

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 コマ…

Clearing cache and forcing full-reload to ensure typescript is compiled with updated config values.

設定ファイルとか更新したらでてくるのですが、キャッシュを削除するのはわかるけどどこを削除すれば?人向け。 コード見るとこの辺。 github.com そしてこうする。 $ rm -rf ~/node_modules/.vite/*

VSCodeでVite + Vue3 + TypeScriptの開発環境のセットアップ

Type Safeな世界がやっと見えてきた。。。 zenn.dev すべては↑にかかれている(ありがとうございます) 実は先日試してたんだけど、そのときはなぜか再起動してもPluginが反映されていない挙動が発生しており???ってなっていましたが、今日うまく言ったよ…

Serverless Frameworkで.envファイルを読み込んで定義した環境変数を利用する

かなり時間使ってしまってワロタ(涙) 環境変数使いたいだけなのになんでこんなに時間をかけてしまったのか。。。とりあえず僕の時間が消えたぶんだけきれいにまとめた手順が下記 ~/src/functions/hello/handler.ts // 省略 const hello: ValidatedEventAPI…

Serverless Frameworkのaws-nodejs-typescriptでAPI KEYが設定されたAPIを用意する

このフレームワーク楽しいな(API GatewayとLambdaの連携を一通り遊んだことがある人ならいじるのが楽しいと思う) ./serverless.ts に下記設定を追加します。 apiGateway: { // 省略 apiKeys: [ { name: 'free-key', } ], usagePlan: { quota: { limit: 100…

Serverless Frameworkのaws-nodejs-typescriptでCORSが設定されたAPIを用意する

ドキュメント読んだら色々わかるんですが、 aws-nodejs-typescript のテンプレートでどうやって設定すればよいのかわからなかったのでメモ。 APIのfunctions設定で、CORSの設定をonにしたい関数だけ下記設定をします。 aws-nodejs-typescript のテンプレート…

Serverless Frameworkのaws-nodejs-typescriptでHTTP GET methodを用意する

GitHub検索したらあるんだけど、Googleではあんまりヒットしないなぜ? TypeScript力が低すぎて、いまいち何が書いてあるのかわからないのですが、とりあえずできたのでメモ。 github.com import type { ValidatedEventAPIGatewayProxyEvent } from '@libs/a…

ServerlessFrameworkでHello world.

すべてはここにおいてきた。 github.com で、へろーわーるどしようと叩いてみたけどエラーで失敗するなぜ??? root@00231e897e28:/app/backend-prj# sls invoke local -f hello Running "serverless" from node_modules { "errorMessage": "Cannot read pr…

Nuxtでの実装について

フロントエンドの実装がなんもわからん状態になっていました ぼくはReactを触ったことがないので、あくまでVueしか語れないですが(正直Vueもそんな語れる気がしない)、もともとjQueryでSPA開発をしたことがある僕が、Component志向なフレームワークを触っ…

Nuxt2でViteを使う

ビルドが速いらしいので使ってみた vite.nuxtjs.org この記事参考にした(インストールはこれで大丈夫) zenn.dev ローカルにいれてれば特に問題ないと思うが、ぼくはDockerを使ってたので謎の挙動が発生した(Nuxtアプリをブラウザで開くとhot reloadの無限…

crbug/1173575, non-JS module files deprecated.

こんなエラーがでて、developer toolが起動しているときはサイトが読めなくなった。何ぞ。。。??? 色々探したけどよくわからんので、developer toolを初期設定にしたら直りました。 support.google.com

JavaScriptを雰囲気で書いているマン、やっとimport/exportを理解

謎だったこと。import ... from '...' で、 import {...} と import ... のどっちでかけばいいの問題。(後者は特にVueでよく書くなって思ってた) というわけでドキュメントを読みました(今頃) developer.mozilla.org developer.mozilla.org 完全に理解し…

vueのcomposition apiを理解したい

正確にはNuxt(v2)ですが zenn.dev こちらの記事参考にして進めています。 github.com 進捗がこちら↑(○ロ注意) まだ完全に理解はできていないので雰囲気だけですが、componentとロジックをめっちゃ分離できた感じがある。文章読むだけでは全くわからなかっ…

自分の葬式で自分は何と紹介されるか

と、居酒屋で前職の同僚に言われた際に、想像してみたら「技術バカ」と言われました。というのが、今自分が一番やりたいことやら譲れないものとかなんだとか。なんかイイハナシダナーと思ったので忘れないうちにメモ

DockerでPostgreSQLのコンソール?に叩いたSQLを流すようにしたい(できていない)

まだできていないけど、コンテナ内部のログファイルに出力するようにしたのであとはそこをどうにかするだけ。 $ docker run -d --rm --name test_pos -e POSTGRES_PASSWORD=test -it postgres:14.1 f779875f7c8db4889316bc5730276b258aa96497de6fdb54c64635d…