はじめに こんにちは、CommuneのGlobalチームのテックリード、Alekseiです。この記事では、アーキテクチャ変革に続くテスト戦略について説明します。アーキテクチャの決定について詳しく知りたい方は Series #2 を、管理の観点についてはチームリードのyoshifumi.kondoが書いた Series #1 を参照してください。 前回の記事では、レイヤードアーキテクチャをコロケーテッドアーキテクチャに変革し、並行開発を可能にし、Next.jsの規約とベストプラクティスに沿って開発できるよう

Series #1｜本稿は概念と枠組みの共有。具体実装は #2・#3 へ。 TL;DR ・6年以上の成長で Next.js の進化に追従するコストが増え、開発速度と知識分散に課題が見え始めた ・管理画面を段階的に刷新し、技術的負債を計画的に解消しながら高速な開発体制を構築（ユーザー影響は最小化） ・初期は AI 活用や新技術の前提を楽観視し、計画をリベース。以降は機能オーナーシップ/コロケーション設計、外部知見、ドキュメント/テスト強化で並行開発できる自律的なチームへ

Webサイトのリリース後に 「一部のユーザーだけ画面が真っ白になる」「謎のエラーが飛んでくる」 といった現象に遭遇したことはありませんか？ もしかしたら、それは Version Skew（バージョンスキュー） と呼ばれる問題のせいかもしれません。 最初に こんにちは。ココナラテックの開発をしているエンジニアのもちさんです。 私はある日、手元の端末で再現性の低いエラーに悩まされました。 ブラウザキャッシュを消すと直る、でも根本原因がわからない。そんな厄介な症状の裏に、この「新旧リソースの混在」という構造的な

早稲田大学基幹理工学研究科 修士1年の斧田洋人です。このたび、LINEヤフーのインターンシップにセキュリティエンジニアとして参加し、1か月間就業しました。このブログでは、インターン中に取り組んだ内容を...

はじめに こんにちは！ 2025年にニフティへ中途入社した寺島です。 マイ ニフティチームで、モバイルアプリの開発に励んでいます。 前々職は訪問修理、前職はモバイルアプリの開発に携わっており、ニフティがキャリア3社目となります。 今回は、私がどのような想いでニフティに入社したのか、そして実際に働いてみて何を感じているのかを、お伝えできればと思います！ ニフティってどんなところなんだろうと気になっている方の参考に、少しでもなれば嬉しいです。 自己紹介 30代前半で、2歳の子供が一人います。 趣味は、子供がで

初めに ども！今月はAI開発にどっぷりな毎日な龍ちゃんです。今回は「 AIと爆速開発！Next.js×Nest.js型定義同期の自動生成パイプライン構築術 」で開発効率を上げたんですが、そこで起きた問題について原因究明と解決策を模索したので解説していこうと思います。 TL;DR Orvalで全APIエンドポイントにSWRフックを自動生成していたんですが、 バンドルサイズの肥大化 と 不要なオーバーヘッド が問題になってしまいました。 解決策 : client: "axios-functions" に変更し

Webアプリケーション開発における画像描画機能の実装方法について説明しています。SVGタグを用いた描画方法や、Next.jsのクライアントコンポーネントとしての実装例などを紹介します。

こんにちは。Cross Border (XB) Engineeringの @deeeeet です。 先日、2025年9月30日に越境取引事業の新戦略を発表し、メルカリ初の世界共通アプリ「メルカリ グローバルアプリ」（以下、グローバルアプリ）の提供を開始しました。 そこで今回は、グローバルアプリの開発プロジェクトの開発舞台裏をご紹介する連載企画をスタートいたします。 トピックはバックエンド開発のみではなく、モバイル開発、Web開発、SRE & Enablingなどなど多岐にわたるのでお楽しみに。 「

デモアプリケーションの紹介 主な機能 技術構成 Denoとは Deno Deployとは 参考 Deno KVとは ローカル環境でのDeno KV Deno KV on Deno Deploy 参考 WebSocketとは 参考 デモアプリケーションを作りました アプリケーションの構成 主な機能 技術的な実装 まとめ 株式会社ゆめみでサーバーサイドエンジニアをしている、うーたんです。 2023 年 4 月に株式会社ゆめみへ新卒入社し、現在はサーバーサイドエンジニアとして案件を担当しています。 技術同人誌へ

はじめに この記事は メドレー夏のブログリレー 2025 22 日目の記事です。 メドレー医科診療所プロダクト開発室 AI推進グループの桶谷です。 AI推進グループでは、「AIで “医師” と “エンジニア” の生産性を最大化する」というミッションを掲げ、医師の皆様に向けたAIソリューション（「ゼロ距離医療」の実現）と、社内エンジニアの生産性向上（「CLINICS 10x」）の両輪で様々な施策に取り組んでいます。取り組みの全体像は こちらの記事 で詳しく紹介しています。興味のある方はぜひお読みください。

はじめまして。クロスイノベーション本部、新卒1年目の大岡叡です。 現在、技術職に配属された同期6名とともに7月から9月の3か月間にわたるシステム開発研修に取り組んでいます。研修では、運営側が定めた必須機能に加えてチームで考えた追加機能を自由に実装することが認められています。 私のチームではある追加機能を実装することを決定し、その中でテキストの感情分析を取り入れることにしました。 開発したシステムは AWS ECS on Fargate にデプロイすることが決まっており、また私が学生時代からAWSの資格勉強

初めに AIと一緒に開発をするようになってから、フロントエンドとバックエンド両方を爆速で開発することができるようになって、検証が爆速で進むようになった龍ちゃんです。 AIが混乱しないようにプロジェクト自体を整備する方法についてお話しします。AIと一緒に開発を進める開発手法に関しては、以下の記事で解説をしています。 Claude Code革命！3フェーズ開発で効率的な開発：計画→実装→検証術 AI協働で仕様書アレルギー克服！開発時間を1週間→2日に短縮する実践法 Claude Code仕様書ベースでハマる6

はじめに ども！毎日毎日Claude Codeとお話して日課となっている龍ちゃんです。直近ではClaude Codeに関するお話を執筆していこうと思います。 最初は「これは革命的だ！」と思って飛び込んだClaude Codeでしたが、実際に使い込んでいくと、思った以上に奥が深くて、適当にプロンプトを投げているだけでは思うような成果が出ないことがわかってきました。 今回は、私が実際にClaude Codeを使い倒してきた中で見つけた、「Vibe Coding」から卒業するための実践的なTipsをまとめてみま

こんにちは！アジャイル開発チームの齊藤です！近年、ブラウザ操作エージェントの技術革新が目覚ましく、一般ユーザーでも手軽に利用できるようになってきました。ChatGPT AgentがPlusユーザーに開放されるなど、人の代わりにAIがWebサイトを自動操作する環境が整いつつあります。 これらの技術は業務効率化や自動化においてメリットをもたらしますが、一方でWebサイト運営者にとっては新たなセキュリティリスクとなる可能性があります。本記事では、最新のブラウザ操作エージェントの動向や想定されるリスクを整理すると

はじめに こんにちは、新卒2年目エンジニアの紺谷です。 私はここ1年ほどSaaSプロダクトの運用保守チームで働いています。 普段は顧客や非エンジニアの社員からの問い合わせ対応（プロダクトの仕様の確認やバグ発生時の調査など）や、プロダクトや業務フローを改善していくための開発などをしています。 こういった仕事をやっていくにはプロダクトに使われている技術スタックについての理解はもちろん、プロダクトそのものの使い方や日々刻々と変わっていく仕様を把握したり、その業界特有の複雑なビジネスロジックを理解していくことが欠