この記事は、 Mercari Advent Calendar 2024 の16日目の記事です。 メルカリでは多くの従業員の業務端末にMacbookを用いています。Security チームがmacOSのセキュリティ設定に関わる一連の作業品質・効率改善のため、設定内容の手動IaC化（Infrastructure as Code）を検討・試行した際の技術や課題に関わる所見について紹介します。 概要 この記事では、macOSのセキュリティ設定に関わる一部の作業を自動化し、作業効率を改善するための取り組みについてご

こんにちは。MNTSQ（ モンテスキュー ）株式会社でQAエンジニアをしている坂本です。 今回は ソフトウェアテスト Advent Calendar 2024 の場をお借りして、 弊社の 自動テスト構築過程 をご紹介します。 QAメンバー4名だけでなく、PdMやSREにもご協力頂きながら進めており、 2025年1月からの稼働に向けた準備が大詰めの段階です。 品質と開発スピードの両立を目指したコラボレーションの様子が少しでも伝わればうれしいです。 テスト自動化の目的 MNTSQ社では アジャイル 開発を行っ

この記事は every Tech Blog Advent Calendar 2024 の 20 日目の記事です。 (2025年5月更新) 目次 はじめに エンジニア内定者研修を実施するに至った背景 エンジニア内定者研修の概要 エンジニア内定者研修の目的 エンジニア内定者研修カリキュラム terminal および Git/GitHub の基礎 ネットワーク／インフラ基礎 DB 研修 プログラム基礎 Web 基礎 Web アプリケーション開発基礎 個人開発 受講者のフィードバック おわりに はじめに こんにち

こちらの記事は カケハシ Advent Calendar 2024 の 20日目の記事になります。 adventar.org こんにちは、カケハシのAI在庫管理チームでフロントエンドエンジニアをしている Nokogiri です。 AI在庫では薬局で利用する伝票のPDFをフロントエンドで出力していたのですが、バックエンドに移行しました。今回はその背景や取り組み内容について紹介します。 はじめに:なぜフロントエンドからバックエンドへPDF生成を移行するのか PDFをフロントエンドで出力するといくつかの問題があ

はじめに こんにちは、ZOZOTOWN企画開発部・企画フロントエンド1ブロックの ゾイ です。 ZOZOTOWNトップページでは、セール訴求や新作アイテム訴求、未出店ブランドの期間限定ポップアップ、著名人コラボなどの企画イベントが毎日何かしら打ち出されています。私はそのプラットフォームとなる企画LPをメインに実装するチームに在籍しています。 本記事では、Figmaのコメントに関する課題を解決するために開発したZOZO専用Figmaウィジェットの実装方法と、それによる業務効率化の成果をご紹介します！ 目次

  こんにちは、CADCのLP開発チームです。皆さん、11/29-11/30に開催されたC ...

本記事は 株式会社ココナラ Advent Calendar 2024 14日目の記事です。 デザインシステムの構築は難しく、「作る」ではなく「育てる」という発想が大切です。 本記事では、弊社ココナラで進行中のデザインシステム刷新プロジェクトを例に、「なぜ育てる発想が重要なのか」をざっくり掘り下げてみました。 状況として、デザイン定義としての大枠は8~9割方完成に近づいているものの、実装には課題が山積しています。そのうえで改めて「何が難しいのか」を言語化し、どういうスタンスで進めるべきかという指針を社内の関

みなさんこんにちは、@ultaroです！ 今回は、フロントエンドフレームワークの基礎シリーズのpart1として「フロントエンド技術の基礎知識」を紹介します！

この記事は、 NTT Communications Advent Calendar 2024 13 日目の記事です。 フロントエンドのインフラ構成を見直すことで運用コストを 99%削減できた事例についてご紹介します。 目次 目次 はじめに 見直しの背景 これまでの環境 課題 実現方法 工夫した点 動的コンテンツを表示させる 設定の自動化 変更後の効果 おわりに はじめに こんにちは、 NeWork 開発チームの栄です。 普段はオンラインワークスペースサービス NeWork の開発エンジニアをしています。

はじめまして、X（クロス） イノベーション 本部プロダクト イノベーション センターの瀧川亮弘です。 本記事は、 電通総研 Advent Calendar 2024 10日目の投稿です。 もともとネイティブアプリを主戦場とするFlutterですが、Web開発にどれほど活用できるのか調査したため共有します。 Flutter とは Flutter for Web とは Flutter for Web の注意点 注意点1. ネイティブアプリがメインターゲット 注意点2. 実装言語がDartに限定される 注意点3

こんにちは。メルカリ ハロのモバイルチームのEMの @atsumo です。 この記事は、連載： メルカリ ハロ 開発の裏側 – Flutterと支える技術 – の3回目と、 Mercari Advent Calendar 2024 の7日目の記事です。 はじめに メルカリ ハロは2024年3月にリリースされた、Flutterを用いて開発されたアプリケーションです。本記事では、デザインシステムの導入によって実現した開発効率の向上と、その具体的な運用方法について共有いたします。 目次

aptpod Advent Calendar 2024 12月12日の記事です。 こんにちは、開発本部Visual M2Mグループの遠藤です。フロントエンドエンジニアとして働いています。 Playwright 1.49.0から Aria snapshots という機能が新たに追加されました。この記事では、PlaywrightのAria snapshotsを実際に試しながら機能の紹介を行いたいと思います。 Aria snapshots とは アクセシビリティツリーについて Aria snapshots を使

この記事は、 Merpay & Mercoin Advent Calendar 2024 の記事です。 はじめに こんにちは。メルペイ Frontend の @togami です。 私たちのチームでは Engagement Platform、通称 EGP という内製マーケティングツールの開発をしています。ポイントやクーポンなどのインセンティブの配布、LP の作成と公開、キャンペーンの作成など CRM 関連のことをマーケターや PM がコーディングの知識なしで行えるようにするための社内ツールです。E

はじめに vinxi はフルスタックアプリケーションやメタフレームワークの構築が可能なパッケージです。 開発サーバーとバンドラーに Vite を、本番サーバーには Nitro を使用しています。 SolidStart や TanstackStart で採用されています。 今回は vinxi を使ってメタフレームワークを作ってみます。 進めるにあたり、公式のサンプルや以下の記事を参考にさせていただきました。 Bullding a React Metaframework with Vinxi Simple R

aptpod Advent Calendar 2024 の12月9日の記事です。 本日は、テクニカルライターの篠崎が担当します。 当社では今年、ドキュメントサイトをリニューアルし、複数のプロダクトのドキュメントを1つのウェブサイトに統合しました。 これにより、読み手は全体を俯瞰しながら各製品の詳細に読み進めることができるようになりました。 また、私のような制作側にとっては、ページ間のリンクを張りやすくなりました。内容の重複も減らすことができ、更新作業もしやすくなりました。 統合されたドキュメントサイト 製