FAKELOG

思うがままに書き殴るブログ

子どもテストってどうやってるの?(事前準備編)

f:id:fakestarbaby:20180904231414p:plain

やぁやぁ!

今回から、複数回に分けて、子どもテストについて書いていきたいと思います!

💭子どもテスト is 何?

まずは、子どもテストって何なのよ?っていう話しから始めましょう!

私が働いている キッズスター という会社は、ごっこランド という子ども向けアプリを開発しています。ターゲットとしている子どもたちは、

  • アプリの UI に慣れていない
  • 操作に慣れていない
  • 文字が読めない
  • 言葉を知らない

などなど、普通のアプリを開発するときとは違う、色々な障壁があります。

これらの障壁は、ある程度の知見を持っていれば、事前にある程度は設計に見込めることもあるんですが、最終的には、子どもたちに実際にプレイしてもらい、その結果をプロダクトにフィードバックするという工程を何度も踏んで、クオリティを上げて行くしかありません。

開発中のプロダクトを子どもたちにプレイしてもらうこと、それを「子どもテスト」と呼んでいます。

🤔子どもテストってどうやってるの?

最近、子どもテストをする機会が増えてきた中で、社内から、いつもどうやって子どもテストをしているんですか?とよく質問されるようになりました。私は、社内でもよく子どもテストをしている方なので、なんとなくではありますが、子どもたちが楽しんでいる、楽しんでいないを嗅ぎ分けたり、じっくりと観察することで色々な事実と考察をすることが出来るようになりました。

子どもが居ないメンバーは、なかなか、想像が及ばないところだと思いますし、これから、社員以外の子どもたちにも子どもテストをしてもらえるような環境を整えて行く必要もありそうなので、そのためにも、私が普段どういう感じで子どもテストをしているのか、何を見ているのか、どうやって考察しているのか、を言語化してみんなに共有した方がヨイのでは!という考えに至りました。

また、今までは自分の中に自然にある感じで特別視したことはなかったんですが、改めて、言語化することが出来たらいいな〜!まとめてみるか〜!と思い、書いてみることにしました。

ここで言う子どもテストのやり方に関しては、キッズスターの、というよりは、完全に私個人のやり方になります。やり方には賛否両論ありそうだし、もっと、精度を高めていきたい気もしていますので、お手柔らかにどうぞっ!

今回は、初回ということで、事前準備編を書いて行きたいと思います。

🤔いつ、子どもテストをやるの?

アプリをどのくらいまで開発したら子どもテストをするか、は非常に見極めが難しいところです。

特に、「初回プレイ」という体験は一人につき一回しか体験出来ないことなので、初回プレイでどれだけ伝わるか、楽しんでもらえるか、もう一度やりたいと思わせられるか 、を試せる機会は非常に少なくなります。一回きりしかないことを考えると、機会損失になりそうな要因は、出来るだけ事前に排除しておくべきだと思います。

子どもテストに協力してくれる子どもたちがたくさん居る場合は、そこまで、深刻に考える必要はないかもしれませんが、私が働いている キッズスター では、メインとなるコンテンツがある程度遊べるようになってから、子どもテストをやるようにしています。

😎子どもテストをする前にやっていること

「よーし!ちょっと、子どもテストを手伝ってもらおうかな〜!今日はこのアプリを遊んでもらうよっ!」ってな感じで、いきなり、子どもテストを始めることは、まぁ、ありません。というのも、子どもテストは大変貴重な機会のため、万全の状態で望みたいからです。子どもテストをする前には、事前準備が必要です。

まずは、子どもテストをする前に、私がやっていることをご紹介したいと思います。

👀気が散らないように配慮しよう!

子どもテストをしているときに、何らかの要因で気が散ってしまった場合は、正確なフィードバックが得られなくなってしまう恐れがあります。そのため、あらかじめ、気が散らないように配慮するようにしています。

📺テレビは消しておこう!

テレビは、いつ、子どもたちの注意を引く番組が始まるか分かりませんし、テレビが付いているだけで、アプリの BGM / SE やボイスナビ(操作を補助する音声)が聞き取りにくくなってしまいます。

例えば、子どもテストの結果、プレイに支障が出ていた場合、事前のチュートリアルで流れるボイスナビがよく聞こえてなくて操作が分からなかったのか、聞いた上でまだ操作が分からなかったのか、の区別が付かなくて曖昧になってしまいます。また、テレビの音が流れていることで、BGM / SE やボイスナビの音量が適切かどうかや、子どもたちがそれを聞いた上でどう反応しているかを正しく判断することが難しくなってしまいます。

子どもがプレイする上でも、子どもテストの様子を観察する側としても、テレビは消しておいた方が良いです。

👫兄弟とは少し距離を置いておこう!

兄弟が居る場合は、少し注意が必要です。子どもテストをしている側で兄弟が遊んでいたり、騒いでいたりすると、そちらが気になってチラリと横目で見てしまうかもしれません。目を離すのはたった数秒かもしれませんが、その数秒でも、アプリは進行してしまいます。大事なボイスナビを聞き逃してしまうかもしれません。

