![見出し画像](https://assets.st-note.com/production/uploads/images/66948942/rectangle_large_type_2_a7bd09e8b47442dc93614e165943213b.jpg?width=1200)
配信中に画像を送信・表示させたい REALITY Advent Calendar #22
はじめに
おはようございます。REALITY Advent Calendar 2021 22日目担当、Unityエンジニアのようてんです。解散後に観光で歩き回る気マンマンでいたのですが、みんな早々に脱落していったので一人でちょっとだけ散歩してきました。主にはその話をしたいと思います。
合宿中に開発したライブプレゼン機能の話(余談)
![画像1](https://assets.st-note.com/production/uploads/images/66949176/picture_pc_f8a6cc5f058f11b81a2f28008834abb1.png?width=1200)
配信中に画像を送信・表示させる「ライブプレゼン」機能というものを作りました。
開発目的
ようてんは、およそ月に1回の頻度で、「最近のREALITYの話」と題して、REALITYの最近のアップデートに関する内容を喋る配信をしています。
その中で、いわゆるプレゼン・説明会のように、何かを画面に映しながら配信をしたいと思うわけです。がんばって動画をつくれば「YouTube再生」機能で似た見た目を実現できるのですが、いかんせん手間ですし、自分が使いたい機能を作ってみることにしました。
【機能1】ローカル画像送信機能
![画像2](https://assets.st-note.com/production/uploads/images/66949403/picture_pc_7ed36d73664bf44f979ae5ed1a4b799b.png?width=1200)
まず、「アバターカメラ」機能で開発した、スマホに保存されている写真を選択するファイルピッカーインターフェースがすでにありましたので、それを利用し、「ローカル画像送信」機能を作りました。
配信中の音声やモーション情報を投げる経路であるHabaneroプロトコルに(残念ながらバイト列は直接扱えないため)Base64文字列に変換した画像データを詰めて送信し、受信側で表示させるようにしました。(本Advent Calendarでも何度か登場している、Habaneroプロトコルについての詳細はこちらを参照ください。)
ただし、ちょっと触ってみたところファイルサイズの観点であまりギガには優しくないこと、リサイズをがんばって実装しても配信枠への途中入室者が画像を受け取れないため、これはあまり実用的でなさそうということで、別機能を作ることにしました。
【機能2】画像URL送信機能
![画像3](https://assets.st-note.com/production/uploads/images/66949610/picture_pc_24194f26a140fa89853fe7e073725636.png?width=1200)
画像のバイナリの代わりに画像のURLを送るように変更し、インターフェースはコマンド経由にしました。URL文字列であれば通信量も極小のため、定期的に再送してやることで途中入室者も画像が表示されます。最初っからこっちだけ作っていればよかったと途中で思いましたが、開発ってそういうところありますよね。
リリースに向けて
この合宿で開発する機能は「実用的なものを、リリースまで持っていけるようにしたい」と考えていました。そのため、既存の実装を邪魔しないように、リリースしても問題ないように、少しまわりを固めていきます。
・【機能1】ローカル画像送信機能
・ファイルピッカー対応
・512KBファイルサイズ制限ガード
・長押しで消去
・アスペクト比自動調整
・【機能2】画像URL送信機能
・途中入室対応、自動再送機能
・前回と違うURLを受信時のみ表示するように
・限定されたユーザのみ利用できるように
![スクリーンショット 2021-12-03 2.30.58](https://assets.st-note.com/production/uploads/images/66949821/picture_pc_2101ae49fec388a989f761896a02550b.png?width=1200)
そんなわけでリリースした際には上記の画像のような飯テロやアバターアイテムの紹介などに使っていこうと考えています。
【注】本機能のリリース時期は未定です。(全ユーザ解放には色々あると思われるのですぐにお出しできるものではないと考えています、悪しからずご了承を。)
湯河原などを観光した話(本題)
![画像6](https://assets.st-note.com/production/uploads/images/66949989/picture_pc_d08ac32a04307075687351761d711f6b.png?width=1200)
チェックアウトしたのち、観光する気があった一部のメンバで、まずは近場から、と万葉公園に散歩にでかけました。
ちょうど奥の湯河原惣湯がオープンしたばかりだったのですが、公園と融合した観光・商業施設であり、内部はモダンな感じで整備されており、少々(期待外れの)不思議な空間でした。
さて、その後にどうしようかとなったところで、みんなはやっぱり合宿の疲れが厳しかったらしく、ここで解散となりました。
そうなると、きちんと歩ける靴と少なめの荷物に調整してきた、観光する気マンマンだった僕の情熱の行き場が迷子なわけです。さてどうしたものか。
そうだ、山に登ろう。
天照山ハイキングコース
![スクリーンショット 2021-12-03 2.34.45](https://assets.st-note.com/production/uploads/images/66950044/picture_pc_2826f24329d7c295312c0e22a91a647b.png)
観光案内サイトを眺めていると、ちょうどいい(?)ハイキングコースが紹介されているのを発見しました。
めちゃくちゃシャレオツなデザインのサイトなのですが、しれっと山道150分と書いてあり、これは観光用のおしゃれな靴などでは危ないやつです。赤字で注意書きが記載されていますが、コロナ禍以前は運用されていたバス路線でまず山の頂上付近まであがり、そこから降りながら天照山神社・白雲の滝をまわるのがもともとのコースだったのではないでしょうか。
実際のところ山中では、きちんとトレッキングシューズを履いて、それなりの格好をした人しか居ませんでした。正直、完全に罠だと思います。
![画像7](https://assets.st-note.com/production/uploads/images/66950328/picture_pc_df9891805e065ad5034bb1061dc925ca.png?width=1200)
![画像8](https://assets.st-note.com/production/uploads/images/66950396/picture_pc_ee7fbc24bdca418079d54432ecad923b.png?width=1200)
湯河原パークウェイもコロナ禍で閉鎖されていました。がっつりとした登山道を、まずは神社に向けて登っていきます。紅葉はまだちょっと早かったようで、まだまだ緑色がメインであり、ほどほどでした。残念。
![画像9](https://assets.st-note.com/production/uploads/images/66950411/picture_pc_868130200a925fcf1f0fc9f9d7f48949.png?width=1200)
![画像10](https://assets.st-note.com/production/uploads/images/66950418/picture_pc_e6d52f6a9531ab1dfe0e61b8c9206778.png?width=1200)
![画像11](https://assets.st-note.com/production/uploads/images/66950420/picture_pc_c37d9e47ff89c7e8a03f0d81fbc9a0b2.png?width=1200)
登っていると、山の中に突然神社が現れます。山の上まで椿ラインという道路が走っており、裏から来る分にはアクセスも良いせいか、キレイなものでした。もう少しうらぶれた雰囲気を期待してしまっていたのですが。
![画像12](https://assets.st-note.com/production/uploads/images/66950444/picture_pc_f590750b736ba41863e9b4ca14527d35.png?width=1200)
![画像13](https://assets.st-note.com/production/uploads/images/66950456/picture_pc_3a231077c456c27650233bc0b20e7e23.png?width=1200)
そのまま神社を抜けて、白雲の滝へ。こちらはかなり迫力があり、良かったです。
で、神社と滝はいいのですが、その先、頂上らしい頂上は見つからず、いきなり椿ラインの道路に出くわします。
![画像14](https://assets.st-note.com/production/uploads/images/66950571/picture_pc_a761ac6dbb7a5268b0ba8bc9a413fa91.png?width=1200)
![画像15](https://assets.st-note.com/production/uploads/images/66950575/picture_pc_1a5d10a20569367e74ba22f20b8541f6.png?width=1200)
確かに眺めはいいのですが。
![画像16](https://assets.st-note.com/production/uploads/images/66950592/picture_pc_36cd4202af5aac84ca9ff2c357b7b83d.png?width=1200)
こういう車道が走っている山の中腹なのです。
![スクリーンショット 2021-12-03 3.21.00](https://assets.st-note.com/production/uploads/images/66950635/picture_pc_65989d02afc35a26551ffe2ed2d4ea77.png)
確かにバス停って書いてあります。天照山の頂上はどこに行ってしまったのか。
そういえば箱根観光をするつもりだったんです
ここで唐突ですが、REALITY Advent Calendar初日の合宿紹介エントリを振り返ってみましょう。
![スクリーンショット 2021-12-03 3.26.54](https://assets.st-note.com/production/uploads/images/66950709/picture_pc_202f67469ee62ba840e52dd14c4caa57.png?width=1200)
![画像19](https://assets.st-note.com/production/uploads/images/66950763/picture_pc_514ef30550fd53bd81596f2dc75c09d4.png)
合宿が近づくまで、結構みんな湯河原と箱根の位置関係を理解しておらず湯河原の帰りに箱根観光をするつもりだったり、そもそも箱根に行く気だったりしてたんです。
そんなわけで計画途中は結構みんなで箱根の話をしていたのですが、いまや観光する気が残ったのは僕ひとりなわけです。
そうだ、箱根に行こう
![画像20](https://assets.st-note.com/production/uploads/images/66950839/picture_pc_329ba647578e23062c0f5701d42642e1.png?width=1200)
山奥でかなり厳しい電波事情の中、必死に調べ物をしたところ、2時間半ほど歩けば芦ノ湖に着きそうなことがわかりました。天気もいいしなんとかなるだろう、と箱根に向かって歩き始めることにしました。
![画像22](https://assets.st-note.com/production/uploads/images/66950932/picture_pc_2b997adc270db853c67474076968c616.png?width=1200)
![画像23](https://assets.st-note.com/production/uploads/images/66950963/picture_pc_4a53c6c92a86a40978b4e2aef9b653ef.png?width=1200)
車道をひたすらテクテクと歩きます。途中、アネスト岩田スカイラウンジでお昼をいただきます。
ここで突然ですが豆知識です。みなさんご存知ですかね?Googleマップって、みんなが実際に移動した情報から時間を算出しているので、徒歩でその道を通った人が少ないと、徒歩の検索結果が出ないんです。
![画像31](https://assets.st-note.com/production/uploads/images/67178227/picture_pc_1cd4593b5c5baa2d3dadcbc453c69ee0.png?width=1200)
これはGoogleマップさんが「徒歩では抜けられるけど、車では到底通れない」ような道を検索結果に出すことが昔は多かったのですが、そういう問題に対するカウンターとしての実装ではないかな、と僕は推測しています。(そしておそらく、同様の話として、自転車乗りの情報が十分に集まったので「自転車ルート検索」ができるようになったのだろう、とか。)
![画像24](https://assets.st-note.com/production/uploads/images/66951010/picture_pc_e4b17fd0196e5e74d49d2a3e129dcd71.png?width=1200)
なお、さらに豆知識として、健脚の人しか歩いていないであろうコースの検索時間は短めに出る傾向があります。機械学習を感じますね。
箱根観光
![画像25](https://assets.st-note.com/production/uploads/images/66951019/picture_pc_09404579d32f75426c595f82e0887c10.png?width=1200)
![画像26](https://assets.st-note.com/production/uploads/images/66951034/picture_pc_1551d3103a610b4bcd4e01e1adc16cfd.png?width=1200)
そんなわけで芦ノ湖を眼下にひたすら車道をテクテクと歩き、箱根町港に到着です。日が暮れる前に着けてよかった。
![画像27](https://assets.st-note.com/production/uploads/images/66951071/picture_pc_3c238fcc108ac9f9f5c54e12bd3f1cc5.png?width=1200)
海賊船の最終便がちょうど出港する直前だったのですが、勢いで切符を買って乗り込みます。30年ぶりぐらいに乗りました。
![画像28](https://assets.st-note.com/production/uploads/images/66951084/picture_pc_a65111528afa150c88633c38d06e699e.png?width=1200)
![画像29](https://assets.st-note.com/production/uploads/images/66951091/picture_pc_9ebfba2a5cc640e6d02b0b593c86fe68.png?width=1200)
やったー、箱根神社だー!
フラグ回収成功です。たいへん満足しました。
![画像30](https://assets.st-note.com/production/uploads/images/66951143/picture_pc_e3dbac9be2b93e7d584650a650b4b9be.png?width=1200)
秋の箱根、日が暮れたらめちゃくちゃ寒かったです。あと、周りに家族連れかカップルしかいなくて余計に寒く感じました。次は誰かと来たいですね。
おわりに
「箱根-湯河原は山の自然を楽しみつつ、ほどほどの時間で歩いていける」ということがわかりました!
明日のAdvent Calendarは、最近Meetyでカジュアル面談をがんばっているションローによる「MacでMachPortを用いたプロセス間通信をしてみる」です。お楽しみに!
![画像31](https://assets.st-note.com/production/uploads/images/66951192/picture_pc_44c9e802ea650fdb55a183cc40601ac0.png)
楽しかったけど観光案内にあのハイキングコースはあかんと思うんです。