社内 Unity ハッカソンを開催しました

こんにちは、 id:numanuma08 です。

最近はジョギングをしていると銀杏の香りがどこからか漂ってくるようになりました。季節はもう秋に向かっていますね。

今日は、社内で Unity ハッカソンを開催したので、その成果を掲載します。

弊社はスマホ向けアプリの会社だと思っていただいている部分も多いのですが、実は Unity やそれに関する案件の実績もあります。社内でときどきハッカソンを開催して、メンバーの Unity 力の向上を目指しています。

作ったもの紹介

ryohey

ハッカソンのチューターとして Unity 先生をしていたわけですが、2回目ということもあってみんな慣れていてそこまで質問も多くなかったので自分もちゃんと動くものが作ることができました。

Carsumo


carsumo

企画はシンプルで、円筒の上で車で相撲をするという内容です。円筒は徐々に狭まっていき、最終的に必ず決着がつくというわけです。

最近 Unity Multiplayer を触って、とても簡単にローカルネットワーク内でマルチプレイが実装できることを知ったので、早速使ってみました。

車がキーボード操作できる無料アセットを見つけるまで30分、他のアセットの車に操作機能をつけようとして諦めるまで1時間、海のアセットとヤシの木と石のテクスチャを見つけてステージを作るまで1時間、ネットワーク機能をつけるのに1時間くらい。

NetworkManager, NetworkTransform を使うとものの数分でネットワーク同期できるようになるので、めちゃくちゃおもしろいです。もともと車を操作する CarUserControl を NetworkBehaviour に変えて自分自身の車だけ操作するように変えればほぼ完成です。

mironal

2回目となる社内 Unity ハッカソンですが、ある程度 Unity にはなれてきたので今回はゲーム内のいろいろな表現をリッチにする工夫をしました.

  • 兵士っぽい声をランダムに時々再生して戦場っぽさを出す
  • AssetStore にある Asset を使ってゲーム内の表現をリッチにする
  • ゲーム内容自体はシンプルなもののパーティクルシステムなどを使っていろいろな表現をしてみる

できたゲームはこれです. 黒い丸は最初ここに玉を入れたらなんかするつもりだったのですが、時間がなくてただの穴になりました.

www.youtube.com

ハッカソンの時間のうちの殆どは AssetStore で良さげな Asset を探すのとパーティクルシステムのパラメータ調整に費やされました.

この辺のノウハウが溜まってくるともっとサクサク作れそうだな〜と感じたのでこれからもいろいろ情報を蓄積していきたいです.

yanac

待ちに待った第2回 Unity ハッカソン です。前回のハッカソンでは Asset に殆ど触れずにゲームを作成したので、今回は Asset を色々使ってみたいと思いながら企画を考えました。

そこで考えついたゲームがこちらです。 f:id:covelline:20181010184127p:plain

みなさん一発で分かったと思いますが、ゴリラと人間を戦わせるゲームです。

使用する Asset がどうやったら動かせるのか、GameObject にアニメーションをつける方法やアニメーションの遷移方法について等、色々と全く分かっていなかったので時間内にそれっぽいものが作れるのかが心配でした。

どうやってもゴリラが地面に沈んでいってしまう不具合や、全裸の人間が床を貫通した後に空をナチュラルに走り出す等の予想外のアクシデントが起こったもののチューターの ryohey に教わることで無事にそれっぽい所まで進められました。

できたゲームの挙動がこちらです。

ゲーム性の部分までは時間内にたどり着けなかったので、次回は最後まで作り込みたいなと思います。

numa08

今回は自分の中でいくつかのテーマを決めてゲームを作ってみました。

  • Oculus Go 向けの VR ゲーム
  • UniRx を使ってみる

という訳で、作ったゲームがこちら。

投げ捨てられるコーラの缶を拾って飲むだけのゲームです。ルールとかもないのでゲームにもなっていないですが。

工夫をしたところとしては、開発中に Oculus Go でのデバッグが面倒くさいためマルチプラットフォーム対応を行って開発をした点です。

難しかった部分としては、 UniRx の使い勝手が RxSwift や RxJava の感覚でやると割と違うため、困惑が多かった部分です。

これからも小ネタゲームを作っていきたいですね。

TakkuMattsu

完全に新しいゲームである、筋肉タワーバトルを作りました。
(筋肉と言いながらユニティちゃんがいますが)


第二回社内Unityハッカソンのゲーム