兄弟には、気を引くような行為を近くでしないように、少し離れたところで本を読んだり、絵を描いたりするように促しています。

また、兄弟が居る場合は、子どもテストをしているときに、プレイ画面を横から覗き込んでくる可能性があります。プレイ画面を覗き込むことで、子どもテストをしている子どもの視界を遮ってしまい、本来、見えているはずだった何かが隠れて見えなかったとしたら、これも、やっぱり、プレイ結果に影響が出てしまいます。

子どもテストをしている子どもより大きな年齢の兄弟の場合は、プレイしている内容を見て勝手にヒントを出してしまったり、横から声を掛けて来たりします。本人には悪気はなくただ助けているつもりではあるんですが、これもまた、プレイ結果に影響が出てしまうため、事前に、こういった行為はしないように言い聞かせておくことが重要です。

また、兄弟二人ともにプレイしてもらいたいときは、一人がプレイしているときは、もう一人には見せないようにしています。一度でもプレイしている様子を見ている場合は、事前情報有りの状態となってしまうからです。

💡端末の光度を最大に設定しておこう!

端末によっては、光度を自動調整していたりすると思うんですが、子どもテストをするときは光度を最大に設定して、明るくしています。光度が暗めに設定されていて、はっきりと画面が視認出来ない状態では、何かしらの課題があって悩んでいるのか、単純に暗くて見えなくて悩んでいるのか、などの区別が付かなくなってしまいます。

また、端末の光度が暗めになっていると、どうしても、画面に顔を近付けて操作しがちになるので、プレイ画面や操作している様子、子どもの表情なども読み取りにくくなってしまいます。

👀途中で中断されないように配慮しよう!

子どもテストをしているときに、何らかの要因でプレイを中断してしまった場合は、正確なフィードバックが得られなくなってしまう恐れがあります。そのため、あらかじめ、途中で中断されないように配慮するようにしています。

🚽トイレに行かせておこう!

えっ!今、このタイミングでトイレに行きたくなるの?と思うくらいに、子どもの尿意は、突然、襲って来ます。ディズニーランドのアトラクションに並んでいて、あとちょっとで乗れそうだね!というときに限って来る、いつものアレです。

途中でトイレに行くことにより、プレイの流れが分断されてしまうため、直前までプレイした内容を覚えている確証はなくなりますし、じゃあ、また、最初からやるか!とやり直したとしても、もう「初回プレイ」ではなくなっていますし、色々と機会損失に繋がってしまうんですよね。

ということで、事前にトイレに誘導して用を足しておくようにしています。

🥤何かを飲ませておこう!

途中で喉が乾いたら、手元にあるコップに手を伸ばしてしまうかもしれません。画面遷移中の読み込み中画面で、突然、ジュースが飲みたい!と言い出すかしれません。こうしたことが起きてしまうと、画面から目を離してしまう時間が生まれることになり、見ておくべき何かを見逃してしまうかもしれません。

プレイ自体に数十分も掛かることはないので、プレイしている間はせめて、プレイに集中出来るよう、こういった懸念事項も排除しておくようにしています。

👀本当はしたいけど出来ていないこと

事前準備編の最後は、本当はしたいんだけど出来ていないことをご紹介したいと思います。

📹録画したいけどしない!

本当は子どもテストの様子を録画して共有出来るといいんですが、私の場合は、今のところ、録画はしないようにしています。録画をすることで、その撮影している機材に興味を抱いたり、撮られているということを意識してふざけてしまったりして、いつもの自然な状態を作り上げられなくなるんですよね。変顔をして動画に写りたがるお年頃のようでして・・・。気が散る要因は出来るだけ排除したいという気持ちと、私自身が撮ることに夢中になってしまって、プレイ画面の様子と子どもたちの表情を観察出来なくなりそう?という懸念もあります。

子どもたちに気付かれないように隠し撮り出来たらいいんですが、小さい iPhone の画面と、子どもたちの表情を同時に録画出来そうな隠し場所もなく、なかなか、難しいんですよね。これは、今後の課題ですね。


ということで、今回は、子どもテストをする前にしていることを「事前準備編」として、ズラズラと書いてみました。まぁ、なんか、大したことないなっていう気もしますけど、絶対に機会損失させたくないので、排除出来ることは事前にしっかりやっておこう!っていうことだけですね〜!

次回は、子どもテストをするときに何を見ているのかを「実践編」として書きたいな〜と思います!

『子どもが育つ親子あそび 365』を読みました!

f:id:fakestarbaby:20180901022558p:plain

この書籍、元々は、弊社のデザイナーさんが持っていた書籍で、以前から気になっていたんですよね。Amazon で調べてみると、なんと、2003 年に発売されていましたっ!もはや、新品では買えず、諦めて、中古で買うことにしました。それでも、¥830 でしたけどね・・・安いっ!わーい!

