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

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

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

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

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 今回はエラーモニタリング(エラートラッキング)サービスであるSentryの扱い方についての記事です。 Sentryとは Sentryとはエラーモニタリングサービスであり、アプリケーション上で発生した…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 先日DevOpsDays Tokyo 2025というカンファレンスに参加しました。今回の記事はその感想レポートです。 DevOpsDays 詳細は以下のページを御覧ください。 www.devopsdaystokyo.org 過去に何度…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 先日弊社は生成AIをプロダクトに組み込んだとある機能をリリースしました。 ミツカリもAIエージェントに！！AIアシスタント機能がリリースされました。早速使っていただき面接の動機づけや面…

はじめに ミツカリのたなしゅん(@tanashun_dev)です。 ReactHookForm、皆さん使っておりますでしょうか。 React開発においてかなりメジャーなFormライブラリですね。 ミツカリでも採用しています。 ReactHookFormにはuseFieldArrayという動的に入力項目を増…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリ開発部ではVisual Regression Testing(VRT)を行っています。VRTを実現するためのSaaSにChromaticというものがあり、これを利用しています。 Chromaticを使うとUI変更の差分を画像で…

はじめに 今回はちょっとした面白企画です。 クイズ形式でTypeScriptの型への理解度をチェックしてみましょう！ クイズ 以下クイズです。問題がコードで書かれています。 答えはアコーディオンで閉じていますので開いて確認してください。 なお、以下で書か…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 最近AWS資格のDOP(AWS Certified DevOps Engineer - Professional)を取得しました。 www.credly.com 今回はその話をしようと思います。 執筆者のバックグラウンド 修士卒 6年間の情報工学、…

はじめまして。ミツカリでエンジニア（ミドルくらい）をやっていますawagakubo(粟ヶ窪)といいます。 今回は弊社のバックエンド環境で採用しているRubyでYJITを有効化してパフォーマンスの向上を図った記録です。 背景 YJITについて やったこと 変化を確認 CP…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリでは2025年からFindy Team+というSaaSを利用しています。 このサービスはgitリポジトリ、GitHubを分析し統計情報から様々な情報を可視化、組織の開発生産性向上を行うようなサービス…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 突然ですが、みなさんはSlackのWorkflow(Builder)機能を使っていますか？ slack.com 何らかの申請や処理フローなどをSlack上で構築できる機能です。マネージドとしてデフォルトで用意されて…

こんにちは。ミツカリのたなしゅんです。 ミツカリはフルリモート環境のため、Slack上でのテキストコミュニケーションが基本です。 もちろん、さっと集まって話した方が早く済むこともありますし、リアルタイムでのディスカッションでしか得られない経験もあ…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリではAIを積極活用して開発効率や生産性を高めようと日々改善をしています。今回は生成AIコードレビューツールに関する話をしようと思います。 コードレビューツールおよび歴史 2022…

はじめに こんにちは、ミツカリのたなしゅんです。 皆さんはプログラミングの際に3rdPartyなライブラリを導入していますでしょうか？ ミツカリではお客様へ価値を届けるまでのスピードを早めるため、積極的にライブラリは使わせていただいています。 ミツカ…

はじめに 書籍レビュー 『イラスト図解式 この一冊で全部わかるWeb技術の基本』 / NRIネットコム株式会社 (著), 小林 恭平 (著), 坂本 陽 (著), 佐々木 拓郎 (監修) / 2017/3/16 概要 おすすめ度 学べたこと・良かった点 微妙だった点 『図解即戦力 Amazon W…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリはtoB向けのWebアプリケーションです。そのため、複数のユーザーが同時利用しますが、リクエスト数はtoCサービスやWeb広告、メディア、その他のtoB向けアプリケーションよりは非常に…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリでは創業した2015年からRuby on Railsを使ってきましたが、近年ではRailsはRestful API(Backend)として位置づけており、FrontendにはNext.jsを利用しています。 創業時から2022年頃…

はじめに 自己紹介 ざっくりキャリア なぜエンジニアに？ 書籍レビュー 『リーダブルコード』 / Dustin Boswell (著), Trevor Foucher (著), 須藤 功平 (解説) / 2012/6/23 概要 おすすめ度 学べたこと・良かった点 微妙だった点 『コードが動かないので帰れ…

はじめに こんにちは。ミツカリのたなしゅんです。 ミツカリではサービスのエラー検知にSentryを利用しています。 Sentryから以下のエラーがページごとに通知されることがありました。 Can't find variable: gmo 本記事ではこのエラーについての解説と、Sent…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 以下の前回の記事ではDatadog Syntheticを選定する過程の話を主に扱いました。 tech-blog.mitsucari.com 今回の記事では、より具体的な運用の話をしていきたいと思います。 テストケース設計…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 ミツカリではDeveloper Experienceに拘っており、日々改善を行っています。CIの一環として単体テスト、インテグレーションテストを行っていますが、2022年ごろからE2Eテストも行っています。…

はじめに こんにちは。ミツカリエンジニアのたなしゅんです。 Backendアプリケーションにおいて、N+1問題というのは基本のキでありながらパフォーマンス影響の大きい重要な問題です。 弊社ではBackendのAPIサーバにRuby on Railsを採用しています。 本記事で…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 Feature Flagという仕組みおよびテクニックがあるのですが、弊社ではこれを用いて開発を行っています。 この記事では Feature Flag自体の説明 Feature FlagのSaaSであるLaunchDarklyの説明 F…

はじめに はじめまして。『ミツカリ』でエンジニアリングマネージャーをしている『たなしゅん』です。現在、弊社には副業の業務委託含めて12名のエンジニアが在籍しており、私は自分以外に5名をメンバとして持つチームを運営しています。 私はミツカリに2024…

こんにちは、ミツカリCTOの塚本こと、つかびー(@tsukaby0) です。 私は現在ミツカリでCTOを務めています。CTOは2024年4月からで、ミツカリ自体は2018年から在籍しています。だいぶ古株になってきました。 2025年よりミツカリでは技術ブログを開設することに…