asoview! TECH BLOG

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

Figmaデータの見かた|エンジニアさん向け

実装する際の、Figmaデータの見かたの豆知識を紹介していこうと思います。

SVGRを使ってSVGのIconコンポーネントを自動生成してStorybookも出力したい

SVGRというSVGファイルを最適化してJSXの変換してReactコンポーネントとしてラップするところまでやってくれるツールを使ってデザインシステムのアイコン生成してstorybookで管理できるようにしましたのでその紹介です。

リモートワークと自宅介護

アソビュー Advent Calendar 2021の1日目、バックエンドを担当している茶色い巨大ネズミです。 私は2年半前より、認知症を発症している父親の介護のため実家に戻ってほぼフルリモートで業務を続けています。私の仕事は自社サービスの業務の中でバックエンド…

Nx をつかって簡単fullstackアプリケーション開発してみた

こんにちは。エンジニア1年目のノグチです。アソビューのフロントエンドで使われているReact, TypeScript, Next.jsあたりの知識を深めるために、最近業務外でアプリケーションを作っています。今回は、その際に便利だったNxを中心に紹介してみたいと思います…

Paketo BuildpackでPython Docker Imageをビルドする

こんにちは。最近立派なApple信者と化しているアソビュー!SREチームのkirimaruです。写真エモいの選べていいですね。 アソビュー!ではJavaをメインで使っているのですが、一部でPythonを使った開発も行われています。今回は備忘を兼ねて、簡単なPythonのス…

コネクションプールの設定を見直してみたら色々と楽になったお話

ここ最近ハマっているのは、マヌルネコを動画で愛でることです。日本では那須どうぶつ王国や神戸どうぶつ王国など一部の動物園で見ることができるようで、先に挙げた動物園はアソビュー!で入場券の購入が可能です。ご興味ある方は、是非。 今回はコネクショ…

IntelliJのFavorites機能つかいましょ

エンジニア佐藤です。ふだんはintelliJを開いていることが多いタイプのエンジニアです。 当たり前にある機能をまったく使っていないことありませんか? Favorites機能つかってますか?日常の業務が少し効率UPし たのでもし知らない方いたら使いましょう! Co…

Yupで動的バリデーションを実装する

こんにちは!アソビュー!でエンジニアをしている山内と申します。 最近の週末は、テントを担ぎながら山に登ってステーキを焼いて食べたりしています。最近、寒くなってきたので次は鍋でもしようかなと目論んでおります。(荷物が重くなりそう) 今回、社内…

Googleサーチコンソールのデータ活用事例

SEO

Googleサーチコンソールから取得出来るデータの活用方法を、当社で実施している実例で紹介します。

Reactで構造化データをJSON-LD形式で実装してみた

Reactで構造化データをJSON-LD形式で実装してみた こんにちは!アソビューでバックエンドエンジニアをしている島田です。 先日、FAQ(よくある質問)の構造化データをGoogle検索のリッチリザルトに表示させるためにreact-helmet-asyncというコンポーネントを使…

モデルベースで要件定義をやってみた に登壇しました

少し時間が経ちましたが 2021.10.29 にオンラインで開催された モデルベースで要件定義をやってみたに登壇しました。 登壇の機会を頂いた神崎さん及び主催の増田さん、登壇者、参加者のみなさんありがとうございました。 勉強会の登壇はオン・オフ通じて今回…

ShopifyのFlowを利用して外部のRest APIを呼び出す

アソビューでバックエンドエンジニアをしている上中です。 皆さんShopify利用してらっしゃいますでしょうか。弊社ではアソビュー!ギフトというECサイトを、Shopifyを利用して運営しています。 ShopifyにはFlow(※注)という便利な機能がありますので、今回…

styled-componentsで動的にthemeを切り替える

こんにちは!アソビューでフロントエンドエンジニアをしている野口です。 先日、特定の条件の場合のみ通常とは異なるスタイルを適用させなければならない場面がありました。その際に、APIのレスポンスをもとにstyled-copmonentsのtheming機能を使って動的にt…

SpringFrameworkのスケジューリング機能と同時実行の抑制

SpringFrameworkには、起動しているアプリケーションから非同期の処理を実行できる機能が提供されており、非同期処理を実行する方法がいくつかあります。その中の1つである スケジューラー(@Scheduled)を使った定期実行の方法と、そのスケジューラーの多…

アクセシビリティに配慮したアイコン