ということで、今回は、この「子どもが育つ親子あそび 365」という書籍の書評を書いて行こうかなと思います。

📖で、どんな書籍なの?

子どもが育つ親子あそび365

子どもが育つ親子あそび365

  • 作者: スティーブベネット,ルース・ロッテールベネット,Steve Bennett,Ruth Loetterle Bennett,矢羽野薫
  • 出版社/メーカー: ポプラ社
  • 発売日: 2003/04/23
  • メディア: 単行本
  • 購入: 1人 クリック: 1回
  • この商品を含むブログ (1件) を見る

この書籍は、子どもと一緒にすぐ出来る簡単な親子あそびがたーっくさん紹介されています。用意するものは、身近にあるものばかりなので、特別な準備をしなくても始められる親子あそびが満載なところがいいカンジですね。もう読んでいるだけでもワクワクしちゃう感じです!

それでは、早速、紹介されている親子あそびのカテゴリから見て行きましょう〜!

  • 図画工作が上手になるあそび
  • 想像力を育てるあそび
  • 数学が好きになるあそび
  • 運動能力が育つあそび
  • 理科が好きになるあそび
  • 言葉のセンスが育つあそび
  • 記憶力を育てるあそび
  • 食べものに興味がわくあそび
  • リサイクルに役立つあそび
  • みんなで楽しむあそび
  • 時間だけあれば出来るあそび

豊富!豊富過ぎっ!色々なあそびがたくさん紹介されていることが分かりますね。じゃあ、実際にどういう親子あそびが紹介されているんですか?っていうと、例えば、こんな感じです。

  • 宝さがし
  • 矢印をたどれ
  • お掃除ゲーム
  • どこでもキャンプ
  • 風船バレーボール
  • 絵本づくり
  • かくれんぼ
  • アルファルファの芽
  • 紙は何回まで半分に折れますか?
  • 虫のホテル
  • お医者さん

これはほんの一部で、実際には、365 個の親子あそびが紹介されています!スゴイ数の多さですね!1ページに付き、1つの親子あそびが紹介されている感じなので、スラスラと気になったところだけ読めるのもまたヨサがあります!

😋子ども目線のヨサ

この書籍のヨサはどこにあるのかって言うと、子ども目線であらゆる物事を捉えてみると、全てはあそびになる!ということを教えてくれるところにあると思います。実際のところ、紹介されている親子あそびの中には、へー、なにこれ、楽しいの?と思うようなものもあるかもしれませんが、それは、大人目線のフィルターを介して物事を見ているからに過ぎないんですよね。この書籍は、そんな大人になってしまった私たちの子ども心を呼び覚ましてくれる感じがあります。

また、たくさんの親子あそびが紹介されていることもあって、「なるほど!そういうあそびもあったか!」と発見したり、「確かに!これは、楽しそうだ!」と共感したり、「あ〜、これね!やったわ!もうやったことあるわ〜!」と振り返ったり、色々な刺激をもらえて楽しい気持ちにもなれたりします。

😍非常に共感するポイントがある

私は、自他共に認めるほどの子ども好きで、子どもたちと一緒にあそぶことが大好きなんですよね。今まで、本当にたくさんの時間を子どもたちと一緒に過ごしてきたと思うし、本気で一緒にあそんで楽しんで来たと自負しています。子どもたちとあそぶときは、自分も楽しめて、かつ、子どもたちも楽しめるようなあそびをしてきたつもりです。あそんであげている、なんて思ってしまうようでは、お互いに楽しくないですからね。

例えば、雨の日って家の中で過ごすじゃないですか。で、家の中で出来るあそびって、やっぱり、普通に限られてくると思うんですよね・・・おもちゃであそんだり、絵本を読んだり、テレビを観たり。子どもたちと一緒に遊べる時間って、本当に限られていると思うし、だからこそ、今しか出来ないあそびとか、たくさんしたいじゃないですか。そう考えると、雨の日に出来るあそびって何があるんだろう?とか考えるわけですよ。それで、ググって調べてみたり、自分であそびを考えてみたりするんですよね。楽しいかどうかはやってみないと分からないということもあるので、少しでも楽しそうで出来そうだったらやってみよう!みたいなスタンスで、色んなあそびをしてきました。

こういう経験が自分の中にはあったので、この書籍を読んでいたときに、ああ、自分みたいに色んなことをあそびに変換して、こうしてまとめているひとがほかにも居るんだなぁって、まぁ、そりゃ、居るでしょ!という話しではあるんですけど、なんか共感しちゃって、とてもいいなぁって。そういう意味で、この書籍とはもっと早く出会いたかった感がありますよね。

小さい子どもが居るなら、一冊、持って読んでおいて損はないと思います。あそびの選択肢を増やすという意味でもね。

 😎自分も書きたみ!

