端末数が増えたので物理的に管理しきれなくなったというか「これは1台でもバッテリーが発火したらやばいな」という状態になっていたので、アプリ開発に携わらない事務担当のメンバーに「こういうことができたらな〜」と言ったらサクッと100円ショップのアイテムと既存のACアダプタでいい感じのドックを作ってくれた。

f:id:wifeofvillon:20190625164314j:plain — ボックスの中に100円均一の皿立てを並べてある

かなり快適になったので、いろんな意味でメンバーを巻き込んでよかったと思っている。

RTL言語を意識してやっていく

すでにサポートしているRTL言語（アラビア語・ヘブライ語）をもうちょっと手厚くテストしていきたいな〜という話を新大久保の焼肉屋でランチのハラミを焼きながらしたような気がする。

音声入力

前Qで英語の発音がアレすぎるのをサポートするMac用shellを書いたけどそれのアラビア語版を作った。

RTL言語でテストするとわりと思ってもない初歩的な実装漏れが見つかる印象がある。

参考: Macのsayコマンドを使ってアラビア語・ヘブライ語を読み上げる - びよーんのつま。

各種ドキュメントをSlackのカスタムレスポンスに登録する

前QでSlackにopen sesameって打ったらTrelloのカードテンプレを呼べるようにしたって書いたけど、ついでに他にもいくつか登録しておいた。デバイス＆SIMの管理リストを呼ぶコマンドは他のメンバーにも定着しつつあるような気がする。

前Qのエントリ

wifeofvillon.hatenablog.com

これはLEAP motionのチュートリアルで遊んでた画像 pic.twitter.com/Hd29xqnT4K
— wifeofvillon (@wifeofvillon) April 9, 2019

試験端末にインストールされているアプリを一気にアップデートしなければならず読書しながら床でストレッチをする生首（体付き）のイラスト pic.twitter.com/p6EiXL5mW8
— wifeofvillon (@wifeofvillon) April 19, 2019

いつもの森はめっちゃ紫陽花が良いです pic.twitter.com/Ag7GzMudco
— wifeofvillon (@wifeofvillon) June 17, 2019

そんな感じで私は多分元気です。

SOYJOY全部入りパックをおやつリストに入れてみたけどアーモンドチョコが一番好きだな

大塚製薬ソイジョイアーモンド&チョコレート 30g×12個

出版社/メーカー: 大塚製薬
発売日: 2014/04/21
メディア: 食品&飲料
この商品を含むブログ (1件) を見る

2019-06-03

Macのsayコマンドを使ってアラビア語・ヘブライ語を読み上げる

VUI macOS Tips

概要

MacOSの「say」コマンドを使ってアラビア語・ヘブライ語の合成音声読み上げを行う方法のメモ。

概要
sayコマンドについて
アラビア語・ヘブライ語の音声指定
tl;dr

(V)UIテストでの音声入力にMacの合成音声を使う話は以下の記事でも書いた。

wifeofvillon.hatenablog.com

sayコマンドについて

say -v ${voice} ${text}

${voice}に音声の名前(人名)、${text}に読み上げてもらいたいテキストを入力する。

say -c Alex "Hello"

Terminalを立ち上げて上のコマンドをコピペすると男性の声で「ハロー」と読み上げられるはず。

このとき${voice}で使える音声(キャラクター？)は/System/Library/Speech/Voices/下にあるものである。

このキャラクター名は「システム環境設定」＞「アクセシビリティ」＞「スピーチ」の「システムの声」の中にリストされているものと同じなので、ここであたりをつけておくといい。

f:id:wifeofvillon:20190603153915p:plain

アラビア語・ヘブライ語の音声指定

sayコマンドでアラビア語を使うときはLaila、Maged、Tarikあたり、ヘブライ語を使うときはCarmitを使うっぽい。

say -v Maged "سلام" #アラビア語
say -v Carmit "שלום" #ヘブライ語

「ぽい」というのはアラビア語にバリエーションがありすぎてどれが何準拠なのかわからないからである。

tl;dr

