マップエディターで作成したタイルマップを Phaser3 で描画する
概要 TiledMapEditor で作成したタイルマップを Phaser3 で読み込む方法を紹介します。 アセットの読み込み タイルマップで使用した画像データとマップデータの JSON ファイルを読...
Posts
VueRouter のナビゲーションガードのテストを書く
概要 VueRouter のナビゲーションガードのテストの書き方について。 グローバルガード コンポーネント内ガード それぞれでの書き方を紹介します。 グローバルガード...
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") セルの値を取得...
ActionMailer のメールクライアントに AWS SES を使う
概要 Rails の ActionMailer でメールクライアントに AWS SES を使う場合の設定方法を書いています。 AWS アクセスキーを用意する SendRawEmail オペレーションを実行可能な IAM ユーザーのアク...
Phaser3 でインベーダーゲームを作成する 1
概要 Phaser2 版のサンプルを参考にインベーダーゲームを作ります。 今回はプレイヤーと敵キャラクターを作成し、画面に表示させます。 また背景を表示し、無限...
Phaser3 でスプライトシートを使ったマップの作成
概要 javascript のゲーム作成フレームワーク Phaser3 でスプライトシートを使ったマップの作成方法について。 環境を用意する Phaser3 を簡単に試したい場合にはこちらのテンプ...
VueRouter を使ったコンポーネントのユニットテスト
概要 VueRouter を使ったコンポーネントのユニットテストの書き方について簡単にまとめています。 RouterLink をテストする 以下のようにテスト対象のコンポーネントが RouterLink を...
現在時刻をモックした Vue コンポーネントのテストを書く
概要 Vue コンポーネントのユニットテストで日時を特定の時点に設定してテストを実行したいときがあります。 Jest のモック関数である SpyOn を使って任意の時間を...
Vue.js でコンポーネントのメソッドをテストするときに注意すること
概要 Vue.js でコンポーネントメソッドのテストがうまくいかずハマってしまったので備忘録として残しておきます。 テストフレームワークには Jest を使っていまし...
vue-progressbar で作るプログレスバーコンポーネント
概要 プログレスバーを簡単に実装できる vue-progressbar ライブラリを使って再利用可能なプログレスバーを表示するコンポーネントを作ります。 プロジェクトの作成 VueCLI の...