なんか、小さいトピックでも何でもいいので、今まで、こういうあそびをしたぞぉ〜!みたいなことをちょこっとずつでも書き溜めて行こうかなぁ〜って、ふと、書きたみが溢れています!割りと、色んなあそびを考えてやってきた方だと思うんですよね。この書籍みたいに、スッと書ける程度の分量で、無理なく、特に、うちの子どもたちが好きでハマったあそびとか、よくやっていたあそびとか、そういうの、書き留めておいたら、あとで見返したときにも楽しそうだなぁ〜みたいなね。

社内のプチ勉強会でオススメの子ども向けアプリを紹介したよ!

やぁやぁ!

先日、社内で不定的に開催されているプチ勉強会(スッと知見を共有し合うゆるい会)で、オススメの子ども向けアプリを紹介しました。どのアプリも子ども向けアプリ界隈では大変メジャーなアプリとなっているので、ほとんど、知っていてつまらなかろう!という所感もあったんですが、こうして、改めて「何が良いのか」を言語化すると見えてくるものがある感じでまとめて良かったなと思いました。

ではでは、スッと紹介しますね。

いろぴこ

かわいい子どもの声を聞きながら色の名前を覚えるアプリ!

f:id:fakestarbaby:20180724135642p:plain

💭 感想

  • タッチしたときのインタラクションが最高に気持ちいい
  • 指に吸い付いてくるような楽しいアニメーション
  • たくさんの子どもがかわいい声で色の名前を読み上げてくれる
  • 最高にかわいくてキュンキュンする
  • 「ぴんくぅ〜!」がお気に入り
  • 子どもは子どもの声に反応する傾向があるし、大人が聞いていても心地良さがある
  • 機能自体は超絶シンプルだけど、その分、クオリティは非常に高く洗練されている感じ
  • hue と連携して動作するところも、リアルな体験から色を学べるという点で良く出来ている
  • うちの子どもたちもハマってよく遊んでいた

👨‍💻 開発元

🔗 リンク

ねずみタイマー

時間を分かりやすく可視化してくれるアプリ!

f:id:fakestarbaby:20180724135755p:plain

💭 感想

  • 目の付け所と発想が素晴らしい
  • 時間の概念は抽象的なものなので、子どもが理解するのはとても難しい
  • 「あと5分だよ!」と言われても、なかなか、その5分をイメージして行動することが出来ない
  • 5分とはこのくらい、10分とはこのくらい、という目には見えない時間という概念を、リンゴを使って上手に可視化している
  • 大人でも時間を意識することは難しいため、タイムタイマー のようなツールが存在する
  • このタイムタイマーを子ども向けにリデザインするとこうなるよという好例
  • イラストもシンプルでかわいい
  • 時間の経過を「ねずみがリンゴをかじって食べていく」と見立てているところも分かりやすい
  • UI もシンプルで文字情報も少なく、スッキリとした印象
  • 課金アイテムが「ハツカネズミ」というところも、かわいいじゃん!とついつい課金してしまいがち
  • このアプリは使い勝手が良いので、普段から常用している

👨‍💻 開発元

🔗 リンク

タッチ!あそベビー

タッチするだけで遊べる超低年齢向けアプリ!

f:id:fakestarbaby:20180724135810p:plain

💭 感想

  • 0歳 〜 3歳向けに最適化していて、タッチするだけで全てのコンテンツが遊べる
  • 子どものアプリデビューにぴったり
  • イラストも親しみやすく、タッチによるフィードバックも心地良い
  • 説明を必要としない、を極めるとこうなるという感じ
  • 単体のコンテンツには終わりがない = 自分で好きなだけ遊べる
  • 好きなだけ、好きなように、という感じがいい
  • 飽きてもいいように、コンテンツをシャッフル出来るようになっている
  • うちの子どもたちもハマっていた時期があり、よく遊んでいた

👨‍💻 開発元

🔗 リンク

Thinkrolls 2

仕掛けられた謎を解きながら先へ進んで行くパズルアプリ!

f:id:fakestarbaby:20180724135825p:plain

💭 感想

  • 2016 Google Play Award に選出されたアプリで評価が高い
  • 最初はとても簡単に設定してあって、徐々に難易度が上がっていくというステージ構成になっている
  • 独特の世界観があり、BGM / SE にもこだわりが感じられ、アプリの中の世界に引き込まれる感じがある
  • 適当に仕掛けを動かしているだけではクリア出来ないので、ここにこれをこう置くとこうなるから、次に、ここにあれを置いて・・・という先読み思考が養われる
  • ただ謎を解くだけではなく、ある程度、ステージが進んで行くにつれて、操作出来るキャラクターが増えて行くところも飽きさせない工夫が見られる
  • 時間も忘れてずっとプレイしていることもあり、中毒性がある
  • 戻るボタンややり直しボタンなどの UI は、主張しないよう、さり気なく配置されている
  • ややボタンサイズが小さい感あるけど、間違えてボタンを押しても大丈夫なよう、1回タップすると拡縮、2回タップするとメニューへ戻る、という二段階の挙動になっている
  • うちの息子は4歳くらいのころにプレイしていたと思うけど、順番に学習さえすれば、こんなにも難しいパズルを解けてしまうのか!と驚いたほど

