asoview! TECH BLOG

アソビュー株式会社のテックブログ

React Context APIを使ってメディアクエリを共通化してみた。

こんにちはフロントエンドエンジニアの指田です。 コロナの影響でフルリモートになって1か月ほど経ちました。 運動不足気味です。 さて、今回はレスポンシブ対応で利用するメディアクエリをReact Context APIを使って共有・取得がシンプルに実装できたので紹…

Storybook v5.3のざっくり解説

こんにちはアソビューでテックリードやってます井上です。 コロナの影響でテレワークが続いており、運動不足です。(元々してない) リングフィットアドベンチャーが買えないので筋トレ&30分散歩&Beat Saberを始めました。 さて、弊社ではフロントエンドは基…

AWS Lambda(Python 3.8) + S3でファイルをアップロードする

今回は、サーバレス(AWS Lambda(Python 3.8) + S3)でファイルをアップロードする仕組みが必要となったため、その時に調べた方法の備忘録です。 Spring boot(EC2+RDS)でWebアプリケーションとして作成する予定だったのですが、コスト面で見直した結果、今回の…

CommandLineRunnerでバッチ処理を実装する

Spring BootでWebアプリケーションを作っている際、次のような時にバッチ処理を検討することがあると思います。 ・cronなどで定期的に処理を実行したい ・シェルで実行したい ・サーバ側で時間のかかる処理を非同期で行いたい CommandLineRunnerを使うことで…

グローバル決済Night!~越境ビジネスやインバウンド対策を知る~ に登壇した話

こんにちは。アソビューの並木です。 マイクラと猫に癒される日々です。 先日、stripe 様からの招待で以下のイベントに登壇させていただきました 内容について少し触れたいと思います。 connpass.com 東京海上日動様とストライプジャパン様の合同イベントで…

CEC TOKYO イベントレポート

こんにちは。アソビュー!プロダクト開発チームでプロダクトマネジャーを担当している矢野です。 1月22日に開催されたCEC TOKYO(カスタマーエンゲージメントカンファレンス)に参加してきましたので、 社内共有も含めてテックブログにイベントレポートを書…

canvasを使って動体感知。"あの"犯人(犬)を捕まえた!

犬アレルギーだけど犬が大好きな相原(@raihara3)です。 実家で定期的に起こる、ワンコのとある事件の犯人を捕まえるべく canvasを活用して簡単につくった監視ツールの紹介です。 その名も「トイレ警察24時」 名前の通り、トイレの話です。 汚い表現は極力控…

組織とアーキテクチャとマーケットの話

この記事はアソビュー! Advent Calendar 2019 - Qiitaの25日目、最後の記事になります。 メリー・クリスマス CPOの江部です。アドベントカレンダーもいよいよ最終回となりました。僭越ながらトリを務めさせていただきます。 自己紹介ですが、総じて事業・プ…

Spockを使ったユニットテスト

アソビュー! Advent Calendar 2019 - Qiitaの23日目の記事になります。 はじめまして。 アソビュー!のサーバーサイドエンジニアの山野です。 弊社ではSpockを使用したユニットテストを行なっています。 今回はその実装方法について備忘録も兼ね、書きたい…

Google Optimizeで行うA/Bテストのすゝめ

こちらは、アソビュー!Advent Calendar 22日目の記事になります。 はじめまして!新卒2年目の山内と申します。 特徴的な髪型から、社内ではキノコとしばしば呼ばれています。 現在は、社内基幹システムの運用保守とバックエンド開発をしているのですが、1年…

スケールできなかったオフショア開発拠点をなんとかした話

この記事は アソビュー! Advent Calendar 2019 - Qiita 21日目の記事です。 アソビューにてバックエンドエンジニアの服部と申します。 今年の夏よりベトナム開発組織 ASOVIEW VIETNAMのCTOに任命され、組織のスケールアップをメインミッションとして日々奮…

Next.jsアプリをNowで公開する

