asoview! TECH BLOG

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

JavaScript

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

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

Storybook v5.3のざっくり解説

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

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

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

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

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

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

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

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

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