MicroAd Developers Blog

マイクロアドのエンジニアブログです。インフラ、開発、分析について発信していきます。

TypeScript

Container/Presentational Component パターンの導入検討

はじめに アプリケーションエンジニアの Edy です。 今回は、Vue.js での開発する上で、メンテナブルな設計するために、「Container/Presentational Component パターン」を部分的に適用できないか検討した話となります。 「完全に理解」して、少しでも設計…

初めてのTypeScript・Composition APIでつまづいた事とその解決方法

こんにちは。 マイクロアドでWebエンジニアをしている木田です。 今回は、新たに着手した画面開発の業務においてつまづいたこと、その解決方法についてお話しします。 はじめに 本記事では、以下の言語・フレームワークが利用可能な状態を前提に話を進めます…

約10万行の規模のフロントエンド環境にTypeScriptをマイグレーションした話

今回は UNIVERSE Ads のフロントエンド開発環境へ TypeScript の導入する際に考慮した、JestやVue.jsなどとの兼ね合いや、経緯、現状の開発環境との折り合いなどを踏まえつつ説明できたらと思います。

Jestを使ったVueコンポーネントのマウントテストを導入した話

UNIVERSE ADSでは、たくさんの機能改修や機能追加が日々行われています。 その中でもフロントエンドの改修にフォーカスしていくと、機能改修ごとにコンポーネントの書き換えなどを頻繁に行うゆえに、しばしば改修のたびにデグレが発生していました。 デグレ…

Vue 3 に向けて Composition API を導入した話

システム開発本部アプリケーションエンジニアの Edy です。 マイクロアドの WEB アプリケーションのフロントエンドは、大半を Vue.js を用いて開発しています。 その Vue.js ですが、「Vue 3 is now in RC! (Vue 3 is now in RC! · Issue #189 · vuejs/rfcs …

Jestを使ったVueコンポーネントのテストを導入した話

はじめまして、フロントエンドエンジニアをしている川上です。 業務では、主にサービス要件に沿ったフロントエンド開発を担当しています。 今回は、私自身初めての経験だったフロントエンドのテスト導入手順や、 導入するにあたって気をつけた点などをお話し…

19年度新卒チームが研修でMVP投票システムを作った話

ぼーちゃんトップページ マイクロアドの19新卒グループです。 全体研修が終わり、システム開発部の研修として「ぼーちゃん」という月間インセンティブ獲得者を決める、MVP投票システムの開発を行いました。 今回は、その概要と開発時に工夫した点をまとめて…