CircleCI Orbs で ECR にイメージのビルドとプッシュを行う

概要 Docker イメージのビルドとプッシュを ECR へ行う config.yml の書き方を紹介します。 テスト用イメージの作成 まずは、適当なイメージを用意。 ここでは nginx を使っていま...

October 8, 2020

マップエディターで作成したタイルマップを Phaser3 で描画する

概要 TiledMapEditor で作成したタイルマップを Phaser3 で読み込む方法を紹介します。 アセットの読み込み タイルマップで使用した画像データとマップデータの JSON ファイルを読...

September 24, 2020

VueRouter のナビゲーションガードのテストを書く

概要 VueRouter のナビゲーションガードのテストの書き方について。 グローバルガード コンポーネント内ガード それぞれでの書き方を紹介します。 グローバルガード...

September 17, 2020

Go での GoogleSpreadsheetAPI の簡単な使い方

概要 GoogleSpreadsheetAPI を Go で使う場合の簡単な紹介。 権限の設定 // ファイルの閲覧のみ許可する config, err := google.ConfigFromJSON(b, "https://www.googleapis.com/auth/spreadsheets.readonly") // 書き込みと読み込みの許可を与える config, err := google.ConfigFromJSON(b, "https://www.googleapis.com/auth/spreadsheets") セルの値を取得...

September 7, 2020

ActionMailer のメールクライアントに AWS SES を使う

概要 Rails の ActionMailer でメールクライアントに AWS SES を使う場合の設定方法を書いています。 AWS アクセスキーを用意する SendRawEmail オペレーションを実行可能な IAM ユーザーのアク...

August 20, 2020

Phaser3 でインベーダーゲームを作成する 1

概要 Phaser2 版のサンプルを参考にインベーダーゲームを作ります。 今回はプレイヤーと敵キャラクターを作成し、画面に表示させます。 また背景を表示し、無限...

August 3, 2020

Phaser3 でスプライトシートを使ったマップの作成

概要 javascript のゲーム作成フレームワーク Phaser3 でスプライトシートを使ったマップの作成方法について。 環境を用意する Phaser3 を簡単に試したい場合にはこちらのテンプ...

July 23, 2020

VueRouter を使ったコンポーネントのユニットテスト

概要 VueRouter を使ったコンポーネントのユニットテストの書き方について簡単にまとめています。 RouterLink をテストする 以下のようにテスト対象のコンポーネントが RouterLink を...

July 20, 2020

現在時刻をモックした Vue コンポーネントのテストを書く

概要 Vue コンポーネントのユニットテストで日時を特定の時点に設定してテストを実行したいときがあります。 Jest のモック関数である SpyOn を使って任意の時間を...

July 16, 2020

Vue.js でコンポーネントのメソッドをテストするときに注意すること

概要 Vue.js でコンポーネントメソッドのテストがうまくいかずハマってしまったので備忘録として残しておきます。 テストフレームワークには Jest を使っていまし...

July 13, 2020