音声入力で操作する画面のUIテストを無理矢理アラビア語でやるためのshellを書いてたんだけど、コード中にアラビア文字が表れると入力カーソルがどっちに動くのかわからないのでドキドキする

2019-05-27

アプリケーションに新しい機能を追加したときUIテストで気をつけていること

QA Tips アプリケーションテスト

概要

新機能を実装したり、既存機能をマイナーチェンジしたりするときに拾うUIのバグというか考慮漏れ？にある程度パターンがある気がするので注意して確認するようにしている箇所について書く。

現職で主に扱うのがAndroidアプリなのでAndroidアプリベースで書いているけどtoC/toBのWebでもあ〜あったな〜こういうの〜みたいな気分で書いているのですごくRTLサポートの話以外は特殊な話はしていないと思う。

概要
前提
画面部品を追加したときに注視するところ
- 既存の部品とレイアウトが揃っているか
- 単位表記がローカライズによって崩れないか
画面を追加したときに注視するところ
まとめ

前提

f:id:wifeofvillon:20190527153117j:plain

既存の画面Aに画面部品Bを追加する
画面部品Bをタップすると新しく実装した画面Cが表示される

という仕様を想定して動作確認するときに、個人的にどこを注視しているかを書く。なお、数値、文字列、画像など表示に用いるデータ自体は正しいものとする。

画面部品を追加したときに注視するところ

既存の部品とレイアウトが揃っているか

特にカードやリストの一部などコレクションにアイテムを追加したとき、既存部品とレイアウトは揃っているか。

テキストの文字揃え(*1)
テキストの文字サイズ
テキストのフォント
アイコンの位置(*2)
アイコンのサイズ
背景・テキスト・アイコンの色(*3)
画像アイコンの形
シャドウの有無
枠線の有無
効果音設定(*4)

1)と2)についてはRTL向けレイアウトをサポートしている場合はそこも見る。
3)についてはカラーテーマをユーザが変更出来る場合、それも考慮する。
4)についてはタップ・スワイプにリアクション音をがっつりつけているアプリだと、耳が慣れすぎて気づかないことがあるので注意しないとなーと最近思った。

単位表記がローカライズによって崩れないか

f:id:wifeofvillon:20190527162052p:plain

最近あった例でいうと、上のカウンターが実装されたときに「km」「mi」が「キロ」「マイル」のように翻訳されてレイアウトが崩れた。

このケースはユーザーがどちらの単位を使うか選ぶことができるので気がついたけど、そうでなかったら「km」表記で決め打ちになっていると思い込んでいたかもしれない。「users」と「人」のように短くなるケースも文字揃えが指定されていなくてズレることがありそう。

画面を追加したときに注視するところ

ナビゲーション部品の配置が既存画面と揃っているか

戻る・閉じる・メニューを開くといったグローバルなボタンの位置や向きは他の画面と揃っていて欲しい。最近あった例でいうと戻るボタンをLTRで「←」のアイコンで表しているとき、RTLでは逆向きにしてあげないといけない。

あんまり起こらないケースだけど、デザインを他の画面とは違うテイストで新しく作ったときには要件レビューの時点で気づけるとみんな幸せに過ごせると思う。

既存画面とレイアウトが揃っているか

画面部品のレイアウトの話に加えて、いわゆるトンマナ¹に沿ったデザインであるかも確認したい。

カラールールをどこまで厳格にするかはプロジェクトや企業によると思うけど、今の職場は割と決まった色の中でやろうとする傾向がある。特にデザイナーに画像を作ってもらわないといけない箇所は手戻りが大きいので、これも要件レビューの時点で気づいておきたい。

導線が複雑な場合「戻る」の挙動はどうするか

f:id:wifeofvillon:20190527165825j:plain

既存画面Aからも新画面Cからも画面Eに行ける場合、「戻る」ボタンの戻り先はどこなのか。ありそうなケースは

アプリの設定画面の下に新しい項目を追加する
アプリのホーム画面に「新機能！」カードを表示する
↑をタップすると設定画面の新項目を直接開く

みたいなやつ²。この例えの場合「新機能！」をタップしてきた人が「戻る」を押した場合遷移先は設定画面なのかホーム画面なのかが明文化されていないケースはエンジニアやデザイナーに確認する。

