株式会社mediba の技術ブログ

Google AnalyticsとCookieを使って、アイコンのA/Bテストをしてみた

こんにちは。制作部の苅部です。 今回は最近実施したGoogle Analyticsを使ったA/Bテストについて書こうと思います。 仕組み自体はすごくシンプルですので、ツールの導入が難しい場合にも簡易的なA/Bテストが実施できると思います。 Google Analyticsを使う機会が少ないエンジニア/デザイナーの方や、普段フロントエンドの実装をされてないディレクターの方に向けて、今回の

機械学習で芸能人の顔を分類してみよう!

みなさん、機械学習やってますか? お久しぶりです。mediba広告システム開発部の原です。 前回はChrome Extensionを活用して広告のプレビューとかに活用しよう!って記事を書きました。 広告のプレビューをchrome-extensionで解決する その後、部署が広告システム開発部に移りましての再登板。今回は機械学習について記事を書いていきます。 アドテク分野でも活用できますし

Docker for Macを使ってRuby on Rails開発環境を構築する

こんにちは。メディアシステム開発部の森竹です。 新規メディアやauスマートパスのサーバーサイド開発を担当しています。 今回は先日Stable版がリリースされた Docker for Mac を使い、Ruby on Railsアプリケーション開発環境を構築してみます。 Dockerとは? Docker 社が提供するコンテナ化プラットフォームのソフトウェアです。 以前は Docker Toolbox を使用していましたが、VirtualBo

【小ネタ】S3 オブジェクトのアクセス制御

お久しぶりです、インフラストラクチャー部の沼沢です。 今回は S3 のオブジェクトに対するアクセス制御についてです。 User Agent で S3 オブジェクトへのアクセス制御したいという要望があり、ググっても意外と出てこなかったので書きました。 どうやって S3 オブジェクトへのアクセスを制御するか 結論から言うと、バケットポリシーで簡単に設定できます。 まずはポ

Adobe Animate CCでサクっとHTML5+JavaScriptアニメーション!

こんにちは。制作部の平尾です。 私は2〜3年前くらいまでFlashがメインでお仕事していたのですが、最近はスマホのお仕事が多いので、新しく生まれ変わった Animate はまったく触っていませんでした。久しぶりにAnimateを使って、HTML5+JacvaScriptのアニメーションを作ってみたらいい感じだったので、簡単にサンプルを使ってご紹介したいと思います。 サンプルの完成イメー

モックサービスmastermindを使って開発を効率的に

メディアシステム開発部の野崎です。 auスマートパスなどのサーバサイド開発を担当しております。 担当システムの特徴としては、連携システムが多いことですが、より効率的に開発運用したい感じることが多いため、 mastermind というモックサービスを試してみます。 はじめに mastermindとは mitmproxy を利用したmockサービスである URLごとやURL patternごとに定義する 定義ごと

ローカル環境でS3の機能を擬似的に再現するモジュールを使ってみた

こんにちは。広告システム開発部の小林です。 私が参加しているプロジェクトでは、AWSのS3を使用しているのですが、phpunitなどのテスト実行時にS3へのアクセスが走ってしまうことがあります。 S3はアクセスとストレージ内のファイルの容量によって課金が発生するため、テスト実行時に費用が発生することを避けたいと思いました。 そこで、ローカルの閉じた環境下でS

Adobe Experience Designを使ってUIデザインを高速で作る

こんにちは。mediba制作部の大村です。 現場でAdobe Creative Cloudを使っているデザイナーさんに朗報です! 既に現場でも使い始めたのではないかと思いますが Adobe Experience Design (以下XD)を使うと普段の作業がサクサクスムーズなんです。2016年6月にリリースされたバージョン4で、メニューが日本語対応となりとても使いやすくなりました。 ちょっと触ってみましたので、レビ

バーチャルインターネット広告(ゲーム広告)を作ってみた。

こんにちは、広告システム開発部の八代です。 今年の4月に広告システム開発部に異動し、広告の知識やシステムに携わることが多くなってきたため、そこで得た知識と最近何かと話題になって来ているVRコンテンツを融合させたバーチャルインターネット広告(ゲーム広告)を簡単に作ってみました。 今回やりたいこと 現実世界の看板と同様に仮想世界の看板に広告を

au Webポータルをスクラムで 100 Sprint 廻してみて思ったこと

こんにちは。メディアシステム開発部の土方です。 最近社内でも色々なプロジェクトに関わらせていただくようになったのですが、その中でも長く携わっているプロジェクト、「 au Webポータル (スマートフォン版)」についてご紹介させていただきます。 上記サービスでは開発プロセスとしてスクラムを採用してもうすぐで丸3年になります。先日100Sprintを超えたというこ

Web Speech APIとdocomo雑談対話APIを使ってBotと楽しく対話する

こんにちは、制作部の今野です。 数年前からGoogle検索や翻訳などに、マイクのアイコンを見かけるようになり、好奇心でマイクをクリックすると、マイクが反応したり、ブラウザが喋り出したりしてビックリしました。 最近、どんな技術で実装しているのかな?と、色々調べていくうちに、「Web Speech API」というのを知り、これをうまく使えば、Botも楽しくなるんじゃ?

awspecでAWSインフラのテストをしてみた

はじめまして。インフラストラクチャー部の山下です。 各種サービスのAWSインフラを担当する傍ら、社内ではRubyやRailsなどを書いてたりしています。 私が参加しているプロジェクトで、AWSの各リソースが正しく構成されているかを確認したいという話が出たため、 awspec を導入してみました。 awspecとは? Serverspecのように、AWSの各リソースをテスト出来ます。 構成 本記

30分で手に入れる、 Beautifulなスクラムツール「Taiga」

こんにちは。広告システム開発部の瀬川です。 medibaの開発プロジェクトでは スクラムを採用するチームをよく目にします。 私も開発メンバーとしてスクラムに参加してきましたが、 利用するツールに迷っていた時期がありました。 今回はそんな時期に出会った、 『オープンソースのスクラムツール「Taiga」をAmazon EC2で使えるようにするまで』 をご紹介させていただき

VimでGoする

メディアシステム開発部の北田です。 auスマートパスのサーバサイド開発を担当しております。 担当サービスのQCDと個人的な問題意識から、 Go言語 の導入に取り組んでいます。 今回は、 Vimmer がGo言語と向き合う際のtipsについてまとめました。 はじめに 無用な混乱を避けるため、注意事項及び前提条件を設けました。 はじめにお読みください。 ソースコード 本稿で利

InVisionで簡単!便利!にデザインレビュー!

こんにちは。制作部の西野です。 mediba制作部では、制作過程でデザインレビューを取り入れています。制作したデザインに対して、そのプロジェクト内のメンバーだけではなく、プロジェクトに携わっていないエンジニア・デザイナーが第三者からの視点でデザインに対してコメントをし合っています。そして、デザインレビューをする際に「 InVision 」というwebサービス