Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた

このスライドではデジタルツインプラットフォームサービスである Matterport を使うと、スマホアプリや専用カメラで撮影した3Dデータをクラウドサービス上で管理、カスタマイズ、公開することができます。今回は Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみたので、その中で得たノウハウをご紹介します。

Classmethod Odyssey Day4(7/20) で発表に使用した資料を若干修正してアップロードしています。
https://event.classmethod.jp/odyssey-offline

1. Matterport を使って クラスメソッド各拠点の バーチャルオフィスツアーを 作成してみた 2024.7.20 製造ビジネステクノロジー部 若槻⿓太
2. Xへの投稿の際は、 ハッシュタグ #devio2024 でお願いいたします。 2 お願い
3. スライドは後ほど DevelopersIOで シェアします。 3 お伝え
4. ⾃⼰紹介 • 若槻⿓太 • 2019年11⽉⼊社 • 製造ビジネステクノロジー(BT)部 所属 • 主な業務 ◦ サーバーレスアプリケーション開発 ◦ プラットフォームエンジニアリング • 2024 Japan AWS Top Engineers 選出 • 2024 AWS コミュニティビルダー 選出 4 ブログのアイコン
5. Matterport を 使ったことある⼈ いますか？ 5
6. アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 6
7. アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 7 今⽇話すこと：作成してみるまでの話（準備メイン） 話さないこと：カメラの操作⽅法や撮影時のコツ、作 成後のデータ編集や活⽤について
8. スペシャルサンクス ご協⼒頂いた⽅々（お名前は DevelopersIO より） • 地⽅撮影 ◦ 札幌 hiro ◦ 福岡 ⽥中孝明 ◦ ⼤阪 嶋村星哉、Toda Tomohiro ◦ 仙台 遠藤正俊 • 総務 佐藤陽⼀ • 広報 ⼟肥淳⼦ • 危機管理室 ⽯川直樹 • オフィスファシリティ 橋本浩平 8
9. アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 9
10. Matterport とは 2011年に⽶国で設⽴された、デジタルツイン技術に より建築や不動産DXを⽬指す企業、およびサービス 10 https://matterport.com/ja
11. Matterport とは AWS IoT TwinMaker とのシームレスな連携を実現す るため、2021/12に AWS とパートナーシップ締結 11 https://matterport.com/ja/blog/matterport-becomes-amazon-web-services-aws-partner
12. Matterport とは 構成要素 • クラウド（ダッシュボード） • スマートフォンアプリ • 純正カメラ スマホ、純正カメラまたは 3rd Party カメラで撮影 した3Dデータをアプリ経由で、Matterport のクラウ ドサービスにアップロードし、管理、カスタマイ ズ、公開できる 12
13. クラウド スペースやユーザーの管理を⾏うダッシュボード 13
14. スマートフォンアプリ 14 トリム処理などをする アップロード スマホカメラで 直接撮影する スマホアプリと純正カメラを 連携して撮影する （詳しくは後述） or
15. 撮影に使⽤できるカメラ Matterport で撮影に使⽤できるカメラは3パターン 1. スマートフォンカメラ 2. Matterport 純正カメラ 3. 3rdParty カメラ 15
16. 純正/3rdPartyカメラ クオリティを追求するなら純正/3rdPartyを利⽤ 16 https://matterport.com/cameras 屋外利用にも向く 純正カメラ (Pro3, Pro2) 市販のスマホを設 置して使う 電動マウント (Axis) 3rdParty カメラ 屋外や巨大な工業 施設向き 中小住宅向き
17. 企業のHPなどに埋め込み可能 国⽴科学博物館の「かはくVR」でも展⽰の公開に使 われている 17 https://www.kahaku.go.jp/VR/
18. アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 18
19. プロジェクトを始めた経緯 • 2024年「製造ビジネステクノロジー部」誕⽣ • 製造業界にアプローチできるサービスを探索した い • スマートファクトリーを実現する技術要素として の「デジタルツイン」を試してみよう • せっかくなら実⽤的な成果物を作ってみようと Matterport による⾃社オフィスのバーチャルオ フィスツアー作成を始めてみた 19
20. スケジュール(実績) やっていく中で下記のスケジュールで進展 • 03/04 クラウド契約 • 04/05 部内で現地メンバーを募集 • 04/30〜05/03 ⼤阪、札幌、福岡テスト撮影 • 05/24 福岡オフィス本番撮影 • 06/29 ⼤阪オフィス本番撮影 • 07/10 仙台オフィス本番撮影 • 札幌は事情によって撮影延期となった（後述） 20
21. • クラウドはどのプランを契約する？ • 撮ったデータをどう活⽤する？ • どのオフィスをどのカメラで撮る？ • どのオフィスを誰が撮る？ • カメラの調達⽅法はどうする？ 決めないといけないこと 21
22. • クラウドはどのプランを契約する？ • 撮ったデータをどう活⽤する？ • どのオフィスをどのカメラで撮る？ • どのオフィスを誰が撮る？ • カメラの調達⽅法はどうする？ 決めないといけないこと 22
23. どのプランを契約する？ 5種類のサブスクリプションプランがある。 23 https://buy.matterport.com/ja/plans
24. どのプランを契約する？ 5種類のサブスクリプションプランがある。 24 https://buy.matterport.com/ja/plans
25. どのプランを契約する？ Professional プランにした理由 • 値段が許容範囲(⽉額8400円) • 利⽤可能ユーザー数(10⼈)、スペー ス数(20)が必要⼗分 • Pro2, Pro3 カメラを利⽤可能 ◦ Starter 以下のプランは利⽤不可 ◦ プロダクションレベルの撮影の ノウハウを得たい 25
26. どのプランを契約する？ もっと上位のプランにしたい理由もあったが断念 • ユーザー数10⼈は若⼲⼿狭だった ◦ 撮影が終了したオフィスの協⼒メンバーを外 す運⽤でカバー可能 • Enterprise プランなら AWS IoT TwinMaker 連携 が可能 ◦ 値段要問合せ。使ったことがある⼈に聞いた ら相当なものらしい 26
27. • クラウドはどのプランを契約する？ • 撮ったデータをどう活⽤する？ • どのオフィスをどのカメラで撮る？ • どのオフィスを誰が撮る？ • カメラの調達⽅法はどうする？ 決めないといけないこと 27
28. 撮ったデータをどう活⽤する？ Matterport の検証が⽬的だが、せっかくなので⼆ 次利⽤できるものを撮影したい • ⾃社オフィスを撮影することに • 完成物を社外向けに HP に載せられないか広報部 ⾨に相談 • 広報予算で撮影できることに • 総務部⾨にも活⽤提案、社内向けにも使う⽅針 に 28
29. 撮ったデータをどう活⽤する？ 活⽤⽤途まとめ • オフィスの魅⼒を発信するための広報素材 • イベント会場として利⽤する際の参考情報 • 社内メンバー向けのオンボーディング資料 • 製造BT部が提案活動をする際の商材サンプル 29
30. • クラウドはどのプランを契約する？ • 撮ったデータをどう活⽤する？ • どのオフィスをどのカメラで撮る？ • どのオフィスを誰が撮る？ • カメラの調達⽅法はどうする？ 決めないといけないこと 30
31. どのオフィスをどのカメラで撮る？ クラスメソッドは全国に拠点がある 31 https://classmethod.jp/company/access/
32. 拠点よって規模はまちまち 32 日比谷 (約2500平米) 大阪 (約600平米) 仙台(約80平米) どのオフィスをどのカメラで撮る？ 福岡(約300平米)
33. 検証のために純正カメラ(Pro2 or Pro3)を使いたい • Pro2 と Pro3 にはスペック差がある • ⽇⽐⾕ (約2500平⽶) の規模は Pro3 カメラでないと 撮影は難しいのではないか？ ◦ 実際はそんなことなかった（後述） • しかし⾼価な Pro3 の序盤での利⽤は避けたい • まずは中規模の札幌、福岡、⼤阪あたりを Pro2 で 撮って純正カメラに慣れるのが良さそう！となる • また⼩規模の仙台は iPhone + 三脚で撮影した 33 どのオフィスをどのカメラで撮る？
34. • クラウドはどのプランを契約する？ • 撮ったデータをどう活⽤する？ • どのオフィスをどのカメラで撮る？ • どのオフィスを誰が撮る？ • カメラの調達⽅法はどうする？ 決めないといけないこと 34
35. どのオフィスを誰が撮る？ ⾃分が出張？現地メンバーは必要？ • PJ 推進者として純正カメラの実物に実際に触れた いので若槻⾃⾝は出張はする • 事前に現地メンバーでテスト撮影(後述)をしたい • オフィスの規模によっては環境準備(後述)や撮影 作業に⼈⼿が要りそう • 純正カメラは撮影操作の難易度が⾼いのでは？ ◦ 実際はそんなことなかった 35
36. どのオフィスを誰が撮る？ 04/05 部内でメンバー現地メンバーを募集 36
37. どのオフィスを誰が撮る？ 04/05 部内でメンバー現地メンバーを募集 • 札幌、⼤阪、福岡オフィスの所属メンバーが1名 ずつ⼿を挙げてくれた • iPhone Pro 所有者がベターとしたのは、iPhone 12 Pro 以上のモデルの利⽤が推奨されているため 37 https://support.matterport.com/s/article/What-iOS-devices-are-supported
38. • クラウドはどのプランを契約する？ • 撮ったデータをどう活⽤する？ • どのオフィスをどのカメラで撮る？ • どのオフィスを誰が撮る？ • カメラの調達⽅法はどうする？ 決めないといけないこと 38
39. Pro2 カメラを購⼊すると⾼いのでレンタルする⽅針 としたい • 数社程の 3D スキャン代⾏業者や、Matterport リ セラー業者がレンタルサービスも提供している • カメラ本体 + 三脚 + 雲台 + iPad の⼀式を1泊2⽇ で約4万円で貸し出すテアレクのサービスを利⽤ することに • 購⼊前提のレンタルのみや、カメラのみの貸出し のサービスもあるので注意 カメラの調達⽅法はどうする？ 39
40. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 40
41. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 41
42. 現地メンバーが iPhone によるテスト撮影を実施 • 現地メンバーのユーザーをクラウドに登録し、実 際にデータをアップロードしてもらう ◦ 若槻が現地の様⼦を確認する • 撮影のウォークスルーにより現地ならではの課題 を洗い出す • メンバー⾃⾝に撮影に慣れてもらう テスト撮影 42
43. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 43
44. ⼤きな改装がある拠点はその後に撮影したい • 社内のオフィスファシリティ担当者と確認 • 札幌 会議室をセミナールームに転換する改装が7,8⽉に 実施予定 ◦ イベント会場のスペックを社内外から確認可能にした いので、転換以降に実施することに • ⼤阪 6⽉にワークポッドの追加があったため、それ以降 に撮影した • 福岡 直近で⼤きな改装等の予定は無かったので最初に撮 影した ◦ しかし撮影後に動きがあった（後述） 本番撮影の実施時期の調整 44
45. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 45
46. • ⼈を映り込ませたくない • 窓の外が明るい時間帯に撮影したい • 福岡 平⽇の朝7:00〜9:00に撮影 ◦ 300平⽶の撮影で1.5時間弱を要した • ⼤阪 ⼟曜の13:00〜に撮影 ◦ 福岡の2倍の広さがあるので、平⽇朝は厳しい ◦ ⾦曜にカメラを受取るので⼟曜が良い ◦ 12:00まで専有部分の業者⽴ち⼊りがあること が発覚、当初の12:00開始予定からずらした 本番撮影の実施時間帯の調整 46
47. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 47
48. セキュリティやプライバシー的に映したくない • 撮影後にブラー処理も可能だが、極⼒避けたい • 危機管理室とオフィスファシリティ担当者に確認 • 基本的に専有部分のみの撮影 • 社外秘情報や個⼈情報は当然NG • オフィステナントごとの特有の事情 ◦ 厳しいテナントでは設備構造が分かる情報は公開NG ◦ 近隣ビルが近く、室内の様⼦や看板が⾒えすぎる場合 は、ブラインドを半開けに ◦ 専有部分(⽞関)から共⽤部分(廊下)が想定以上に丸⾒え となることが当⽇に発覚、通⾏⼈がいなければOKに 映ってはいけないものの確認 48
49. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 49
50. 撮影範囲のドアは開けっ放しにしたい • 3D データ内でのウォークスルーをしやすく • 開閉にカードキーが必要なドア ◦ 開けっ放しにしてセキュリティ上問題ないか確 認するべき（アラート発報など） ◦ ⾃動ドアの場合は開放固定⽤の鍵を借りてお く ドアの開放対応確認 50
51. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 51
52. 撮影作業の様⼦をノウハウとして残したい • 撮影機材を持っているメンバーに協⼒してもらう • タイムラプス ◦ 三脚、クランプを利⽤ • 純正カメラの開梱、組み⽴ての様⼦ ◦ ハンディカムで紹介動画⾵に撮影 • 実際の撮影動画は後ほど 記録撮影の準備 52
53. • テスト撮影 • 本番撮影の実施時期の調整 • 本番撮影の実施時間帯の調整 • 映ってはいけないものの確認 • ドアの開放対応確認 • 記録撮影の準備 • 社内周知 本番撮影前にしたこと 53
54. オフィスごとに撮影数⽇前に Slack でアナウンス • 荷物(純正カメラ)が届くこと • 私物を⽚付けて欲しいこと 社内周知 54
55. いざ本番撮影！ 55
56. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 • 撮影後の振り返り 本番撮影 56
57. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 • 撮影後の振り返り 本番撮影 57
58. • 福岡撮影後は、 ◦ 福岡と⼤阪(次の撮影地)の撮影メンバーで振り返 り • ⼤阪撮影後は、 ◦ ⼤阪と仙台(次の撮影地)の... • 撮影前後のメンバーでオンライン会議でノウハウを 引き継ぐようにした • ⽂章でまとめるだけでなく、3Dデータや記録撮影な ど視覚的な完成物を⾒ながらだと伝わりやすい 拠点ごとの撮影後の振り返り 58
59. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 • 撮影後の振り返り 本番撮影 59
60. 完成物のクオリティを上げるために前⽇夜や朝に対応 • 窓のカーテンやブラインドを開ける/閉める • 部屋の照明はすべて点灯する • 机の上、ディスプレイ、ホワイトボードなどに社外秘 情報や私物があれば隠す • 専⽤部分と共⽤部分の区切りの扉は閉める • 椅⼦、机、備品をあるべき位置に戻す • 閉まっているべき扉（棚、ワークポッドなど）が開い ていれば閉める • 床や机を拭き掃除や掃除機でキレイにする 撮影前の環境準備 60
61. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 • 撮影後の振り返り 本番撮影 61
62. • レンタル期間は1泊2⽇なので、届いたカメラ⼀式 を前⽇に開梱して動作確認する • バッテリーは通常はフル(8時間分)の状態で送付 されてくるが、念の為容量を確認して前夜に充電 しておく • 開梱と動作確認の様⼦をハンディカムで記録とし て残しておいた ◦ 動画もあるが後で時間があれば... カメラの開梱、動作確認 62
63. カメラと三脚を開梱して組み⽴てているところ カメラの開梱、動作確認 63
64. カメラの電源をオンにしたら出る Wi-Fi と iPadを接 続したら、スキャン可能になる カメラの開梱、動作確認 64
65. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 • 撮影後の振り返り 本番撮影 65
66. ⼿持ちの iPhone を、タイムラプスを起動させて部 屋ごとに俯瞰と⽔平の位置に設置 タイムラプス準備 66
67. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 • 撮影後の振り返り 本番撮影 67
68. ⼤阪オフィスのLABエリア撮影の様⼦ 本番撮影 68 俯瞰視点 水平視点
69. ⼤阪オフィス(約600平⽶)のLABエリア→HUBエリア →CAFEエリアの順で約2時間半掛けて62ポイントを 撮影 本番撮影 69
70. • 拠点ごとの撮影後の振り返り • 撮影前の環境準備 • カメラの開梱、動作確認 • タイムラプス準備 • 本番撮影 • 完成物 本番撮影 70
71. ⼤阪の3Dデータ画⾯（実物は後⽇公開予定） 完成物 71
72. ありがとうございました 72
73. アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 73