今回のテーマは、アクセシビリティ×アイコンです。 様々なアイコンフォントを提供しているサイトがありますが、そのままのコードで使ってしまうとアクセシビリティ的によくありません。

React hooksでREST APIを叩く際のカスタムhooks(useFetch、usePost)とSWR

今日はアソビューの各種アプリケーションのフロントエンド(React&hooks api)で使うAPIクライアントについて改めてまとめてみたいと思います。 自作のuseFetch、usePostおよびvercel社のuseSWRについて。

sitemap.xmlの誤用と弊害

SEO

【アソビュー!TechBlog】sitemap.xmlの使い方を間違えたために思わぬ弊害が発生した事例を紹介します。

モノリポで git worktree が便利そう

エンジニアの村松です。恥ずかしながら最近ようやく PayPay デビューを果たしました。 今回はちょっとした開発 Tips を紹介します。 モノリポ開発で困ること アソビューが提供しているサービスは多数のアプリケーションで構成されており、これらのアプリケー…

注意が必要なSpring Batchの使い方

注意が必要なSpring Batchの使い方

アソビュー!エンジニアのオンボーディングについて考える

エンジニアの村松です。昨年11月にアソビューに入社しました。好きなタイカレーはイエローカレーです。辛いものは得意ではないですが、最近はグリーンカレーもイケるようになりました。 さて、新しく入社するメンバーが、ローカルPCに開発環境をセットアップ…

アソビューを支えるプロダクトチーム in 2020

アソビューを支えるプロダクトチーム in 2020 アソビュー! Advent Calendar 2020 の25日目の記事です。 メリー・クリスマス!アソビューCTOの江部です。 早いもので2020年も残り僅かですね。今年はコロナの影響もあり、余暇の課題解決をテーマとするアソビ…

技術投資を可視化し、人員計画を最適化してみた

こちらは アソビュー! Advent Calendar 2020 の24日目の記事となります。 こんにちは、アソビュー株式会社マーケティングプラットフォーム部開発責任者の服部です。 全国20,000以上の遊びやレジャーやチケットを検索して予約・購入ができるアソビュー!とい…

Spring Security5 を使ったソーシャルログインの実装

Spring Security5 を使ったソーシャルログインの実装

軸の転換とQAの視点

アソビュー! Advent Calendar 2020 の20日目です。 初めまして。アソビュー!QAの青柳です。 昨年のアソビュー Advent Calendar 2019では、以下の記事を書かせていただきました。 アソビュー!QAチームの紹介 — asoview! TECH BLOG アソビュー Advent Calen…

アクセスログでGooglebotのクロール分析

SEO

【アソビュー!TechBlog】大規模サイトのSEOにおいて重要と考えている、Googlebotのクロール状況の分析について、アソビュー!で実施している分析の内容を説明します。

Amazon Kinesis Data Streams + Protocol Buffersで実現するイベント駆動アーキテクチャー

アソビュー! Advent Calendar 2020 の18日目です。 初めまして、アソビュー!SREのkirimaruです。最近Amazon Kinesis Data Streams用の社内向けライブラリ「Pelican」を開発したのでその話を書こう!と思ったのですが、Amazon Kinesis Data Streamsの活用事…

ValueObjectのすゝめ

ValueObjectのすゝめ Photo by bruce mars on Unsplash アソビュー Advent Calendar 2020の16日目です。 こんにちわ、今年1月に入社したサーバーサイドエンジニアの頭島です。 テーマ 今回は、ドメイン駆動設計(以下DDD)の技術的アプローチのひとつでもあ…

SpringBoot2系にDBUnitを適用する

アソビュー! Advent Calendar 2020 の15日目です。 アソビュー!のバックエンドエンジニアをしている茶色いネズミです。今回はデータベースの試験をコード化できるDBUnitをSpringBoot2系で動作するまでの手順をかんたんに紹介します。 DBUnitはRDBを使った…

サーバサイド(Spring Boot)でGraphQLを実行する

アソビュー Advent Calendar 2020の14日目です。 アソビューでバックエンドの開発をしている上中です。 今回は表題の通り、GraphQLをSpring Bootのサーバサイドから実行することがあったため、その時の実装についてです。 というか、もっと良い方法があれば…

Chrome 拡張機能でちょっとした困りごとを解決しよう

アソビュー! Advent Calendar 2020 の12日目です。 エンジニアの村松です。 早速ですが「開発やデバッグに役立つちょっとした機能やツールが欲しい。でも、プロダクションコードにそんなものを埋め込むのは忍びない。」みたいなことを思ったことはないでし…