👨‍💻 開発元

🔗 リンク

レジごっこ

QR コードをスキャンして値段と商品名を読み上げてくれるレジごっこアプリ!

f:id:fakestarbaby:20180724135915p:plain

💭 感想

  • QR コードの中に埋め込まれた値段と商品名を読み上げるだけの超絶シンプルなアプリ
  • ところがどっこい、リアルとデジタルを組み合わせた楽しいごっこ遊びが出来る
  • 好きな商品名、好きな値段の QR コードを自作することが出来る(今はもう出来ないっぽい)
  • 子どもたちが決めた値段と商品名の QR コードを大量に自作して、印刷した QR コードを切り取って、家中のあらゆるものに貼り付けてお買い物ごっこをした
  • おもちゃのお金を用意して店員さんになりきることで、お金の受け渡しを体験したり、お客さんとして色んなものを買う、という体験が出来たりして楽しい
  • 極論を言ってしまうと、こういうアプリが無くても出来るけど、レジのスキャンを間に挟むことで、グッとごっこ遊びにホンモノ感が出てくる

👨‍💻 開発元

🔗 リンク

Mr.shape のタッチカード

タッチとドラッグだけで遊べる仕掛けがたくさん詰まったアプリ!

f:id:fakestarbaby:20180724135931p:plain

💭 感想

  • 直感的に触って遊ぶことが出来る
  • 一方通行な感じではなく、主体的に操作することで、色々な驚きや発見があったりする
  • オブジェクトが重なるように配置されていて、上から一枚ずつドラッグして動かすことで、奥行き感を意識することが出来る
  • イラストもくっきりしていて、それでいてかわいらしいデザインになっているので、とっつきやすい
  • タッチ!あそベビーと方向性は似ているけど、こちらのアプリの方が対象年齢的には少し上になりそう(ドラッグ操作、重なりなど)

👨‍💻 開発元

🔗 リンク

Busy Shapes

最高に気持ちいい型ハメパズルアプリ!

f:id:fakestarbaby:20180724135948p:plain

💭 感想

  • 同じ大きさの同じ形のオブジェクトを、ただひたすら画面上の空いた穴にハメていく
  • 超絶シンプルなルールなんだけど、フィードバックの心地良さについついプレイをしてしまう
  • リアル感を追求していることもあり、触っているとその質感が伝わって来る
  • BGM / SE もその質感を高めることに一役買っている
  • プレイを進めて行くと、だんだん頭を使う仕掛けが出て来るので、難易度は徐々に上がって行く
  • 途中、画面遷移などを一切挟まないため、ストレスなく、集中力が途切れることなく、無限にプレイ出来る感ある
  • アプリの中の世界に没入することが出来る

👨‍💻 開発元

🔗 リンク

zoozoozoo

独特の世界観の絵本の中に引き込まれる知育アプリ!

f:id:fakestarbaby:20180724140003p:plain

💭 感想

  • ストーリー仕立てになっているため、子どもは、この世界の中に引き込まれる
  • イラストもかわいいし、BGM や SE なども世界観とよくマッチしている
  • 操作ガイドなども随所に表示されるので分かりやすい
  • 途中、端末を反転させることで先へ進めるようになる仕掛けがあり、その発想力に驚かされる
  • 謎解きゲームっぽさもあったり、小さな神経衰弱的なミニゲーム、パズル的なミニゲームなどもあるので、一見して絵本アプリのように見えるけど、実は、知育アプリらしさがある
  • クリアすると映画のラストのようにスタッフロールが流れるの、ステキ!

👨‍💻 開発元

:link: リンク

体験型動物園

動きまくる動物たちのアニメーションの虜になるアプリ!

f:id:fakestarbaby:20180724140018p:plain

💭 感想

  • タップしたり、上下左右にフリックすることで、動物たちが色んな楽しいアニメーションをしてくれる
  • アニメーションが神がかっていて、手描きのイラストがぬるぬる動く気持ちよさ
  • クセになりそうな独自の世界観もかわいいし、楽しい
  • 自分の好きなように触り、進むスタイルなので、こうしたらどうなるかな?という子どもの好奇心をイイカンジにくすぐる
  • メジャーな動物たちが登場するので、動物たちと触れ合えるという意味合いでも、小さい子どもにオススメ
  • 操作方法がアプリ内で一貫しているので、フリックの難しさはあるけど、一度、教えてあげて覚えれば、3歳くらいでも遊べそう
  • 実際の手で操作するところをチュートリアルとして見せているところも面白い
  • ペアレンタルゲートの解除方法が「二本指で下向きにスワイプする」というのも面白い
  • うちの息子は、サルのサッカーボールが大好きで、ゲラゲラ笑いながらプレイしていた

👨‍💻 開発元

🔗 リンク


