MicroAd Developers Blog

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

JavaScript

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

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

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

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

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

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

Vue.jsを使ってメンテナンスツールを作ってみた

ご無沙汰しております。 マイクロアドでアプリケーションエンジニアをしているNです。 約1年前「JavaScriptフレームワーク(Vue.js)を導入して」というタイトルでブログを執筆させていただきました。 その時、 興味を示して頂き何らかの反応をいただければ…

マイクロアドの新卒4人が研修で社内システムを開発した話

マイクロアドの新卒グループです。 全体研修が終わり、システム部の研修として「ななさん」という福利厚生制度を管理するシステムの開発を行いました。 今回はその概要と開発時に工夫した点をまとめて記事にしました。 What's ななさん? ななさんとは、個人…

無停止ブラウザ配信をささえる仕組み

どうもはじめまして、アプリケーションエンジニアの築野です。 主にデジタルサイネージ配信関連に携わっております。 今回は、Webブラウザにて配信アプリを支えている仕組みについて紹介したいと思います。 デジタルサイネージとは 従来の看板や紙のポスター…

JavaScriptフレームワーク(Vue.js)を導入して

マイクロアドでアプリケーションエンジニアをしているNです。 日々、バッチを作ったりWEBアプリケーションを作ったりしています。 今回はライトにJavaScriptフレームワークを導入したお話を書いていきたいと思います。 導入のきっかけ その1~きっかけのきっ…

さようならオーバーレイアニメーション

はじめまして、マイクロアドのSSPサービス COMPASS をメインで担当している「F」です。 オーバーレイ広告は正直ウザいという声もあるとは思いますが、 表現方法という意味では興味深いところでもありました。 そんなオーバーレイ広告ですが、先日遂にアニメ…