ミツカリ技術ブログ

株式会社ミツカリの開発チームのブログです

committeeのRequestValidationは便利だが使うのをやめた話

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 弊社では数年前からWeb API開発においてOpenAPIおよびスキーマファーストの開発スタイルをとっています。 今回の記事ではスキーマファーストの開発に interagent/committee を使っていました…

React + ViteのSPAをCloudflareのルーティングを理解しながら作る

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリではPaaSには専らAWSを利用しており、Cloudflareはほとんど利用していません。また、私自身もCloudflareを過去がっつり触ってきた経験はないため、Cloudflareに入門(学習)してみるこ…

Github Actions(ワークフロー)で無闇にSecretsを定義してはいけない話

ミツカリのたなしゅん(@tanashun_dev)です。 Github ActionsでCI/CDを構築する際、ビルドやデプロイ時に秘匿情報を環境変数として渡す場面がありますよね。 例えば以下のような形です。 jobs: jobA: runs-on: ubuntu-latest steps: - uses: docker/build-pus…

マーケティング出身のジュニアエンジニアが教える、Webエンジニアなら抑えておきたいデザインの4原則: ①近接編

はじめに デザインとは? デザインの4原則とは? デザインの4原則① 「近接」 「近接」を使った事例と注意点 最後に はじめに こんにちは!ミツカリでジュニアエンジニアをしています。tt(髙橋)です。 この記事ではWebエンジニアなら抑えておきたい「デザイ…

GithubActionsに標準搭載されていない複雑な実行トリガーを表現する

ミツカリのたなしゅん(@tanashun_dev)です。 GithubActions、皆さん使っていますでしょうか? Pull request(PR)をトリガーにテストを実行したり、プッシュをトリガーにデプロイを実行したりしますね。 ほとんどの場面ではPRが作られたとき、プッシュされた…

Playwright Component Testを用いた単体テストでJestで書けなかったテストを実現する

ミツカリのたなしゅん(@tanashun_dev)です。 弊社で提供しているサービスの一部のアクションでドラッグアンドドロップで画面上の要素の並び替えをする機能があります。 この実装にはdnd-kitというライブラリを使っています。 dndkit.com ライブラリのおかげ…

時系列DBに入門しつつ、パフォーマンスを計測してみる(InfluxDB v2 vs PostgreSQL v15)

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ITシステムにおけるデータベース(DB)には様々な種類が存在します。一般的によく使われるのはリレーショナルデータベース(RDB, RDBMS)であり、PostgreSQLやMySQLが有名です。これらとは別の種…