中京テレビハッカソン「HACK-CHU!」に参加しました（前編）
わたし目線で感じたことをそのまま書いています。事実が違っていたり気分を害する部分があるかもしれませんが、わたしの認識間違いや表現力不足によるものなので、うまくスルーしてください。
中京テレビが主催するハッカソンイベント「HACK-CHU!」に参加しました。
参加に至った経緯
中の人が知り合いなので、わりと早くからイベントが開催されることを知っていました。 ですが、「ハッカソン参加するぞーっ！」という気持ちにはなれず。というのも、短期決戦のハッカソンより、時間かけてジックリと作り上げるほうが好きなので。
イベント自体は支援したいのですが、ひとりで参加するほど根性無いし、かといってチーム作って牽引するほどモチベーションも無いし、モヤモヤとしていました。
そこに、突然のWさんからの直メッセージ。
勢いで乗っかってしまった。
イベント中のチーム編成は不安しかないので、5~6名になるようメンバーを探すことに。
わたし->Wさん->Jさん、わたし->Ktさん、わたし->Kwさん、という流れで、5名のチームが出来ました。
- Wさん（どっぷりエンジニア。Arduino互換機作ってる。）
- わたし（エンジニア。mbedとか.NETとか。）
- Ktさん（アイデアマン&メンター。実はスゴいエンジニアらしい。）
- Kwさん（ちょっとエンジニア。普通な子。）
- Jさん（エンジニア。Web系。）
エンジニアだけのチームかよ。（笑
ほぼ全員に面識がある、わたしがリーダーということに。そんな力量ないんですけど。トホホ。
このときは、背伸びせず、メンバーそれぞれに何らかの経験が得られれば良いな～ぐらいの気持ちでした。
やるからには優勝狙う！？
とりあえず、顔合わせでメシ行きました。
細かいところは覚えていませんが、こんな感じだったと思う。
- Wさん…ハッカソン初めてだから良く分からん。
- わたし…楽しくやりましょう♪
- Ktさん…優勝狙うのか！？どうなんだ！
- Kwさん…みんなに合わせます♪
- Jさん…（圧倒される…）
意見がまとまらない。（滝汗
結局、予選当日まで集まることは無かった。
予選（アイデアソン）
8:30に、コメダ エスカ店に集合してモーニングセットを食べてから出陣。みんなでモーニング行くの楽しい。（みんな眠そう。）
10:00に中京テレビへ。
Mashup Awards 伴野さんと中京テレビアナウンサー磯貝さんの進行で、アイスブレイク~アイデア出し～チーム編成へ。
アイデア出しのやり方が面白かった。「こども」「わたし」「親」のキーワードを出して、「便利」を言い換えたキーワードを出して、それらをランダムに組み合わせるというもの。ちょっとした大喜利みたい。
チーム編成で、アイデア投票2位のBさんが我がチームに加わった。
6.Sさん（なんでもやる。いきおいが半端ない。）
アイデアは？というと、当初「こども向け。教科書をランドセルに入れるのを手伝うアプリとかロボットとか。」でしたが、Ktさんによる「解決したいものの本質は何だ！」的なツッコミや、Sさんの経験に裏付けされた意見を加えて、ママの時間を増やすことを狙いとした「ままにほめてもらうのだ！」にしました。
Sさん、アッという間にプレゼン資料を書き上げる。
KtさんとSさんの力量で予選通過したって感じです。
わたしは何か貢献できたのかというと、言われるままプレゼントークしたぐらい。ストーリーや資料がしっかりしていたので、想像以上に気分良くプレゼンできた。
なお、チームメンバーが撮影したビデオを後日確認したところ、審査員の質問にトンチンカンな回答をしていた。orz
ビデオ撮られて見せられるあたり、いかにもエンジニアチームって感じです。
Blenderでモデルを作ってHoloLensで表示した
Blenderでモデルを作成、Unity 3Dに取り込んでHoloLensで表示できるか確認しました。
モデルを作成
Unity 3Dに取り込みできるファイル形式はここに書かれています。
.FBXファイルが良さそうなので、Blenderでモデルを作成し、.FBXファイルにエクスポートすることにしましょう。
Blenderは、最新の2.78bを使いました。
3DモデリングにハマッたときにBlenderは少し使ってみたのですが、操作感が好きになれず挫折していたので、、、今回は、書籍に沿って、適当なモデルを作りました。
ロケット。
書籍のサンプルそのまんまですけど（汗
途中、テンキーが無いことから視点切替ができなかったのですが、こちらを参考に代替キーで操作できるようにしました。
そして、.FBXファイルにエクスポートしました。
Unityに取り込み
.FBXファイルをAssetsにドラッグ&ドロップするだけで、取り込みできました。
それを、さらにSceneにドラッグ&ドロップ。
なんだか、ロケットの噴射部分がおかしなことになっていますが、スルーで。
HoloLensで表示
表示できました。
やっぱり噴射部分がおかしい。
HoloLensでぐるっとして確認すると、ロケット本体部分が裏向きになっているようだ。法線が間違っている模様。
法線を訂正（2/26追記）
Blenderで法線を表示してみました。
ロケット本体部分が裏向きorz
訂正しました。
まとめ
Mini Center CLR 勉強会 - HoloLensやりました
Center CLRでHoloLensの勉強会が出来ればと思い、ボスへメッセージ。
プレゼン形式ではなくワイワイガヤガヤとなることを期待して、「Mini Center CLR」という名称で開催しました。
直前&大して告知しなかったにもかかわらず10名が参加しました。
事前にアンケート調査したところ、
むむむ。ただ集まるだけでは会話が盛り上がらない不安が沸々と湧いてきた、、、
そこで、細かな説明はバッサリと無しにして、開発するために必要なスキルとか、だいたいどんな作業になるかを知ることができるように、資料を用意しました。
最初にスライド説明して、デモンストレーション、その後、ライブコーディングという流れでやりました。ライブコーディングは、Unityに必要な設定をした後、Robot Kyleを貼り付けて表示する（だけ）でした。
結局、（場の雰囲気をうまく作れず）ワイワイガヤガヤとはなりませんでした。ちょっと凹んでいます。
めげずにまたやりたい。
堀江織物のプライベート見学会しました
経緯
東京出張したときに、いつも夕食に付き合ってもらっている堀江さん。
本社の工場が2015年9月に移転したのですが、「そういえば新工場に一度も行っていないですね（汗」ということで、2月18日に見に行くことに。
せっかくなので、お友達とかも誘って見学できないかと打診したところ、
おぉ！スバラシイ回答が！
そういうわけで、プライベート見学会しました。
（先方に迷惑かけるとアレなので、今回はFB友達に限定して告知しました。）
見学会
案内してくれたのは、弟さんの堀江航司さん。
堀江織物は「旗・幕など布への印刷」している会社で、印刷物は、のぼりや横断幕といった屋外広告やテーブルクロスやチェアカバーといった店内装飾物などで使われています。また、クッションカバーや抱き枕カバーなども。
堀江織物の業務内容 布への印刷加工全般。紅白幕、のぼりポールやスタンドなどの取り付け器具の販売
印刷方法は4種類あって、生地や用途によって使い分けています。
- シルクスクリーン印刷
- 昇華転写印刷（オンデマンド印刷）
- ダイレクト印刷（オンデマンド印刷）
- 大判インクジェット印刷（オンデマンド印刷）
シルクスクリーン印刷は本社、オンデマンド印刷はオンデマンド事業部工場（クルマで5分程度移動したところ）なので、シルクスクリーン→（移動）→オンデマンド、という順に見学しました。
見学内容をどこまで記載していいのか不安なので写真だけです。 もう少し知りたい人はこちらをご参照ください。
シルクスクリーン印刷
オンデマンド印刷
最後に
- 現在、次の見学会予定はありません。（反響あれば企画するとかしてもらうとか）
- ただ見て周るだけでなく、少し体験させてもらえたり、プロの技を見せつけられてスゲーっていう感じのができたら良いなと思いました。
- 個人でも印刷してもらうことができます。オリジナル作品作っている方は必見。
日本語環境で流暢に英語を喋る
SpeechSynthesizerクラスで「Thank you for the mail.」を喋らせてみると、 片言の発音になってしまいます。 「Thank you for the mail.」
MainPage.xaml
<MediaElement x:Name="Media"/> <Button Content="Speech!" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Click="Button_Click"/>
MainPage.xaml.cs
private async void Button_Click(object sender, Windows.UI.Xaml.RoutedEventArgs e) { SpeechSynthesisStream stream; using (var ss = new SpeechSynthesizer()) { stream = await ss.SynthesizeTextToStreamAsync("Thank you for the mail."); } Media.SetSource(stream, stream.ContentType); Media.Play(); }
話し手を英語にすると良いみたいですが、日本語Windows10にはデフォルトでインストールされていない模様。
foreach (var voice in SpeechSynthesizer.AllVoices) { Debug.WriteLine($"{voice.Description},{voice.Gender},{voice.Language}"); }
Microsoft Ayumi Mobile - Japanese (Japan),Female,ja-JP Microsoft Haruka Mobile - Japanese (Japan),Female,ja-JP Microsoft Ichiro Mobile - Japanese (Japan),Male,ja-JP
ココに追加方法が書いてありました。
すべての設定 > 時刻と言語 にある、地域と言語 を選んだ画面で、English(United States)を追加します。
さらに、オプションで言語パックと音声認識をダウンロードします。
すると、英語の話し手が追加されます。
Microsoft Ayumi Mobile - Japanese (Japan) Microsoft Haruka Mobile - Japanese (Japan) Microsoft Ichiro Mobile - Japanese (Japan) Microsoft David Mobile - English (United States) Microsoft Zira Mobile - English (United States) Microsoft Mark Mobile - English (United States)
コードに、話し手の指定を追記します。
SpeechSynthesisStream stream; using (var ss = new SpeechSynthesizer()) { ss.Voice = (SpeechSynthesizer.AllVoices.First(x => x.Gender == VoiceGender.Female && x.Language == "en-US")); stream = await ss.SynthesizeTextToStreamAsync("Thank you for the mail."); } Media.SetSource(stream, stream.ContentType); Media.Play();
コード
環境
- Surface Pro 2
- Windows 10 1607(14393.693)
- Visual Studio 2015 Update 3
chibi:bitワークショップやりました
東京のメイカーから夕食のお誘いがあったので行ってきました。
食事だけではアレなので、クローズドでワークショップでもしましょうという話になり、初めてchibi:bitのワークショップをやってきました。参加者は3名。
場所はレインボー倉庫 下北沢。
1Fにカフェ、1Fと2Fには細かく区切られたレンタルスペース、3Fと4Fはイベント/ワークスペースのようです。
4Fは、ものづくり作業ができるように壁や机に工具/工作機械が並んでいました。見た感じ、木工メイン。
chibi:bitワークショップ
最初に、chibi:bitの開発環境はいろいろあるよ的な説明。 次に、chibi:bit IDEのブロックプログラミングで”LEDにテキスト表示”を作って、chibi:bitへ書き込み。 その後は、後ろから見ているので好きにやってちょうだいという放置プレーでした。
Aさん
プログラミング未経験のAさん。 LED表示とウェイトを大量に並べて、ドット絵でアニメーションを黙々と作っていた。とにかく黙々と。楽しいのかこっちが不安になった。（後から聞いたら楽しかったようです。）
Bさん
Processing経験者のBさん。 変数の使い方とか、並列実行（というかイベント駆動）あたりが気になっていた模様。ブロックは早々にやめて、JavaScriptで書いていた。
chibi:bitはブロック<->JavaScriptが相互変換できます
Cさん
.NET開発とかmbedを少し触ったことがあるCさん。 chibi:bitに実装されているセンサーをアレコレと試していた。温度とか照度とか。
おまけ
時間があったので、Arduino+TextileSensorKit触ったり、HoloLens触ったりした。
Building holographic apps with Unity抜粋
Holographic development documentationのBuilding holographic apps with Unityの、気になる部分をメモ。
Unity development overview
Sceneの設定
- Main CameraのPositionを(0,0,0)にする。
- Main CameraのClear FlagsをSolid Colorにする。
- Main CameraのBackgroundを#00000000にする。
- Main CameraのClipping Planes - Nearを0.85にする。
プロジェクトの設定
- 使うAPIによって、Player SettingsのPublishing SettingsにあるCapabilitiesをチェックする。
- Build SettingsのPlatformをWindows Storeにする。
- Build SettingsのSDKをUniversal 10にする。
- Build SettingsのUWP Build TypeをD3Dにする。
- Project SettingsのQualityの、Windows StoreのDefaultをFastestにする。
- Holographic viewで表示させる場合は、Player SettingsのOther SettingsにあるVirtual Reality Supportedをチェックする。
Recommended settings for Unity
スプラッシュ画面
- Unity Proライセンスが無い場合は、常にUnityスプラッシュ画面が表示される。変更できない。
トラッキングロス
- デフォルトはトラッキングロスが発生すると、レンダリングを停止する。
- トラッキングロス時に画像を表示することができる。Player SettingsのSplash Imageの、Windows HolographicのTracking Loss Image。
- トラッキングロス時の動作を変更できる。（Manual Handling）
Performance recommendations for Unity
後日、書く
Exporting and building a Unity Visual Studio solution
- UWP Build Typeは、D3Dが推奨。システムキーボードを使う場合はXAML。
- Unity C# Projectsをチェックすると、Visual Studioのリモートデバッガが使えて、さらにスクリプトが編集できる。Unityとはファイルが分離されているので、Unityを編集したときは、再エクスポートが必要。
- Configurationは、Debug,Master,Releaseの3種類。最適化とプロファイラに違いがある。
Best practices working with Unity and Visual Studio
- 開発は1つのUnityと2つのVisual Studio。Visual Studioはスクリプト編集用とエクスポートしたアプリのビルド用。
- Unity C# Projectsにチェックすると、エクスポートにUnityフォルダのスクリプトが参照で含まれる。そのため、開発は1つのUnityと1つのVisual Studio。
まとめ
設定しておくと良さそうな項目は次のとおり。
- Build Settings.Platform = Windows Store
- Build Settings.SDK = Universal 10
- Build Settings.UWP Build Type = D3D
- Project Settings.Quality.Windows Store.Default = Fastest
- (Holographic view) Player Settings.Other Settings.Virtual Reality Supported = checked
- Main Camera.Position = (0,0,0)
- Main Camera.Clear Flags = Solid Color
- Main Camera.Background = #00000000
- Main Camera.Clipping Planes - Near = 0.85
