こちらの記事で高額請求怖くなったのでメモ。 Next.jsをFirebaseにデプロイしたら高額請求がきて貯金がなくなりかけた話 #googlecloud - Qiita 自社用管理画面側でNuxtのアプリをFirebaseにデプロイしている。 Nuxtのバージョンはこれ。 "nuxt": "^3.8.0", C…
焚き火などがしたくなってきたので、そろそろ綿100%で安心して焚き火ができる作業服を買おうと思ったところ、 映画『ゆるキャン△』で作業服を着ていたのを思い出した(記事書いてる時点でもまだAmazon Primeで観れた)。 検索したら公式グッズとして出てき…
シニアジョブの求人一覧で、全体の件数も増えてきて、募集を終了した求人も参考として表示する必要が出てきた。 seniorjob.jp 他求人サイトでも参考として出してるとこも多く、メルカリで販売済みも出てくるのが似てる。 ただ表示するだけでなく募集中の求人…
Cloud RunとCloud Buildを使ってデプロイしていますが、アクセスが集中しているときや、申し込み中などデプロイタイミングを手動で行いたいときがありました。 gclour run depoyコマンドに--no-trafficをつけるだけで、リビジョンとして追加されつつ、トラフ…
求人サイト「シニアジョブ」をNuxt3, NestJSでゼロから開発&運用中ですが、Google Search Console(以下サチコ)のウェブに関する主な指標で「不良」、もしくは「改善が必要」の項目が出てくるようになりました。 seniorjob.jp それぞれ詳しく書くと長くな…
GoogleのCloud Runでタスクを実行できるジョブ(Jobs)だけど、まだプレビュー版なせいか、Cloudコンソールでサービス側にあるコピーボタンがまだジョブ側にはない(2023年2月14日時点) ジョブの作成 | Cloud Run のドキュメント | Google Cloud 2023年9月2…
Nuxt v3.0.0のテスト用プロジェクトで、GitHub Actionsでデプロイさせるためにnuxt generateコマンドを実行したところメモリ不足のエラーが出た。 ローカル環境では問題なく成功するし、GitHub Actionsでも成功するときもあるのでメモリリーク的な印象。 メ…
Nuxt v3はcomposablesにstateと処理をまとめると便利なので、よく使うフラッシュメッセージ(数秒表示されて勝手に消えるやつ)を作ってみました。 ソースコード github.com Nuxtのドキュメントでも使われてるStackblitzを試してみたけどこういうときに便利 …
物価や電気代ガス代高騰という名目と、電熱ベストが欲しかった欲望が合致し、リモートワークを作業着の力で乗り切ることにしました。 買った商品や選定基準をメモ。商品リンクはいつも買ってるまいど屋と、YouTubeチャンネルでお世話になってるユニフォーム…
いよいよバージョン3.0.0 stableがリリースされたNuxtですが、 nuxt.com RC12までTypeScriptのcompilerOptionsのstrictがデフォルトfalseだったがRC13以降trueになりました。 詳細はこのリリースノート v3.0.0-rc.13 · Discussion #8687 · nuxt/framework · …
仕事中も休日も作業服を着るようになり、普段から作業服通販サイト、メーカーのカタログを見まくるもはや作業服オタクになって、もうすぐ季節を一巡りするのでメモ。 これまで買ったやつ 写真を取ってて面倒になるなほど思ってたより買ってて自分でもびっく…
フロント、サーバーともにTypeScriptのWEBアプリケーションにおいて、 NestJS側のEntityやDTO、GraphQLの型をNuxt3側で使えると非常に便利だったのでメモ。 システム全体像にとしてはこの記事参照 uyamazak.hatenablog.com いろいろ前提 レポジトリはNestJS…
2022/8/15にシニアジョブで新規サービスをリリースしました。忘れないうちに振り返りとかをメモ。 まだ想定してる3割ぐらいの機能しかできておらず、これからやること山積みですが、とりあえず動きはするのでWEBサービスのリリースとして許容範囲かなと。 シ…
RCでまだまだ対応ライブラリの少ないNuxt3ですが、TailwindCSSのモジュール@nuxtjs/tailwindcssは 本体の開発者がメンテナンスしてくれているためか、RC以前から問題なく動いているので使用しています。今回アニメーション周りの動きなどが欲しくなったのでT…
CircleCIでCloud Runにデプロイする際、下記のOrbを使ったけどトリガー経由ではないので、コミットハッシュをCloud Build側で使うのがちょっとややこしかったのでメモ。 CircleCIから--substitutions を使って渡す必要がありました。CircleCI Developer Hub …
TypeScriptで素のObjectよりMapの方がTypeScriptと相性がよく使う機会が増えてきたけど、レスポンスに変換するときなどはObjectに変換する必要があったのでメモ。ぐぐったらreduceとか使う古いのが検索上位に出てきてしまうが、 Map.prototype.entries()をOb…
CircleCIを使っていてCloud Runが必要になったので設定したけど、いくつかハマったのでメモ 前提 この公式Orbsを使用する。 CircleCI Developer Hub - circleci/gcp-cloud-run .circleci/config.ymlはこんな感じ。本番でなくステージング環境を作ってるので…
GitHub統計 シニアジョブのレポジトリには3,028回コミットしてた 出社回数 健康診断と新規採用の顔合わせで2回? ざっくり時系列 会社のメインのレポジトリは通年ちょこちょこやってたのでそれ以外 1−3月 会社が歌舞伎町に引っ越しで、NuxtJS + Google App…
TypeORMを使っているプロジェクトで、よくやるEntityのfirstNameとlastNameをくっつけてfullnameを返す方法として、getterを使って実装していました。 getterはTypeScriptというかJavaScriptの標準機能なのでまあ良いかと思っていましたが、 TypeScript: Doc…
Firebase AuthのidToken(JWT)を、サーバー側(NestJS)へのリクエストで使う場面で、 サーバーへのリクエスト時にAuthorizationヘッダーにaccess_tokenを付与する必要があった。 FirebaseのユーザーはNuxt3のuseStateで入れてuseFirebaseUserで使っているけ…
NestJSでユーザー認証にFirebase Authentication + Google認証を使うこととなり、なんとかテスト環境を構築したのメモ。 認証はセキュリティ的にも怖いので、これできなかったらつらいなぁというレベルだったけどできてよかった。 Firebase Local Emulatorを…
NestJSを使ったプロジェクトで、認証だけFirebase Authenticationを使う。 そのためローカルのエミュレータ環境とそれを使った簡単なテストを作った。 ローカルで動かすとUIはこんなので超便利↓ CIではもちろんいらないので無効化してる でもCircleCI上でそ…
NestJSの新規開発で、テストを有効活用しながら開発を進めてるけどTest.createTestingModuleでいろいろハマったのでポイントをメモ。 使い慣れてくると超便利。 今作ってるe2eテストの場合、createTestingModuleはこんな感じ。コメントでメモ。 beforeAll, …
TypeORMのEntityで使うRelation系のオプションがいろいろ紛らわしいのでメモ。 バージョン "typeorm": "^0.2.37" DBはMySQLを使用。 公式ドキュメントはここらへん typeorm/relations.md at master · typeorm/typeorm · GitHub Entityはこんな感じのサンプル…
NestJS + TypeORMを使った新規開発で開発がちょっと進み、テストコマンドなどもできてきたのでCircleCIで自動実行できるようにしたのでメモ。前提としてローカルではテストなどが動いていること。 実行したのは下記。まだデプロイなどは行っていない。 lint…
昨日、思考停止の力技でなんとかしまってたけど、TypeOrmModule.forRootAsyncでテスト用の接続環境を渡し、TypeOrmModule.forFeatureをしっかりやればシンプルな設定で動いたのでメモ。NestJS + TypeORM でテスト時のRepository依存エラーを力技でなんとかす…
NestJS + TypeORMの環境で、e2eテスト実行時に、テスト用接続情報を下記のように使用したところエラーが出た。 ググっても記事出てこないのでメモ。app.e2e-spec.ts ``` import { getConnectionOptions } from 'typeorm'//省略 describe('UsersController (e…
2021/9/30 ちゃんと解決できたのでこちらの記事参照 uyamazak.hatenablog.com 以下、特に役に立つことはなさそうNestJS + TypeORMでJestのテスト時、@InjectRepositoryを使った部分の依存関係がなかなか解決できなかった。 そのため@InjectRepositoryに頼ら…
今回作ったサイトシニアジョブ会計事務所 https://accountant.senior-job.co.jp/accountant.senior-job.co.jp会社で出したプレスリリースはこちら既存の求人ポータルから、会計事務所系のお仕事に特化させたサイトです。専門用語でいうとサテライトサイトで…
2021/9/7追記 エラーの原因は、@nuxtjs/composition-apiではなく、error.vueの描画時の問題だったので、error.vueの内容をclient-onlyで囲むことで解決しました! @nuxtjs/composition-apiは悪くありませんでした。 ずっと放置してたけど他のメンバーに見て…