GameWith Developer Blog

GameWith のエンジニア、デザイナーが技術について日々発信していきます。

GDS のビルド方式をパッケージビルド方式に変更しました #GameWith #TechWith

はじめに こんにちは!スケールアーキテクトチームの @53able, @inosy22, @nog です! 今回は GDS のビルドの構成を変更したので、紹介していきたいと思います! GDS についてはこちらのブログで紹介していますので、御覧ください。 tech.gamewith.co.jp 課…

GameWith の フロントエンド を TypeScript へマイグレーションする #GameWith #TechWith

はじめに こんにちは!Incremental Stream Team の @53able です! 今回は現在自分が着手中の TypeScript マイグレーション PJ について書いていきたいと思います! GameWith の JavaScript まず GamewWith の JavaScript について紹介していきたいと思いま…

ペア・モブ作業(見積り・設計・プログラミングなど)の紹介 #GameWith #TechWith

はじめに チーム・開発サイクルの紹介 モブ見積り ペア設計 ペアプログラミング コードレビュー テスト 終わりに Twitter Wanted! はじめに こんにちは。GameWith のエンジニアの tiwu です! 以前モブ設計・モブ見積りについて紹介しました。 tech.gamewith…

開発速度・パフォーマンスを可視化する #GameWith #TechWith

はじめに 開発チームの紹介 計測 デプロイ頻度 変更のリードタイム IceBox ~ Sprint Backlog Sprint Backlog ~ Close 実装 GitHub API ZenHub API GAS DataStudio 終わりに Twitter Wanted! はじめに こんにちは。GameWith のエンジニアの tiwu です! 今回…

GameWith サービス開発だけではない話(1) #GameWith #TechWith

こんにちは!Incremental Stream Team の @53able です! 今回は、GameWith 開発するエンジニア採用強化のため、我々開発組織固有の雰囲気をカジュアルな形でより知っていただくように、 一緒に働くことをイメージできるきっかけになればと考えて GameWith …

エンジニアの採用情報をまとめた GitHub Repository を公開しました #GameWith #TechWith

ごぶさたしています。@serima です。 このたび GameWith では採用情報をまとめた GitHub Repository を公開しました。 github.com 採用に関する情報の分散化問題 GameWith ではエンジニアを積極採用中ですが、いざ採用候補者の立場にたってみると情報が各所…

ウマ娘フレンド募集掲示板の Firestore 設計と検索 #GameWith #TechWith

はじめに こんにちは。GameWith のエンジニアの tiwu です! 自分が所属しているチームではいくつか攻略ツールを実装しており、去年はあつ森交換掲示板をリリースしたりしました! その際のブログはこちらになります! tech.gamewith.co.jp 今回はウマ娘フレ…

GameWith 開発部で取り組んでいる「業務アピール会」について #GameWith #TechWith

はじめに ご無沙汰しております。GameWith の開発マネージャー @serima です。 最近は 5 歳の息子と一緒にフォートナイトの実況動画をリビングのテレビに映しながら夕飯を食べるというエキサイティングな私生活を過ごしています。 さて、今回のブログは開発…

GameWith の Core Web Vitals(Cumulative Layout Shift) 改善! #GameWith #TechWith

初めに こんにちは。GameWith のエンジニアの tiwu です! 今回のブログは GameWith の Core Web Vitals(Cumulative Layout Shift) 改善について書いていこうと思います! Core Web Vitals developers-jp.googleblog.com Core Web Vitals とは優れたユーザー…

ダッシュボードに ESLint を導入した話 #GameWith #TechWith

はじめに こんにちは!Incremental Stream Team の @53able です! 今回はダッシュボードに ESLint を導入した話を書いていこうと思います! ESLint について ESLint は JavaScript の構文チェックツールです。 eslint.org 導入の背景 GameWith のサービス側…

GoogleAnalyticsの 目標到達プロセスの分析 によって課題発見、改善できた話 #GameWith #TechWith

あいさつ こんばんは、 @peka3 と申します。 今回は、以前の記事で紹介した、あつ森交換掲示板の改善についての話になります! 課題の発見から実装、その後の効果検証まで通して書きたいと思います。 以前の記事は↓↓↓からどうぞ。 tech.gamewith.co.jp 課題…

Google Analytics 4 property(GA4)でできるようになったこととTips #GameWith #TechWith

はじめに こんにちは。GameWith のエンジニアの m です! このブログはアドベントカレンダーの22日目のブログになります! qiita.com 今回は Google Analytics 4 property について記事を書きます! GA4とは 2020年10月14日に正式リリースされた次世代版の G…

2020 年に起きたワークスタイルの変化とこれからについて #GameWith #TechWith

この記事は GameWith Advent Calendar 21 日目の記事です。 最近、ブログ更新を怠っていた @serima です。Splatoon 2 でナワバリバトルをする日々を送っていますが、お仕事では開発マネージャーをしています。 2020 年は新型コロナウイルスの影響で世界的に…

ダッシュボード (Vue.js, Composition API) とテストコード #GameWith #TechWith

はじめに こんにちは。GameWith のエンジニアの tiwu です! このブログはアドベントカレンダーの20日目のブログになります! qiita.com 今回は Vue.js, Typescript で開発しているダッシュボードのテストコードについて書いていきたいと思います! 導入につ…

ツール開発で firestore を初めて使って感じた利点と、ハマった落とし穴 #GameWith #TechWith

こんばんは✋ @peka3 です。 ヘムロックがお気に入りです。 ブログは久しぶりに書きます。 最近は攻略ツールを開発をしております。 先日、あつ森でのアイテムを交換するためのツール「あつ森交換掲示板」を作りました。 フロントエンドは GameWithDesignSyst…

