GameWith Developer Blog

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

2022-01-01から1年間の記事一覧

少人数チームでもデザインドックの恩恵を受けている

導入した経緯 デザインドックの運用 デザインドックを書く基準 デザインドックの項目 1ページに収める 何が効果的だったのか 不要なミーティングをしなくて済む 目標に沿わない機能を削れる 思考リソースの削減 情報へのアクセスが容易 まとめ 参考 GameWith…

Autifyの結果画面にフィルタ機能を付与するChrome拡張を作ってみた #GameWith #TechWith #Autify

この記事は GameWith アドベントカレンダー2022 23日目の記事です。 サービス開発部のdanaです。 5日目の記事に続いてAutifyを利用している上で工夫した話第2弾で、 今回はAutify用にChrome拡張機能を作成した話になります。 GameWithではAutifyを利用してい…

Froala 徹底解説! #GameWith #TechWith

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

認定スクラムマスターが自チームにスクラムを導入しないわけ #GameWith #TechWith

こちらの記事は12/20日のアドベントカレンダーです。 こんにちは。@esuEichi です。 ツール開発チームというチームで普段は開発やディレクションをしたりしています。 このチームでは各種ツールを起案から製造まで行っています。 例えば今流行っているツール…

functions を使って firestore のGETをキャッシュしてコストを抑える #GameWith #TechWith #firebase

こんばんは! @peka3 です 今回の内容は、firestoreの読み込み結果をキャッシュしてインフラコストも抑えましょう、という話です 今回もfunctionsを利用します firestoreと利用料と怖いところ 2022/12現在の東京リージョンのfirestoreの利用料は以下のような…

firestore で物理削除を使うか、論理削除を使うか考える #GameWith #TechWith #firebase

こんばんは、peka3 と申します! 最近はポケモンSVでランクマッチに潜っています GameWithのポケモン交換掲示板も大変賑わっております!! 今回は firebase/firestore を使った投稿系サービスにおける「削除」の話になります 運用してきて思ったこと、気づ…

Amazon SQSを使って処理をキューイングするシステムを構築してみた #GameWith #TechWith #AWS #SQS

こんにちは! スケールアーキテクトチームの@shgx です。 今回はAWSのSQS(Simple Queue Service)を使って処理をキューイングするシステムを構築してみた話になります。 そもそもキューイングって何なのか?とか言うところもあるかもしれないと思うので、そ…

Autifyを用いたE2EテストをJSで工夫した話 #GameWith #TechWith #Autify

この記事は GameWith アドベントカレンダー2022 及び Autify アドベントカレンダー2022の5日目の記事です。 はじめまして!サービス開発部のdanaです。 GameWithではサーバーサイド開発を担当しています。 今回はE2Eテストで採用しているAutifyの話をします…

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

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

マイクロアニメーションコンポーネントを実装しました #GameWith #TechWith #vue #vuejs #vuecli #lottie #lottieweb

こんにちは! @53able です。 今回は、再利用可能なマイクロアニメーションを実装した話を行っていきたいと思います。 Web コンポーネント(Web component) カスタム要素の data-animation 属性に指定したアニメーションが再生される仕様のコンポーネントを作…

社内でFlutterを採用しアプリと管理画面を開発した話 #GameWith #TechWith #Flutter

はじめに GameWithのクライアントアプリチームでリーダーをしているkyamです。 その前は価値検証チームというところで、色々新規サービスの事業検証などを行っていました。 先月、Flutterで作成したポケGO最新攻略&レイド招待ツールアプリをiOS・Androidア…

シューティングゲームの銃弾の当たり判定を作ってみる #GameWith #TechWith #Unity #C#

はじめに FPSゲームっぽくするにはどうする? 当たり判定とは? Unityで当たり判定を実現する方法 OnCollision OnTrigger Raycast Colliderの準備方法 Rigidbodyの準備方法 スクリプトの用意 OnCollision用スクリプト OnTrigger用スクリプト Raycast用スクリ…

Vue テンプレート上のイベントハンドラ引数からオブジェクト参照を渡す方法を考えました #GameWith #TechWith #vue #vuejs

こんにちは! @53ble です。 今回は、<template> 上からリアクティブプロパティの特定要素を更新させる UI が多数あった場合に、イベントハンドラ定義を減らす方法について話していきたいと思います。 概要 SFCの <template> ブロック内に記述されているイベントハンドラ引数から</template></template>…

GameWithエンジニア入社雑記(Case: shgx) #GameWith #TechWith

・はじめに こんにちわ!はじめまして、@shgxと申します。 今年の5月辺り、GameWithのサービス開発部に中途入社しました。 入ってからもう大体6ヶ月くらいになります。時間は早いものですね。 今回は入社してからの雑記みたいなものを、入社の経緯・オンボー…

リモートワークになって最近の働き方 #GameWith #TechWith #リモートワーク

あいさつ 担当している業務内容 1日の流れ 残業について 終わりに あいさつ こんばんは、 @peka3 と申します。 久しぶりの投稿です。 GameWithはコロナ禍以降、リモートワークを中心とした働き方になりました。 そこで、自分が今どういうサイクルで1日を過ご…

モジュールをオンデマンド自動インポートする仕組みを導入しました #GameWith #TechWith #typescript

こんにちは! @53able です。 今回は、VueCLI プロジェクトにおいてモジュールのオンデマンド自動インポートの仕組みを導入したお話をしていきたいと思います。 概要 TypeScript コード上で一部の import 文が省略できるようになります。 開発環境 プロダクシ…

複数の環境変数ファイルで変数定義存在チェックを自動化しました #GameWith #TechWith #vue #vuejs #vuecli

こんにちは。ご無沙汰しております。 @53able です。 今回は、静的コードチェックを強化したことについてお話しようと思います。 概要 環境変数定義のチェックを自動化し、変数定義の不足があればPull Requestに警告を出して不備に気づけるようにしました。 …

インフラ苦手エンジニアが Terraform にチャレンジしました #GameWith #TechWith

ご挨拶 はじめまして。 GameWith のエンジニアの esuEichi です。 ツール開発チームというチームで普段は開発やディレクションをしたりしています。 2021年3月に入社しました。入社時にやりたい仕事やキャリア観を聞かれた際、 「何でもやりますがインフラだ…