ITの隊長のブログ

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

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…

aiohttpのweb.json_responseにDecimalとかdatetimeとか変換できるようにしたい

Pythonの json.dumps は変換できない型があります。 qiita.com ↑の記事のように進めたらできるのですが、フレームワークに組まれている変換関数はどうやったら設定できるの?というのが今回の話。 早速コードを確認してみると、なるほど、関数自体をわたして…

PWAをひたすら調べまくるログ

なんもわからん speakerdeck.com speakerdeck.com knowledge.sakura.ad.jp www.youtube.com qiita.com techblog.kayac.com favorite-pwa.com

AWS CDKに入門(したい)

aws.amazon.com チュートリアルがあったのでそこみてやろうとしました。 前提 npm入っています Python入っています awscli入っています inline policy作っておきます(今回はstudy-cdkにしました) IAMユーザー作っておいて、aws configureコマンド実行済み…

「UI/UXデザインの原則」を読んだ

UI/UXデザインの原則作者:平石大祐幻冬舎*Amazon 読書中のメモ 使い勝手のよさ ターゲットのニーズに沿った優れた体験価値を提供すること 具体的な数字よりなぜ便利なのかを謳うべき 詳しくなりすぎるのと考え方が偏ることで ユーザーとのすれ違いが発生する…

Unityで設計の悩み

yotiky.hatenablog.com こちらを参考に組んでみた。とりあえずとてもよかった。 各ScriptのStartとUpdateの同期取れないのもめっちゃ苦労したし、順番もなんか守ってくれないので、どうしようどうしようとか思ってたら上の記事に出会い真似したらできた。あ…

まだ良くわかっていないんだけど色々なメモをする

やりたいこと Prefab用意して、Scriptから指定した分のGameObject(人)をばんばん作る 作った人をManagerクラスかなにかに保持しておく Cinemachineのfollowを切り替えられるようなクラスから、Managerクラスの人リストを引っ張ってきて、対象を切り替えら…

Blenderのモディファイアでカーブに沿った道を作ってたけど複雑なやつはやめたほうが良い

適当なカーブを用意したとして、左から 1番目: 作れる 2番目 パスは周回している: 作れる 3番目 周回しているところもあればそうじゃないところもある: ダメ 結構便利なんだけど、これ以外の方法でどうすればよいのやら... 他手法も知っているが、この方法で…

Blender → Unityへ3Dモデルをもっていきかた

テクスチャが剥がれるのが許せん www.youtube.com こちらの方の動画参考にしたらすべてうまくいきました。 ただ、テクスチャやマテリアルを外部保存(?)する方法は模索中

Blenderの操作メモ

Macです※随時更新予定 やったなーは思い出せるけど手順が思い出せないのでメモしていく所存 ベジェカーブでパス書いて、面を貼って押し出し 1 Shift + A → Curve → Bezier 2 初期に配置されたPointを削除(edit mode → 右クリック、Delete Point) 3 edit mo…

Pythonのデコレーターを理解するための記事

デコレーターはよく利用していたいんですが、引数渡したいな、修正しよう。。。はて・・・?どうやるんだこれ?ってなったので調べてみたら何も理解していないことがわかったので、メモ。 www.lifewithpython.com zenn.dev qiita.com 理解したらすっと入って…

Nuxtのbase urlを変更したい

デフォルト / なんですが、proxyでサブディレクトリにマッチさせて、nuxtへリクエストしたい時、トップページは表示されるんですが、バンドルされたapp.jsとかはルートディレクトリでリクエストされるので、真っ白のままの状態になる。 というわけで修正しま…

url: (3) Failed to convert “https to ACE; string contains a disallowed character

$ curl -L “https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(uname -m)” -o /usr/bin/docker-compose こんなコマンドを叩いた。で、エラーが出てきて怒られたが、原因がダブルクオーテーションがおかしいとのこと…

nuxt authモジュールのcookie schemaとcookieのHttpOnly属性は相性が悪いらしい

nuxt authモジュールでマルチログインを対応したくて色々試行錯誤しているところです。 www.aipacommander.com で、バックエンド側でcookieの名前を変更できるようにする&セッションストレージを2つ用意できるようにしたところで、nuxt側でどうやって1つめ…

nuxt/authで謎のエラー

こんなエラーがでました。 ╭───────────────────────────────────────────────────╮ │ │ │ ✖ Nuxt Fatal Error │ │ │ │ Error: Cannot resolve "user" from "/app/user" │ │ │ ╰───────────────────────────────────────────────────╯ 摩訶不思議だったんで…

aioredisとaiohttp-sessionのバージョン問題

最初下記バージョンでやってました。 aiohttp==3.7.3 aioredis==2.0.1 aiohttp-session==2.9.0 したらこのエラー AttributeError: module 'aioredis' has no attribute 'pool' githubのソースとにらめっこしてたら、aiorhttp-sessionでは、バージョンが 2.10…

Promiseでretryする仕組みを導入する

そういえば、年末もそんなことにハマっていたな。そうかretryというキーワードかということを最近思った。 パクリ リスペクトした記事はこちら。 qiita.com 今回やりたかったこととして、GPS情報を取得するためにGeolocation APIを使っているが、こいつが何…