どのアプリもクオリティが非常に高くていいですね!全部大好きですっ!各社こだわりを持って、子ども目線で開発していることが伝わってきますよね〜!こういうアプリがもっと世の中に溢れ返るとヨイですね。

ここで挙げたアプリはごく一部なので、そうですね、社内のプチ勉強会であと5回くらいはオススメするアプリありそうですね。子どもたちは、こういった知育アプリだけではなく、シンプルなカジュアルゲームや脱出ゲームなども好んでプレイしたりするので、その辺も、次回辺りからもうちょっと紹介出来るとヨサソウですね。

ちなみに、私が努めているキッズスターでも、ごっこランドという子ども向けアプリをリリースしているので、もし、興味がありましたら、ぜひ、お子さまと遊んでみてください〜!

f:id:fakestarbaby:20180724141122p:plain

ではでは〜!

スギ薬局のパビリオン開発裏話!

やぁやぁ!

ごっこランドに、また新しいパビリオンが追加されました!なんと、今度は、スギ薬局の薬剤師さんごっこです!薬剤師さんのお仕事を体験出来ちゃいます!

今回は、このスギ薬局のパビリオン開発の裏話をしようかな〜と思います。

新しい開発パートナーさん!

今回のスギ薬局パビリオンは、前回の ECC パビリオンの開発パートナーさんである @komagata(駒形さん) さんに続いて、新しい開発パートナーさんとして @milkcocoa(増田さん) さんに開発を主担当して頂きました!

増田さんは、元々、iOS アプリや Rails を得意としているエンジニアさんで、駒形さんと同じく、Unity 経験は一切ありませんでした。それでも、声を掛けたのは、前職で一緒に働いたことがあり、彼なら出来る!と踏んでいたからです。

前職のときは、お互いフルリモートという環境の中で、Rails アプリの開発を一緒にしていました。多分、リアルで会ったことがあるのは数回くらいで、チャットで話した時間の方が圧倒的に多かったと思います。それでも、結構長い期間一緒に働いていたので、話しやすさややりやすさ、技術力の高さや突破力の高さも知っていたし、また一緒に仕事したいな〜!と考えていたので、ちょうど良い機会でしたね!

これまた、本当にたまたまなんですが、増田さんと駒形さんは、昔、同じ職場で働いていたことがあるそうで、知り合いだったんですよね〜!世間は狭いですね!

ドンピシャなパビリオン!

今回のパビリオンは薬剤師さんごっこだったんですが、実は、増田さんは、薬剤師の資格を持っていて、実際に、薬局で働いたことがあるんですよね!スゴイ!偶然!このパビリオンの話しが出て来たときに、私の中ではもう彼にお願いするほかないと思っていました、正直。

開発を始める前に、その辺の話しをダラダラとしていた様子がこちらになります。

f:id:fakestarbaby:20180623012512p:plain f:id:fakestarbaby:20180623012516p:plain f:id:fakestarbaby:20180623012520p:plain

プロジェクトが始まる前からワクワクしてました。

社内監修によるブラッシュアップ!

毎週の定例で進捗を確認しつつ、増田さんが社内監修的なことをしてくれて、実際の薬局の現場ではね、こうなんですよね!みたいなことを細かく教えてくれたりして、へー!ほー!そうなんだー!となっていました。

この画面にある機械は分包機と言い、粉薬を入れると袋に包んでくれるんですよね。

f:id:fakestarbaby:20180629014944j:plain

最初は、粉薬を入れたとき、こういう感じになっていました。

f:id:fakestarbaby:20180629015351g:plain

でも、本来はもっとこう、分包機の中に溜まってから、徐々に減って行く感じなんですよね〜!という増田さんの社内監修を受け、最終的にはこうなりました。

f:id:fakestarbaby:20180629015415g:plain

なるほど、スゴイ、圧倒的説得力ですね。さらに、軟膏を入れる画面でも、こんな指摘がありました。

f:id:fakestarbaby:20180629012859g:plain

実はもっとこう、軟膏をケースに入れたあとは空気を抜くために、ケースをトントントン!ってやるんですよ〜!と。ほうほう、なるほど、やりましょう!ということで、こうなりました。

f:id:fakestarbaby:20180629013127g:plain

確かに、それっぽさある。

基本的には、クライアントさまの監修済みの企画になっているので、ここまで、現実に寄せる必要性はないっちゃないんですけど、現場のひとがそこに居て、そのひとが良くするための情報を持ってて、良くする時間があるんならやりましょう!やりましょう!現実的に実現可能な対応かどうかの判断は入れた上で、やりましょう〜!という感じです。

こういう感じのブラッシュアップは今までなかったので、とにかく、新鮮で楽しかったです。

相手の顔が見えるの、ヨサある

今回は、週3日、キッズスターに出社する感じで開発を進めて頂きました。弊社としては、全然、リモートでも構わないのですが、出社した方が捗る!ということでこうなりました。

