株式会社スタメン の技術ブログ

Utility Typesで楽に、Type Transformしよう

こんにちは。フロントエンドエンジニアの 渡邉 です。 普段ReactとTypeScriptを書いています。 今回はTypeScriptのUtility Typesについて紹介します。 記事のタイトルが某 大柴さんみたいになっていますが、この記事を読んだ方の力に少しでもなれたら幸いです。 目次 Utility Types よく使うUtility Types その他Utility Types 最後に Utility Types 公式ドキュメント Utility Typesは楽にType Transformす

Amazon Athenaでのパフォーマンスログ分析

Amazon Kinesis Firehose 概要 こんにちは。スタメンで開発者をしている津田です。今回は、 Amazon Athena を利用しアプリケーションのリク エス ト処理時間をセグメント別に計測することで、パフォーマンスの低下を検知しやすくしたことについて紹介します。 動機 Webアプリケーションのパフォーマンスについて、以前は主に、 ロードバランサー の平均処理時間を参照していま

こんな時こそ社内ネットワークを見直そう

こんにちは、モバイルアプリグループでモバイルアプリの開発をしている @sokume です。 実は日々の開発の傍ら、社内の情シス担当として社内のネットワーク環境の検討や改善に取り組んでいます。 今年の4月〜6月までの間、弊社も新型コロナウィルスに関しての緊急事態宣言にあわせて、全社リモートワークを推奨する期間となっていました。 5月末に緊急事態宣言が解

Recoil触ってみた

Recoil入門 こんにちは。フロントエンドエンジニアの 渡邉 です。 最近フロントエンド界隈で盛り上がっているRecoilについて学びました。 本記事は自分のRecoil入門のついでに記事にしたので、初級者向けになっています。 目次 Recoilとは 使ってみる API Referenceを読む 参考サイト Recoilとは Fecebookが新しく発表したのReactの状態管理ライブラリです。 公式ドキュメント 使って

【Ruby/Rails】Firebase Cloud Messaging を利用してプッシュ通知を一括送信する

こんにちは。スタメンで主にバックエンドの開発を担当している河井です。 今回は Firebase Cloud Messaging(以下 FCM)を利用したプッシュ通知の一括送信について書いてみます。 背景 実は以前にも FCM を利用した通知の記事 を書いていて、そこでは各デ バイス への通知1回につき1回 FCM へリク エス トをする方法を紹介しました。 しかしサービスが拡大してくると通知先のデ

GatsbyJS で みそかつウェブ の採用イベントサイトを作る

はじめに こんにちは。スタメン エンジニアのミツモトです。 普段は弊社のプロダクトである「 TUNAG 」、「 TERAS 」の開発を行っており、プライベートでは みそかつWeb ( @misokatsu_web )というグループで活動しています。 みそか つウェブの活動として、5/30(土)に「 みそかつ社 エンジニア・デザイナー 転職会議 」の開催を予定しており、そのイベントサイトを Gatsby JSで

redux-sagaと仲良くなろう!

概要 はじめまして。スタメンでフロントエンドエンジニアをしている @0906koki です。筋トレを週5でする筋肉エンジニアです。 普段はReactとTypeScriptで開発をしていますが、サーバーサイドの Rails も API を作成するタイミングで触ります。 弊社のプロダクトである TUNAG では、フロントエンドをReact、Reduxで実装しており、Reduxにredux-sagaを導入しています。今回は、そのredux-sag

リモートワークでのプロダクト部の取り組み

はじめに 20卒の新卒で入社したモバイルアプリチームのカーキです. スタメンでは昨今の 新型コロナウイルス の感染状況を鑑みて4月から原則リモートで業務を行なっています. リモートでの業務ではZOOMを使用し、 インターン 生も含めた全17名が同じ部屋でカメラをオン、マイクをミュートの状態で業務を行っています. 普段のzoomでの様子 今回はスタメンプロダクト

仕様やUIの決定は戦略的に

こんにちは、スタメンでディレクターをしている @nicka0001 です! 普段は主に TUNAG の改善施策の企画、設計やプロジェクトマネジメントを行なっています。 今回は、サービスを運用していくにあたっての戦略的な機能企画について書いていきます。 戦略の必要性 仕様やUIを決定することは正解がなく、とても難解で怖いものです。 シンプルに便利・不便/使いやすい・使

useEffectを理解する

こんにちは。フロントエンドエンジニアの 渡邉 です。 スタメンで開発しているサービスの新機能は、React v16.8で追加された hooks 等を使って開発しています。 その中でも本記事ではuseEffectについて触れていこうと思います。 目次 hooksとは useEffectの第二引数の依存リストを正確に渡す 参考サイト hooksとは フック (hook) は React 16.8 で追加された新機能です。state などの React

AWS 認定ソリューションアーキテクト-アソシエイトに合格したので振り返ってみる

こんにちは、スタメンでバックエンドのエンジニアをしている河井です。 今年の3月に AWS 認定ソリューションアーキテクト-アソシエイト(SAA-C01)を受験し、合格したので勉強した内容や受けて良かったことについて振り返りをしてみます。 ※現在は SAA-C02 が最新で、本記事で紹介する動画や模試もアップデートされて対応済みです 受験の理由 AWS の基本的なサービスを

モバイルアプリ開発のCI/CDにBitriseを採用した理由

こんにちは、スタメンでモバイル アプリ開発 をしている @temoki です。 スタメンに入社した当時は私一人でモバイル アプリ開発 をしていましたが、おかげさまでこの一年半で仲間も増え、組織上もモバイルアプリグループが発足するにまで至りました。そのため、最近はチームで一緒になって開発を進めていける喜びを感じつつ、複数人でも開発をスムーズに行うための

アプリだけじゃない🤗インハウスデザイナーの社内業務紹介

スタメンのデザイナーの @kiyoshifuwa です。 現在、 弊社のデザイナーは社員のわたし1名、学生アルバイトさん1名の計2名です。 主にTUNAGなど各事業のアプリケーションのデザインを行っていますが、実は社内のあれこれも、社内のデザイナーが作っています! 今回の記事では、社内業務の一部をご紹介します。 社外の方に向けて 各種Webサイト 規模の大きいものは外部協力

株式会社スタメンのCTOに就任しました。

こんにちは。松谷( @uuushiro )です。 先日コーポレートサイトにて、 新経営体制のお知らせ を公開させていただきましたが、3月より取締役CTOを務めていた小林 一樹が常務取締役VPoEに就任し、 執行役員 CTOには私、松谷 勇史朗 が就任しました。CTO と VPoE を分離することで、小林はVPoEとして組織と事業に、私はCTOとして技術に専念し、組織・事業・技術の意思決定の速度と

RDS Performance Insights を使って DB の負荷を監視する

こんにちは、スタメンでバックエンドのエンジニアをしている河井です。 私の所属するバックエンドチームでは、普段からサービスのパフォーマンス監視とチューニングを継続的に行っています。 今回は、データベース負荷のモニタリングに使っている Performance Insights というツールの活用方法をまとめてみます。 Peformance Insights について Performance Insights(パフォーマン