全く新しいゲームである筋肉タワーバトルは、橋から落ちたら(以下略
ターンの実装が間に合わなかった...

所感

  • ゲームのロジックをUnity上でどうやって作るかがわかった
  • スクリプトが各Prefabに散らばっていたのをUniRxを使ってイベントベースにして集約させることができた
  • 社内ハッカソンでバカゲー作るのたのしい

facilio アップデートのお知らせです

f:id:numanuma08:20180831150936p:plain

みなさん、こんにちは！ facilio 開発チームの id:numanuma08 こと船曵です。

8月の暑さが嘘のような気温ですね。 facilio の機能追加をしましたので、お知らせします。

https://facilio.team

新しい機能

  • マークダウン中のリンクをクリックして新しいタブで開けるようにしました
  • 画面下部のバージョン番号から Changelog ページへ行けるようになりました
  • 編集画面のサイドバーから新しい議題を追加できるようになりました

修正点

  • 議事録を編集しようとするとアジェンダの内容に戻ってしまう不具合を修正
  • ヘッダー部分のリンクが新しいタブで開けない不具合を修正

議事録中のリンクを開くことができるようになったので、資料共有などがやりやすくなるかと思います！

また、今 facilio ではクオリティアップとユーザーの拡大を目指してアンケートをお願いしています。

もしもご協力をしていただける方がいましたが、以下のリンクより回答をお願いいたします。

goo.gl

さて、ここからはメンバーの雑記を書いていきます。

id:numanuma08

facilio の利用方法をまとめた資料を作ったり、知り合いベースでの紹介や説明がメインでした。

今後は、このブログを通して facilio の使い方の説明や、 facilio を利用したワークフローの提案などを行っていきたいです。

ryohey

引き続き UX 改善のための UI の検討を行っています。 どんどん使いやすく改善していきますので、ぜひご意見下さい！ そろそろ、facilio のフロントエンドで活用している styled-components などのライブラリについて紹介する記事を書こうと思います。

mironal

今現在 facilio の使い方が難しいのでは？という疑問があるので本当に使いやすく良いものにするために改善を続けていきたいです。

あといきなりですが技術的なところでは現在 facilio の状態管理に undux というライブラリを使っているのですが、 redux + rematch というライブラリに変更したいなと考えています。

TakkuMattsu

facilioってどんなタイミングで使うの？どうやって使うと便利なの？
って質問が多かったのでその辺りを改善していきたいと思います！

facilio 最初のアップデートのお知らせ

facilio

f:id:numanuma08:20180831150936p:plain

8月最後の金曜日ですね！こんにちは、 facilio 開発チームの 船曵 こと id:numanuma08 です。

https://facilio.team/

今日は facilio 最初のアップデートをお知らせします。

新しい機能

  • Markdown を表示する箇所でシンタックスハイライト 🌟 されるようになりました
  • 一部の UI を英語にローカライズしました 🇺🇸
  • ヘルプ ❓ に facilio の使い方を追加しました 💡

変更点

  • トップページ以外にもフッターを表示するようにしました
  • ミーティング画面でヘッダーを表示しないようにしました

修正点

  • 編集画面でエディタの高さが狭くなることがある不具合を修正
  • ミーティング画面で完了した議題のタイマーが動き続けてしまう不具合を修正
  • ミーティング終了時に maxretry というエラーが出る不具合を修正
  • 編集画面で開催予定日時を変更しただけだとドキュメントが保存できない不具合を修正
  • 編集画面で開催予定時刻に 16:00 と設定しても 04:00 と表示されてしまう不具合を修正
  • トップ画面の Upcoming ドキュメントの開催予定時刻が24時間表記になっていない不具合を修正
  • 本文が長いときにミーティング画面が崩れる不具合を修正

シンタックスハイライトの導入はプログラマーとしては嬉しいですね！リモート通話でのソースコードレビューもできそうですね。

さて、ここからは開発メンバーの雑記や感想を書いていきます。

id:numanuma08

リリースをしてからはがっつりと開発に携わると言うよりも、知り合いを通じてサービスを触ってもらったり、その中で気がついたバグを報告することが多かったです。

こういった、営業的活動はコベリンの中では全くノウハウが無いので、これから探っていきたいです！

id:mironal

リリース後夏休みを取っていたので暫く間が空いてしまいましたが、ガシガシバグ修正などを行いました！ これらもどんどん使いやすくするためにアップデートを重ねていきます！

ryohey

facilio では主にフロントエンドの実装とデザインを行っています。会議に集中できるようなるべくシンプルなデザインと、使いやすい UI を両立しようと日々工夫しております。

ところで CEDEC 2018 の任天堂の UX の講演がとてもおもしろく、UI デザインだけでなくダイアログの文言や音にもしっかり気を使って認知負荷が軽くなるよう工夫されているそうで、チームの枠を超えて快適な UX を目指していることが素晴らしいです。

facilio のアップデートでも細かくボタンのラベルの文言を変えたりなど、わかりやすい UI を目指して改善を続けています。 なにか分かりづらいなぁと一瞬でも感じたり、この機能が欲しい、この価格プランが欲しいなどありましたらご気軽にご要望下さい！

プライバシーポリシーの変更とfacilio復旧のお知らせ

facilio

facilio ユーザーの皆様、大変ご迷惑をおかけしております。

2018/07/30 から行っておりました facilio のメンテナンスですが、2018/07/31 復旧いたしました。

今回のメンテナンスはプライバシーポリシーの記載にミスがあり、その修正を行うために発生いたしました。

今後共、 facilio をよろしくお願いいたします。

コベリン、リモートでの会議を快適にする Web サービス「facilio」を2018年7月30日に公開

facilio

f:id:numanuma08:20180723165017p:plain

合同会社コベリンはリモートでの会議を快適にするサービス「facilio」を2018年7月30日よりスタートすることをお知らせいたします。

リモートでの会議では、発言のタイミングが被る、どの資料について話しているか分かりにくい、合意の確認がしにくいといった問題を感じていました。

これらの課題を解決すると同時に会議における共通のフローを定式化することで進行をスムーズにするサービスを開発しました。

会議のフローだけではなく、アジェンダの展開から議事録作成までの流れを facilio で完結するようにしています。

現在ベータ版開発期間として無料でお使いいただけますので、https://facilio.team/ の無料体験を始めるボタンからぜひご利用ください。

facilioの特徴

  1. 共同編集できる Markdown エディタ facilio ではアジェンダや議事録を多人数でリアルタイムに編集できます。 また Markdown 記法に対応しており、簡単に綺麗で読みやすい議事録を作成できます。

  2. 議事録 会議中にアジェンダに書き込んだ内容が会議が終わると自動的に議事録になります。 会議の時間で議事録を完成させることで会議全体にかかっている時間コストを削減できます。

  3. 質問機能と合意確認機能 リモートや人数の多い会議で進行を乱しがちな、発言タイミングの被りや議題ごとの同意の確認を機能化しました。テンポの取りづらいリモート会議がスムーズになります。

今後の展望

今後も会議による時間コストを削減できるように、積極的に機能改善やコンテンツ拡充を行ってまいります。 ユーザーのご要望・ご意見も積極的に取り入れていきますのでサポート用の Slack ワークスペース facilio へ是非ご参加をお願いします。

Hololens 向け物体検知アプリケーションの実装を行いました

f:id:numanuma08:20180601100933p:plain

みなさんこんにちは。大阪でリモート勤務をしております @numa08 です。この度、 Hololens 向けのアプリケーションとして自動車の検知及び描画を行うアプリケーションの開発を行いました。

このアプリケーションは、物体検知機能を持った自動車の見ている視点を人間が体験をしてみる、という目的のものに開発されました。Hololens を着用したユーザーが自動車の助手席に乗り込み、前方の窓から見える他の自動車や人間を機械学習エンジンが認識し、結果を Hololens 上に描画します。この一連のフローを通して、自動車に搭載されたセンサーがどう言った物を認識し、そしてそれを安全なドライビング体験にフィードバックしているのかを体験してもらおうと言うものです。

今回作ったシステムでは実際の道路にいるであろうバイクや人も認識することができます。

少し文字が見にくいですが person, motorbike, bikeを認識している様子です。

f:id:mironal:20180531111105p:plain

技術スタック

今回のシステム構成は次のようになりました。

f:id:numanuma08:20180522180032p:plain

Hololens から取得した画像をPCにインストールした機械学習フレームワーク及び学習済みデータを利用して認識し、認識結果を Hololens 上で描画します。機械学習エンジンには Darknet を、物体認識及び学習済みモデルには Yolo v3 を利用しました。

pjreddie.com

pjreddie.com

Tensorflow の利用も検討しましたが、ベンチのマークの結果 darknet を利用することとしました。

Hololens と PC の通信は http を利用しています。PC には Hololens から送られてくる画像データを受け取る HTTP サーバーを、 Hololens には PC から送られてくる認識結果を受け取る HTTP サーバーをそれぞれ起動して、データのやり取りを行うようにしました。

屋外での Hololens 利用について

こんにちは。 ここからは東京のオフィスにいる山口が書きます。

私は Hololens 側のアプリケーションの実装と現地デモ、改善案の提案などを行いました。

Hololens は基本的に屋内での使用を想定していて屋外や車内で使用すると様々な問題が発生しました。

例えば Hololens の周辺環境スキャンにより自分の周囲に壁があると認識してしまい、壁の向こう側にあるものは何も描画しないという仕組みによって車の外側に何も描画しなくなってしいます。

そこで Hololens 本体にフィルムを張ってセンサー類を無効化、ディスプレイの輝度を上げることで対応しました。

f:id:numanuma08:20180529153038j:plain

また、車内で走行しながら使っていると度々 Tracking loss が発生し、アプリが停止してしまいます。

これに対応するには

Tracking loss in Unity - Mixed Reality | Microsoft Docs にあるように Tracking loss をマニュアルハンドリングにすることによってアプリの停止を抑制することができました。

以上が Hololens 側のノウハウとなります。 Hololens のノウハウについてご質問ある方はぜひぜひお問い合わせください。

まとめ

今回の案件はいくつかの点でコベリンにとって挑戦的な内容でした。機械学習フレームワークを利用したアプリケーションの開発を行うことも初めてでした。大阪からリモートで作業をする @numa08 と東京オフィスのメンバーがうまく連携を取れるようにプロジェクトを管理する必要があり、新たなノウハウが身についたと思います。また、 Hololens を屋外で利用する部分に関しても、先行する事例も少なく体当たり的に山口が調査と実践を行ってくれました。

Hololens もアップデートが予定されていて今後は今回の案件で構築したようなシステムをより作りやすくなると予想され、非常に楽しみです。