昔、一緒に働いていたときと同じ感じだなぁって思いつつも、やはり、お互いが隣り同士に座っていて、表情を見て話せる、同じ画面を指差しながらあーだこーだ話せるっていうのは、ヨサがありますね。一緒にランチに行って、他愛もない話しをする感じも、なかなか、リモートでは味わえないやつですね、楽しい。

まとめ

以上、スギ薬局のパビリオン開発裏話でしたっ!

Unity の知識ゼロから、アプリをリリースするまでの軌跡

先日、リリースされたごっこランドの ECC パビリオンは、もう遊んで頂けましたでしょうか?

youtu.be

実は、このパビリオンは、キッズスター初の開発パートナーさんによるパビリオン開発、そして、リリースになるんですよね〜!っていうことで、今回は、開発パートナーさん探しをしているころから、リリースに漕ぎ着けるまでの一連の話しをしたいなぁ〜と思います!

開発パートナーさん is なんなの 🤔

キッズスターの正社員ではないんだけど、同じくらいの志を持ちながら、ごっこランドのパビリオン開発に協力して頂けるエンジニアの方たちのことを「開発パートナーさん」と呼んでいます。正確に言えば「パビリオン開発を委託している」ということにはなるんですが、せっかく、一緒に仕事をするんだし、お互い何かしらの恩恵を受けられるような特別な関係性になれたらいいな〜!という思いから、開発パートナーさんと呼ぶことにしています。一緒に開発をするパートナーとして、お付き合いをしたいんですよね。

開発パートナーさんには、ごっこランドのパビリオンを Unity で実装する、という部分を主担当して頂いています。それに加えて、毎月開催している開発合宿にも任意で参加して頂いて、お互いの Unity 力を高めたりもしています。

monry.hatenablog.com

まずは、開発パートナーさんを探そう! 👀

Unity を触ったことがなくても、ある程度、Web をやって来たという実績があり、Unity をやりたい!という強い気持ちさえあれば、パビリオンを開発出来るようになるはず!という思惑があり、ある方に白羽の矢を立てました。

その方とは、合同会社フィヨルド@komagata (駒形さん) です。

駒形さんは、普段は Rubyist として Rails をバリバリ使いこなして Web アプリの開発をしている方なんですが、ちょうど、お互いのタイミングが合いまして、Unity に興味を持ってくれていたこともあり、開発パートナーとしてパビリオン開発をお願い出来ないか、前向きに検討しようと動き始めました。

去年末くらいのことですかね。

もぐらたたきで Unity に慣れる! 🕳🔨

とは言え、その時点では、駒形さんは Unity を触ったことがありませんでした。そのため、お互い、いきなり実戦で開発をお願いすること、受けることに不安を感じていました。

色々と模索した結果、一つの解決策として考え出したことが「もぐらたたき」のゲームアプリを Unity で開発して頂くことでした。「もぐらたたき」のゲームアプリとは、ごっこランドで利用されている必要最低限の Unity の機能を駆使して作る最小のゲームアプリのことで、キッズスターのエンジニアたちで考えた、ただの雑な仕様になります。

esa-pages.io

今、改めて読み返してみても、本当に雑ですね。

ただ、画面遷移を挟んでいたり、uGUI を使ったり、Animator や Animation でもぐらを表示したり、スコアをストレージに保持したり、Scene を跨いで BGM を再生したり、色んなところにつまづきポイントがあるので、このアプリを最初の課題としてチャレンジしてもらうことで、開発に必要となる前提知識が身に付くのではないか?という算段です。

また、Unity でまともなアプリを作ろうとしたときに、どうすれば可読性が良く、メンテナンスしやすく作れるんだろう?何かイイカンジのプラクティスはないんだろうか?という壁に誰しもがぶち当たると思うんですが、その辺の感覚値を感じて欲しかったという思いもありました。というのも、その辺のもやもやした気持ちを起点として、キッズスターでは、Clean Architecture を Unity に適用した CAFU という OSS を利用しているんですが、これを導入することの意味合いをより深く理解してもらえるのでは!と考えていたからです。

駒形さんには、平日の夜と休日のスキマ時間だけでもぐらたたきに挑戦して頂きました。どうやって進めていたかと言うと、Slack 上で色々と質問が出来るホットチャンネルを作り、随時、そこでやり取りをしていました。そのときの様子がこちらになります。

f:id:fakestarbaby:20180508003323p:plainf:id:fakestarbaby:20180508003326p:plainf:id:fakestarbaby:20180508003330p:plainf:id:fakestarbaby:20180508003334p:plainf:id:fakestarbaby:20180508003337p:plainf:id:fakestarbaby:20180508003342p:plainf:id:fakestarbaby:20180508003345p:plainf:id:fakestarbaby:20180508003348p:plainf:id:fakestarbaby:20180508003352p:plainf:id:fakestarbaby:20180508003356p:plainf:id:fakestarbaby:20180508003400p:plainf:id:fakestarbaby:20180508003404p:plainf:id:fakestarbaby:20180508003407p:plainf:id:fakestarbaby:20180508003413p:plainf:id:fakestarbaby:20180508003417p:plainf:id:fakestarbaby:20180508003421p:plainf:id:fakestarbaby:20180508003425p:plainf:id:fakestarbaby:20180508003429p:plain