チームの案件管理方法・モブ設計・モブ見積もりの紹介 #GameWith #TechWith

はじめに こんにちは。GameWith のエンジニアの tiwu です。 このブログはアドベントカレンダーの4日目のブログになります! qiita.com 今回はチームで行っている、案件の管理方法や、モブ設計・モブ見積もりについて紹介したいと思います! 案件の管理方法 …

2020年 GameWith の技術広報の1年間の振り返りとこれから #GameWith #TechWith

こんにちは。GameWith のエンジニアの tiwu です。 今年も始まりましたアドベントカレンダー! 1発目のブログは今年1年間の技術広報活動を振り返っていこうと思います! qiita.com Blog 今年(2020年12月1日時点)の投稿数は 17 本でした! 去年が 55 本だった…

GameWith の 手動テスト方法について #GameWith #TechWith

はじめに こんにちは!GameWith QAエンジニアのIです! 今回のブログは GameWitfh で実施している QA について書いていきたいと思います。 QAとは Quality Assurance の略で、プロダクトの品質を保証するための業務全般を行なっています。 企業やプロダクト…

GameWithのリプレイスについて vol.3 ~俺たちは Shadow DOM で Micro Frontend の理想を追う~ #GameWith #TechWith

はじめに こんにちは!Incremental Stream Team の @53able です! GameWithのリプレイスについて第3回目の記事である今回は、 GDS(GameWith Design System) の根底にある方針や考え方について書いていきたいと思います。 前回の記事はこちらから御覧くださ…

TypeScript と aspida で型安全に Vue.js の開発をしている話 #GameWith #TechWith

はじめに こんにちは! GameWith の kuromoka です! 今回のブログでは、GameWith のダッシュボードの開発に、aspida という API のリクエスト/レスポンスに型を付与するライブラリを導入した話を紹介したいと思います。 ダッシュボードのフロントエンド環境…

VSCode Live Share がとても良かった話 #GameWith #TechWith

はじめに こんにちは! リプレイスチームの @53able, @inosy22, @nog です! 今回は VSCode Live Share 使ってみたので感想など書いていきたいと思います! 使ってみたきっかけ リプレイスチームでは、”開発で困ったらペアプロ(モブプロ)で解決する” という…

GameWith メンバーのリモートワークデスク事情! #techwith #gamewith

はじめに こんにちは! GameWith のエンジニアの tiwu です! gamewith.co.jp 弊社は新型コロナウイルス感染症拡大に備えた在宅勤務(フルリモートワーク)を2020年3月30日から実施しています。 そこで、今回のブログは GameWith メンバーのデスクについて写…

エンジニアがオブジェクト指向 UI デザインに入門しています #GameWith #TechWith

こんにちは! エンジニアコミュニティでは、ごーと呼ばれている只野です。 tl;dr 今回は、弊社サービス開発エンジニア3名が オブジェクト指向UIデザイン(OOUI) という手法を学んでみて、所感を持ち寄りました。 オブジェクト指向UIデザイン──使いやすいソフ…

GameWith における CLB から ALB への移行 #GameWith #TechWith

はじめに こんにちは!リプレイスチームの野口と @inosy22 です! 今回のブログは GameWith のロードバランサーを AWS の CLB から ALB に変更した背景や変更手順、詰まったところや解決方法について書いていきたいと思います! リプレイスに関してはこちら…

エンジニアの教養について談義しました #GameWith #TechWith

こんにちは! エンジニアコミュニティでは、ごーと呼ばれている只野です。 tl;dr 今回は、弊社サービス開発エンジニア3名が 教養 に関して、これまでの開発キャリアでどんな視点を持つようになったのかを意見交換をしました。 雑談するノリでゆるい掛け合い…

ダッシュボードの新機能開発にVue.jsを導入した背景と苦労したこと #GameWith #TechWith

こんにちは!サーバサイドエンジニアのkuromokaです! こちらの記事でもあったように、GameWithのリプレイス開発ではVue.jsを使っています。 tech.gamewith.co.jp 今回はリプレイスではなく、GameWithの社員の方が使っているダッシュボードの新機能開発に、V…

iOSのViewが画面上に表示されたことを判定する実装方法 #GameWith #TechWith

こんにちは、iOSエンジニアの chuymaster です! 最近とある案件で、ユーザーが特定のViewを見たかどうかを計測しました。iOSエンジニア向けに、その実装方法について紹介したいと思います。 目次 目次 背景 要件 実装 基本的な実装コード ①UIViewが画面上に…

サスティナブルな社内LT #GameWith #TechWith

サスティナブルな社内LT こんにちは! コミュニティではごーと呼ばれている只野です。 前回社内LTを続けるコツについて、ブログに書きました! tech.gamewith.co.jp 今回はオフィスで開催していた社内LTをオンライン開催に変更をしていった経緯について書い…

GameWithのリプレイスについて vol.2 ~Web Components を Vue で書いたら最高だった編~ #GameWith #TechWith

はじめに こんにちは!Incremental Stream Team の@53able, @inosy22, @nog です! 前回のブログでは Gamewith で行っているリプレイスの概要について紹介しました。 tech.gamewith.co.jp 今回は Web Components を Vueで開発するための、システム( GameWit…

GameWith iOS もくもく会 #20 開催しました #GameWith #TechWith #gamewith_moku2

こんにちは! GameWithのiOSエンジニアのkyamです。 2月20日(木)にGameWith主催で第20回目のもくもく会を開催しました! GameWith iOS もくもく会 #20 https://gamewith.connpass.com/event/166701/ 前回のiOSの開催が9月だったので5ヶ月振りの開催となりま…