アソビューAdvent Calendar 2019の20日目の記事になります。 フロントエンドエンジニアの野口です。 今日は、Next.jsアプリを最近話題のNowで公開する方法を紹介します。 ほんとに一瞬で公開できます。 ​ Next.jsとは ​ Reactで簡単にSSR(server side render…

精算システムについて

アソビュー Advent Calendar 2019の19日目。 こんにちは。アソビューで精算システムやSREチームを担当している並木です。 マイクラ歴3年になるのに、いまだに豆腐建築から抜け出せません。 建築センスをください。 簡単な経歴 ・SIerとして、銀行の勘定系シ…

今すぐやめようssh! AWS Session Managerを検証・導入してみた

AWS

この記事は アソビュー! Advent Calendar 2019 - Qiita 17日目の記事です。 アソビューにてバックエンドおよびSREを担当している寺岡(@toda_kk)と申します。よろしくお願いします! 最近はリングフィットアドベンチャーをやり始め、スクワットをする度に…

履歴管理ができるテーブル構造を考えてみた

アソビュー! Advent Calendar 2019 の16日目の記事です。 アソビュー株式会社でバックエンドエンジニアをしている土屋です。 最近はスマブラにハマっており、大会に向けて日々練習中です。 本記事の概要 DBでデータを効率的に管理するためのテーブル構造と…

gatlingで負荷試験を実施する方法

これはアソビュー Advent Calendar 2019の15日目です。 こんにちは、アソビューでBEエンジニアのThang(タン)です。 Gatlingで負荷試験を試したので備忘録です。 今回試したのは Reserve with Google APIの負荷試験です。 APIインタフェースはこちらでご参…

アソビュー! CTOが考えるエンジニアの働き方

アソビュー !Advent Calendar 2019 の14日目の記事です。 こんにちは。アソビュー!で執行役員CTOをしている山崎賢(やまけん)です。 今日は偉そうにも、勝手に自分がずっと想像しているエンジニアの働き方を勝手にツラツラと発信しようと思います! 私が…

EKSでの機密情報の隠蔽にkubernetes-external-secretsを導入してみた

アソビュー!SREチームの霧生です。 この記事はアソビュー! Advent Calendar 2019 13日目の記事となります。 アソビューでは最近一部のアプリケーションのインフラにEKSを導入しています。 その運用をしていく中でDBのuser/passやAPIキーといった機密情報を…

アソビューがサービスを成長させためJavaを選択する理由

これはアソビュー Advent Calendar 2019の12日目です。 アソビューでエンジニアをしている兼平(@disc99)です。 現在Javaは世界中で広く使われる言語である一方で、古い技術と捉えられることも少なくありません。 特に社外の方からは、なぜJavaなのかと聞か…

Spring Bootでバリデーションチェックを実装する方法

アソビュー Advent Calendar 2019 の11日目の記事です。 こんにちは、@seitです。 Spring Bootでバリデーションチェック実装を試したので備忘録です。 github.com アノテーションを使ったバリデーションチェックの方法 今回はSpring Frameworkで用意されてい…

React(Web)とReact Native(with expo)の同じところ違うところ

これはアソビュー Advent Calendar 2019の10日目です。 テックリード/フロントエンドエンジニアの井上(@ashimon83)です。 相変わらずスマブラはネスしか使いません。相変わらず非VIPです。。 今日はReact Native絡みで記事を書いてみようと思います。 アソ…

データドリブンSEOへの挑戦

アソビュー Advent Calendar 2019 の8日目の記事です。 遊びのマーケットプレイス「アソビュー!」のSEOを担当している西本です。 本職はインハウスSEO担当ですが、最近はチーム内でデータアナリストとしての需要も増えており、チームで追いかけているKPIを…

CloudFormation の StackSets を利用した GuardDuty の有効化

アソビュー Advent Calendar 2019の6日目。 こんにちは。アソビューで SRE チームを担当している秋元です。 アソビューのシステムやサービス運用をする上での取り組みを紹介していきたいと思います。 今回は、CloudFormation の StackSets を利用した GuardD…

アソビュー!QAチームの紹介

アソビュー Advent Calendar 2019の5日目。 QAチームの青柳です。 今回はアソビュー!QAチームの紹介と今後の展望についてお話できればと思います。 アソビュー!QAチームとは? QAチームは昨年発足したばかりで、まだまだこれからのチームです。 私が入社し…

入社して2ヶ月。アソビューに転職した理由。

アソビュー Advent Calendar 20194日目 静電気がすごく、ドアノブに触れるのを毎回ビクビクしている相原です。 はじめに 私は10月にアソビューへ入社しました。 以前はインターネット広告代理店でデザイナー兼コーダー(?)として働いていました。 主にグラフ…

いまさらすぎるけど Google Spreadsheet はやっぱり便利だった件

asoview! Advent Calendar 2019 の 3 日目の記事です。 サーバサイドエンジニア/開発マネージャのタケウチです。 最近はビジネスチームと連携する役割が増えてきたのですがデータのやりとりが必要なときは Google Spreadsheet を使っています。いつのまにか…

既存ReactプロジェクトにTypeScriptを導入した話

アソビュー Advent Calendar 2019の2日目。 フロントエンドエンジニアの指田です。 今回はアソビューの既存ReactプロジェクトにTypeScriptを導入した内容についてお話します。 はじめに Babelでコンパイルしている既存ReactプロジェクトにTypeScriptを導入し…

Aurora のカスタムエンドポイントを使ったサービス可用性の改善

こんにちは。アソビューで SRE チームを担当している秋元です。 アソビューのシステムやサービス運用をする上での取り組みを紹介していきたいと思います。 今回は、Aurora のカスタムエンドポイントを使ってサービス可用性を改善している話を書きたいと思い…

HandlerInterceptorAdapterで共通処理を行う

こんにちは、@seitです。 Spring Bootで、各Controllerの共通処理を実装する機会があったので、備忘録です。 サンプルはこちらからどうぞ。 やりたいこと HTTPリクエストに対して、どこにアクセスされたのかをログに出したい。 全てのリクエストハンドラ(Con…

Figmaを使ったエンジニアとデザイナーの協業について 〜WEB DB PRESSに寄稿しました〜

こんにちは。アソビュー井上(@ashimon83)です。 最近のマイブームはスマブラです。ネスしか使いません。 弱小で全然VIPになれません。 さて、今回ご縁がありまして WEB DB PRESS Vol.113 にて 「FigmaによるUIデザイン デザイナーとエンジニアがオンラインで…