@monry (もんりぃ) と駒形さんのマンツーマンレッスンのような濃厚なやり取りがされていました。読んでいるだけで自分たちも勉強になる良スレッドですね。

さてさて、そして、最終的に完成したもぐらたたきはこんな感じになりました!

youtu.be

まさか、オリジナルのイラストでもぐらたたきを作ってくれるとは想定していなかったので、最初に見たときは、腰を抜かしました。もぐら、かわい〜! 😍

駒形さんのブログにも、時々、進捗が書かれていましたね。

docs.komagata.org docs.komagata.org docs.komagata.org docs.komagata.org docs.komagata.org

実際のもぐらたたきのリポジトリはこちらになります。

github.com

ECC パビリオン開発始動だっ! 😎

もぐらたたきの開発のやり取りを経て、実装に関する勘所のヨサや、スポンジのような吸収力でどんどん Unity が出来るようになっていく様子を見て、一緒にやりたみが高まり、ぜひ、一緒に開発をしたいです!というお話しをしまして、ECC のパビリオン開発をお願いすることになりました。

駒形さんには、基本的にはリモートで作業して頂いて、日々のやり取りは Slack or Issue で、毎週、定例をするときは Slack Call で、というスタイルで開発を進めました。込み入った実装の話しをするときや、ペアプロが必要なときには、来社して頂くという感じでしたね。

振り返ってみると、ほとんどは、Slack によるやり取りだったように思います。質問をばーん!とチャンネルに投げると、キッズスターの気付いたエンジニアがどーん!と返信するスタイルで、バンバンコメントが飛んでいました。サポートが手厚く感じるかもしれませんが、キッズスターのエンジニアにとっても有益な情報がやり取りされることも多く、へー!ほー!勉強になるー!という感じで、ヨサがありました。

開発期間としては、1月末から3月末まで、約2ヶ月間、ECC パビリオンの主要な部分の実装を全て担当して頂きました。一部、録音機能やごっこランド繋ぎ込みの部分などは、キッズスターのエンジニアも入ったりしていましたね。

キッズスターとして、開発パートナーさんと一緒に開発を進めることが初めてということもあり、色々とご迷惑をお掛けしたと思いますが、無事にリリースが出来て本当に良かったなぁ〜と思います。駒形さんには感謝感謝!の気持ちでいっぱいです!ありがとうございますっ!

ふりかえってみよう! 👀

開発後期、駒形さんと一緒にふりかえりを行い、ざっくりと、以下のような KPT が出て来ました。良かったこともありますが、もっと、カイゼンして行くべきだなと思うところもたくさん出たので、もっと精進したいと思います!直近で、プロジェクトメンバー全員でふりかえりをやる予定もあるので、そこでも、また何か出るかもしれませんね。

KEEP 😙

  • 色んな学びがあって良かった
    • Unity
    • C#
    • Rider
    • Clean Architecture
    • 開発合宿
  • めちゃくちゃ質問出来て良かった
  • 仕様書が細かく書かれていてやりやすかった

PROBLEM 😭

  • 初見ということもあり、工数感が掴めなかった
  • スケジュールに対する温度感がよく分からなかった
  • 仕様書(Spread Sheet)が重たかった
  • Android 検証機が手元になくて、検証が出来なかった
  • 一部機能において、どちらがどこまで実装するのか不明瞭だった
  • Clean Architecture は、ファイル数が多くなる傾向にあるので、ジェネレーターが欲しかった
  • もんりぃ依存度が高過ぎる気がした
  • Entity 周りの命名が雑になりがちだったので、命名規約があると良かった

TRY 😤

  • ジェネレーターを作る
  • 開発が始まる前に、どちらが何をどこまでやるのか定義する
  • 初見の場合は、スケジュールにバッファを持ちつつ、サポートエンジニアを付ける

開発パートナーさんと一緒に戦う姿勢! 😋

有り難いことに、途切れなく、協賛企業様からお声掛けして頂けていることもあり、パビリオン開発自体も次から次に始まっていて、既に、3名の開発パートナーさんたちにお手伝いして頂いています。

まだまだ、至らないところが多くてやりにくさもあると思うので、都度、ふりかえりをしてカイゼンして行けたらいいな〜!と考えています。

開発パートナーのみなさま、引き続き、宜しくお願い致しますっ!

合わせて読みたい 😍

docs.komagata.org

アニメーター大募集中! ✨

キッズスターでは、Unity 上で素材を配置したり、アニメーションを作成出来るアニメーターを大募集しております!少しでも興味を持たれた方がいましたら、ぜひぜひ、お話ししましょう〜!

www.wantedly.com