GameWith Developer Blog

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

チームがフルリモートに最適化していく話

はじめに 文章化 チームのドキュメント このドキュメントについて チームメンバーの紹介 チームのコンセプト 働き方(カレンダー) 会議 XXX としてやっていること 用語集 デザインドック 2種類のコミュニケーション メリット・デメリット 同期でコミュニケ…

振り返りを盛り上げる AI を作ってみた

はじめに こんにちは。GameWith のエンジニアの tiwu です。 本ブログは GameWith アドベントカレンダーの2日目になります。 qiita.com 本ブログではチームで行っている振り返りに AI を導入して、振り返りを盛り上げようという試みについて紹介します。 チ…

Froala 徹底解説! #GameWith #TechWith

はじめに Froala とは 導入 TypeScript Tips カスタムボタンの実装 サンプル カスタムドロップダウンの実装 サンプル カスタムポップアップの実装 サンプル カスタムアイコンの実装 サンプル メソッドの紹介 取得系 挿入系 テーブル系 その他 オプションの紹…

「振り返り」と「インプット会」による相乗効果 #GameWith #TechWith

はじめに チームの紹介 振り返り インプット会 どのような相乗効果が生まれたか 終わりに はじめに こんにちは。GameWith のエンジニアの tiwu です。 今年も始まりましたアドベントカレンダー! GameWith アドベントカレンダーの初日は自分が担当します! q…

動画の操作のログを送信する #GameWith #TechWith

はじめに 動画のログについて 再生 サンプルコード autoplay プロパティによる自動再生 停止後、再生が行われた時 終了後、再生が行われた時 停止 サンプルコード 停止した時 終了した時 終了 サンプルコード 音量 サンプルコード 最大化 サンプルコード 余…

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

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

GameWith のログの実装について #GameWith #TechWith

はじめに ログの環境周り 実装例 例1 例2 例3 終わりに Twitter Wanted! はじめに こんにちは。GameWith のエンジニアの tiwu です! 今回のブログは普段の開発の際にどのようにログの実装をしているか解説していきたいと思います。 ログの環境周り GameWith…

ゲームをより楽しむための攻略ツール開発コンテストを開催! #GameWith #TechWith

はじめに こんにちは。GameWith のエンジニアの tiwu です! 今回のブログは現在エントリー募集中のツール開発コンテストについて紹介していきます。 ツール開発コンテスト この度 GameWith では、ゲーム攻略のためのツール開発コンテストを開催いたします。…

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

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

ペア・モブ作業(見積り・設計・プログラミングなど)の紹介 #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 です! 今回…

ウマ娘フレンド募集掲示板の 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 のサービス側…

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

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

チームの案件管理方法・モブ設計・モブ見積もりの紹介 #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 メンバーのデスクについて写…

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

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

サスティナブルな社内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 フロントエンド もくもく会 #19 開催しました #GameWith #TechWith #gamewith_moku2

GameWith のエンジニアの tiwu です。 1月30日(木)にGameWith主催で2020年最初の第19回目のもくもく会を開催しました! GameWith フロントエンド もくもく会 #19 gamewith.connpass.com 新年1発目のテーマは僕自身が関心を高く持っているフロントエンドを採…

PHPerKaigi 2020 にスポンサーとして協賛します #GameWith #TechWith #phperkaigi

こんにちは。GameWith のエンジニアの tiwu です。 この度、2/09, 10, 11 に開催されるPHPerKaigi 2020 に協賛をさせていただきます!!! PHPerKaigi 2020 phperkaigi.jp PHPerKaigi は去年も開催されており、弊社は去年の PHPerKaigi も協賛させていただき…

社内 LT を8ヶ月続けてみて気づいた15個の続けるコツ #GameWith #TechWith

はじめに こんにちは! コミュニティでは、ごーと呼ばれていますが、社内では本名で呼ばれています。 只野です。 今回は GameWith で毎週開催している社内 LT について書いていきたいと思います! 社内 LT の紹介 毎週金曜日の19:15 ~ 19:45 の30分開催して…

GameWith フロントエンド もくもく会 #18 開催しました #GameWith #TechWith #gamewith_moku2

あけましておめでとうございます! GameWith のエンジニアの tiwu です。 12月26日(木)にGameWith主催で2019年最後の第18回目のもくもく会を開催しました! GameWith フロントエンド もくもく会 #18 gamewith.connpass.com 今回のテーマは僕自身が関心を高く…