まとめ

仕様書の粒度はプラットフォームにもよるしデザイン体制にもよると思うけど、部品の追加だけならともかく、画面追加や画面遷移の変更を伴うアップデートの考慮漏れは先に確認しておいた方がテスト担当は安心できる。

仕様書が文書じゃなくてAdobe XDとかSketchとかで作ったプロトタイプの場合も戻り先がわかるようになっているとありがたい。

ノンデザイナーズ・デザインブック [第4版]

作者: Robin Williams,小原司,米谷テツヤ,吉川典秀
出版社/メーカー: マイナビ出版
発売日: 2016/06/30
メディア: 単行本（ソフトカバー）
この商品を含むブログ (3件) を見る

マンガで分かる！ Fate/Grand Order(2) (カドカワデジタルコミックス)

作者: リヨ
出版社/メーカー: KADOKAWA
発売日: 2019/05/25
メディア: Kindle版
この商品を含むブログを見る

トンマナとは - Webマーケティング用語｜ferret [フェレット]↩
先に思いついたのが某スマホゲームでキャラクターのレベルが上がってプロフィールが解放された後、ダイアログのボタンから直接プロフィール画面を開いて「戻る」を押すと開きっぱなしの「解放されました」ダイアログに戻るっていうやつだったんだけど、例として不適切な気がしたのでやめた。↩

2019-04-16

定期実施しているリグレッションテストにテストマネジメントツールを試験導入してみた

QA Webサービス TestRail

今働いているチームでは、メインプロダクトの正常系処理を一通り手で触ってみるリグレッションテストを週に1回実施している。このテストにテストマネジメントツールを1ヶ月間試験導入してみたので、実際にやったこととやってみた感想を書く。

tl;dr

雰囲気だけでテストをしているのでテストマネジメントツールをお試しで使ってみたら現状の運用のよくないところが見えてきてよかった。

テストマネジメントツール試験導入の概要

テストマネジメントツールは英語・日本語共に使用レポ記事が多い印象を受けたTestRailを選択した。

www.gurock.com

スケジュール

日付	やったこと
1/22	TestRailのアカウント取得テストケースのimport
1/24	実施計画提出
1/25 - 2/19	テスト実施(週2)
2/4	中間報告提出
2/19	最終報告提出各データのexport

テストケースのimport/exportに関しては別のエントリで書いた。

wifeofvillon.hatenablog.com

試験導入期間はテスト実施回数を増やすため、毎週火・金曜日にテストを行った。その点についてメンバーに理解を求めるためなぜ、いつまで、なにをするかという実施計画をSlackに流した。

TestRailを触り始めて半月くらいで中間報告をレポートとして先の実施計画に追記してSlackに流した。最終報告は追記したものの中間報告でほとんど書いていたためそういえばSlackに流してないな……

実施計画・報告書の内容

このエントリは社内向けの実施計画/報告書を下敷きにして書いている。参考までに目次を貼る。

Overview

History

Why did I try the test management tool

How working on Basic Test and QA testing currently

What I expect the test management tool

How I try to use the test management tool

Trial schedules

Interim Report

Steps to start to run Basic Test on TestRail

Good and Not-good points

Functions of TestRail which need to be followed in spreadsheet method

Final Report

How I used main features

Appendix: Screenshots of TestRail

テストマネジメントツールを使ってみた感想

「今やれていないこと」を可視化できる

現状ではGoogle スプレッドシートを使ってテストケースの登録からシナリオの作成、レポートの作成まで手動でやっている。

これは実施者が私ひとりであることに依存した運用なのでpreconditionが書かれておらず、stepsと期待結果が分離されておらず、本来独立した複数のテストケースとして扱われるべきフローをひとつのテストケースとして扱っていることがある。元々開発者から引き継いだテスト仕様書とはいえ、あまりいいことではないなと気づくことができた。

今回対象となったプロダクトは英語とそれ以外の言語設定でシナリオが異なるが、それもテスト実施中に私が吸収してしまっていてよくないなと思った。上で書いたことと合わせて属人化している要素が思った以上に多いようだった。