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

by CM若槻龍太

Slide 1

Slide 1 text

Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた 2024.7.20 製造ビジネステクノロジー部若槻⿓太

Slide 2

Slide 2 text

Xへの投稿の際は、ハッシュタグ #devio2024 でお願いいたします。 2 お願い

Slide 3

Slide 3 text

スライドは後ほど DevelopersIOでシェアします。 3 お伝え

Slide 4

Slide 4 text

⾃⼰紹介 ● 若槻⿓太 ● 2019年11⽉⼊社 ● 製造ビジネステクノロジー(BT)部所属 ● 主な業務 ○ サーバーレスアプリケーション開発 ○ プラットフォームエンジニアリング ● 2024 Japan AWS Top Engineers 選出 ● 2024 AWS コミュニティビルダー選出 4 ブログのアイコン

Slide 5

Slide 5 text

Matterport を使ったことある⼈いますか？ 5

Slide 6

Slide 6 text

アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 6

Slide 7

Slide 7 text

アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 7 今⽇話すこと：作成してみるまでの話（準備メイン）話さないこと：カメラの操作⽅法や撮影時のコツ、作成後のデータ編集や活⽤について

Slide 8

Slide 8 text

スペシャルサンクスご協⼒頂いた⽅々（お名前は DevelopersIO より） ● 地⽅撮影 ○ 札幌 hiro ○ 福岡⽥中孝明 ○ ⼤阪嶋村星哉、Toda Tomohiro ○ 仙台遠藤正俊 ● 総務佐藤陽⼀ ● 広報⼟肥淳⼦ ● 危機管理室⽯川直樹 ● オフィスファシリティ橋本浩平 8

Slide 9

Slide 9 text

アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 9

Slide 10

Slide 10 text

Matterport とは 2011年に⽶国で設⽴された、デジタルツイン技術により建築や不動産DXを⽬指す企業、およびサービス 10 https://matterport.com/ja

Slide 11

Slide 11 text

Matterport とは AWS IoT TwinMaker とのシームレスな連携を実現するため、2021/12に AWS とパートナーシップ締結 11 https://matterport.com/ja/blog/matterport-becomes-amazon-web-services-aws-partner

Slide 12

Slide 12 text

Matterport とは構成要素 ● クラウド（ダッシュボード） ● スマートフォンアプリ ● 純正カメラスマホ、純正カメラまたは 3rd Party カメラで撮影した3Dデータをアプリ経由で、Matterport のクラウドサービスにアップロードし、管理、カスタマイズ、公開できる 12

Slide 13

Slide 13 text

クラウドスペースやユーザーの管理を⾏うダッシュボード 13

Slide 14

Slide 14 text

スマートフォンアプリ 14 トリム処理などをするアップロードスマホカメラで直接撮影するスマホアプリと純正カメラを連携して撮影する（詳しくは後述） or

Slide 15

Slide 15 text

撮影に使⽤できるカメラ Matterport で撮影に使⽤できるカメラは3パターン 1. スマートフォンカメラ 2. Matterport 純正カメラ 3. 3rdParty カメラ 15

Slide 16

Slide 16 text

純正/3rdPartyカメラクオリティを追求するなら純正/3rdPartyを利⽤ 16 https://matterport.com/cameras 屋外利用にも向く純正カメラ (Pro3, Pro2) 市販のスマホを設置して使う電動マウント (Axis) 3rdParty カメラ屋外や巨大な工業施設向き中小住宅向き

Slide 17

Slide 17 text

企業のHPなどに埋め込み可能国⽴科学博物館の「かはくVR」でも展⽰の公開に使われている 17 https://www.kahaku.go.jp/VR/

Slide 18

Slide 18 text

アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 18

Slide 19

Slide 19 text

プロジェクトを始めた経緯 ● 2024年「製造ビジネステクノロジー部」誕⽣ ● 製造業界にアプローチできるサービスを探索したい ● スマートファクトリーを実現する技術要素としての「デジタルツイン」を試してみよう ● せっかくなら実⽤的な成果物を作ってみようと Matterport による⾃社オフィスのバーチャルオフィスツアー作成を始めてみた 19

Slide 20

Slide 20 text

スケジュール(実績) やっていく中で下記のスケジュールで進展 ● 03/04 クラウド契約 ● 04/05 部内で現地メンバーを募集 ● 04/30〜05/03 ⼤阪、札幌、福岡テスト撮影 ● 05/24 福岡オフィス本番撮影 ● 06/29 ⼤阪オフィス本番撮影 ● 07/10 仙台オフィス本番撮影 ● 札幌は事情によって撮影延期となった（後述） 20

Slide 21

Slide 21 text

● クラウドはどのプランを契約する？ ● 撮ったデータをどう活⽤する？ ● どのオフィスをどのカメラで撮る？ ● どのオフィスを誰が撮る？ ● カメラの調達⽅法はどうする？決めないといけないこと 21

Slide 22

Slide 22 text

● クラウドはどのプランを契約する？ ● 撮ったデータをどう活⽤する？ ● どのオフィスをどのカメラで撮る？ ● どのオフィスを誰が撮る？ ● カメラの調達⽅法はどうする？決めないといけないこと 22

Slide 23

Slide 23 text

どのプランを契約する？ 5種類のサブスクリプションプランがある。 23 https://buy.matterport.com/ja/plans

Slide 24

Slide 24 text

どのプランを契約する？ 5種類のサブスクリプションプランがある。 24 https://buy.matterport.com/ja/plans

Slide 25

Slide 25 text

どのプランを契約する？ Professional プランにした理由 ● 値段が許容範囲(⽉額8400円) ● 利⽤可能ユーザー数(10⼈)、スペース数(20)が必要⼗分 ● Pro2, Pro3 カメラを利⽤可能 ○ Starter 以下のプランは利⽤不可 ○ プロダクションレベルの撮影のノウハウを得たい 25

Slide 26

Slide 26 text

どのプランを契約する？もっと上位のプランにしたい理由もあったが断念 ● ユーザー数10⼈は若⼲⼿狭だった ○ 撮影が終了したオフィスの協⼒メンバーを外す運⽤でカバー可能 ● Enterprise プランなら AWS IoT TwinMaker 連携が可能 ○ 値段要問合せ。使ったことがある⼈に聞いたら相当なものらしい 26

Slide 27

Slide 27 text

● クラウドはどのプランを契約する？ ● 撮ったデータをどう活⽤する？ ● どのオフィスをどのカメラで撮る？ ● どのオフィスを誰が撮る？ ● カメラの調達⽅法はどうする？決めないといけないこと 27

Slide 28

Slide 28 text

撮ったデータをどう活⽤する？ Matterport の検証が⽬的だが、せっかくなので⼆次利⽤できるものを撮影したい ● ⾃社オフィスを撮影することに ● 完成物を社外向けに HP に載せられないか広報部⾨に相談 ● 広報予算で撮影できることに ● 総務部⾨にも活⽤提案、社内向けにも使う⽅針に 28

Slide 29

Slide 29 text

撮ったデータをどう活⽤する？活⽤⽤途まとめ ● オフィスの魅⼒を発信するための広報素材 ● イベント会場として利⽤する際の参考情報 ● 社内メンバー向けのオンボーディング資料 ● 製造BT部が提案活動をする際の商材サンプル 29

Slide 30

Slide 30 text

● クラウドはどのプランを契約する？ ● 撮ったデータをどう活⽤する？ ● どのオフィスをどのカメラで撮る？ ● どのオフィスを誰が撮る？ ● カメラの調達⽅法はどうする？決めないといけないこと 30

Slide 31

Slide 31 text

どのオフィスをどのカメラで撮る？クラスメソッドは全国に拠点がある 31 https://classmethod.jp/company/access/

Slide 32

Slide 32 text

拠点よって規模はまちまち 32 日比谷 (約2500平米) 大阪 (約600平米) 仙台(約80平米) どのオフィスをどのカメラで撮る？福岡(約300平米)

Slide 33

Slide 33 text

検証のために純正カメラ(Pro2 or Pro3)を使いたい ● Pro2 と Pro3 にはスペック差がある ● ⽇⽐⾕ (約2500平⽶) の規模は Pro3 カメラでないと撮影は難しいのではないか？ ○ 実際はそんなことなかった（後述） ● しかし⾼価な Pro3 の序盤での利⽤は避けたい ● まずは中規模の札幌、福岡、⼤阪あたりを Pro2 で撮って純正カメラに慣れるのが良さそう！となる ● また⼩規模の仙台は iPhone + 三脚で撮影した 33 どのオフィスをどのカメラで撮る？

Slide 34

Slide 34 text

● クラウドはどのプランを契約する？ ● 撮ったデータをどう活⽤する？ ● どのオフィスをどのカメラで撮る？ ● どのオフィスを誰が撮る？ ● カメラの調達⽅法はどうする？決めないといけないこと 34

Slide 35

Slide 35 text

どのオフィスを誰が撮る？⾃分が出張？現地メンバーは必要？ ● PJ 推進者として純正カメラの実物に実際に触れたいので若槻⾃⾝は出張はする ● 事前に現地メンバーでテスト撮影(後述)をしたい ● オフィスの規模によっては環境準備(後述)や撮影作業に⼈⼿が要りそう ● 純正カメラは撮影操作の難易度が⾼いのでは？ ○ 実際はそんなことなかった 35

Slide 36

Slide 36 text

どのオフィスを誰が撮る？ 04/05 部内でメンバー現地メンバーを募集 36

Slide 37

Slide 37 text

どのオフィスを誰が撮る？ 04/05 部内でメンバー現地メンバーを募集 ● 札幌、⼤阪、福岡オフィスの所属メンバーが1名ずつ⼿を挙げてくれた ● iPhone Pro 所有者がベターとしたのは、iPhone 12 Pro 以上のモデルの利⽤が推奨されているため 37 https://support.matterport.com/s/article/What-iOS-devices-are-supported

Slide 38

Slide 38 text

● クラウドはどのプランを契約する？ ● 撮ったデータをどう活⽤する？ ● どのオフィスをどのカメラで撮る？ ● どのオフィスを誰が撮る？ ● カメラの調達⽅法はどうする？決めないといけないこと 38

Slide 39

Slide 39 text

Pro2 カメラを購⼊すると⾼いのでレンタルする⽅針としたい ● 数社程の 3D スキャン代⾏業者や、Matterport リセラー業者がレンタルサービスも提供している ● カメラ本体 + 三脚 + 雲台 + iPad の⼀式を1泊2⽇で約4万円で貸し出すテアレクのサービスを利⽤することに ● 購⼊前提のレンタルのみや、カメラのみの貸出しのサービスもあるので注意カメラの調達⽅法はどうする？ 39

Slide 40

Slide 40 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 40

Slide 41

Slide 41 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 41

Slide 42

Slide 42 text

現地メンバーが iPhone によるテスト撮影を実施 ● 現地メンバーのユーザーをクラウドに登録し、実際にデータをアップロードしてもらう ○ 若槻が現地の様⼦を確認する ● 撮影のウォークスルーにより現地ならではの課題を洗い出す ● メンバー⾃⾝に撮影に慣れてもらうテスト撮影 42

Slide 43

Slide 43 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 43

Slide 44

Slide 44 text

⼤きな改装がある拠点はその後に撮影したい ● 社内のオフィスファシリティ担当者と確認 ● 札幌会議室をセミナールームに転換する改装が7,8⽉に実施予定 ○ イベント会場のスペックを社内外から確認可能にしたいので、転換以降に実施することに ● ⼤阪 6⽉にワークポッドの追加があったため、それ以降に撮影した ● 福岡直近で⼤きな改装等の予定は無かったので最初に撮影した ○ しかし撮影後に動きがあった（後述）本番撮影の実施時期の調整 44

Slide 45

Slide 45 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 45

Slide 46

Slide 46 text

● ⼈を映り込ませたくない ● 窓の外が明るい時間帯に撮影したい ● 福岡平⽇の朝7:00〜9:00に撮影 ○ 300平⽶の撮影で1.5時間弱を要した ● ⼤阪⼟曜の13:00〜に撮影 ○ 福岡の2倍の広さがあるので、平⽇朝は厳しい ○ ⾦曜にカメラを受取るので⼟曜が良い ○ 12:00まで専有部分の業者⽴ち⼊りがあることが発覚、当初の12:00開始予定からずらした本番撮影の実施時間帯の調整 46

Slide 47

Slide 47 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 47

Slide 48

Slide 48 text

セキュリティやプライバシー的に映したくない ● 撮影後にブラー処理も可能だが、極⼒避けたい ● 危機管理室とオフィスファシリティ担当者に確認 ● 基本的に専有部分のみの撮影 ● 社外秘情報や個⼈情報は当然NG ● オフィステナントごとの特有の事情 ○ 厳しいテナントでは設備構造が分かる情報は公開NG ○ 近隣ビルが近く、室内の様⼦や看板が⾒えすぎる場合は、ブラインドを半開けに ○ 専有部分(⽞関)から共⽤部分(廊下)が想定以上に丸⾒えとなることが当⽇に発覚、通⾏⼈がいなければOKに映ってはいけないものの確認 48

Slide 49

Slide 49 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 49

Slide 50

Slide 50 text

撮影範囲のドアは開けっ放しにしたい ● 3D データ内でのウォークスルーをしやすく ● 開閉にカードキーが必要なドア ○ 開けっ放しにしてセキュリティ上問題ないか確認するべき（アラート発報など） ○ ⾃動ドアの場合は開放固定⽤の鍵を借りておくドアの開放対応確認 50

Slide 51

Slide 51 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 51

Slide 52

Slide 52 text

撮影作業の様⼦をノウハウとして残したい ● 撮影機材を持っているメンバーに協⼒してもらう ● タイムラプス ○ 三脚、クランプを利⽤ ● 純正カメラの開梱、組み⽴ての様⼦ ○ ハンディカムで紹介動画⾵に撮影 ● 実際の撮影動画は後ほど記録撮影の準備 52

Slide 53

Slide 53 text

● テスト撮影 ● 本番撮影の実施時期の調整 ● 本番撮影の実施時間帯の調整 ● 映ってはいけないものの確認 ● ドアの開放対応確認 ● 記録撮影の準備 ● 社内周知本番撮影前にしたこと 53

Slide 54

Slide 54 text

オフィスごとに撮影数⽇前に Slack でアナウンス ● 荷物(純正カメラ)が届くこと ● 私物を⽚付けて欲しいこと社内周知 54

Slide 55

Slide 55 text

いざ本番撮影！ 55

Slide 56

Slide 56 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物 ● 撮影後の振り返り本番撮影 56

Slide 57

Slide 57 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物 ● 撮影後の振り返り本番撮影 57

Slide 58

Slide 58 text

● 福岡撮影後は、 ○ 福岡と⼤阪(次の撮影地)の撮影メンバーで振り返り ● ⼤阪撮影後は、 ○ ⼤阪と仙台(次の撮影地)の... ● 撮影前後のメンバーでオンライン会議でノウハウを引き継ぐようにした ● ⽂章でまとめるだけでなく、3Dデータや記録撮影など視覚的な完成物を⾒ながらだと伝わりやすい拠点ごとの撮影後の振り返り 58

Slide 59

Slide 59 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物 ● 撮影後の振り返り本番撮影 59

Slide 60

Slide 60 text

完成物のクオリティを上げるために前⽇夜や朝に対応 ● 窓のカーテンやブラインドを開ける/閉める ● 部屋の照明はすべて点灯する ● 机の上、ディスプレイ、ホワイトボードなどに社外秘情報や私物があれば隠す ● 専⽤部分と共⽤部分の区切りの扉は閉める ● 椅⼦、机、備品をあるべき位置に戻す ● 閉まっているべき扉（棚、ワークポッドなど）が開いていれば閉める ● 床や机を拭き掃除や掃除機でキレイにする撮影前の環境準備 60

Slide 61

Slide 61 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物 ● 撮影後の振り返り本番撮影 61

Slide 62

Slide 62 text

● レンタル期間は1泊2⽇なので、届いたカメラ⼀式を前⽇に開梱して動作確認する ● バッテリーは通常はフル(8時間分)の状態で送付されてくるが、念の為容量を確認して前夜に充電しておく ● 開梱と動作確認の様⼦をハンディカムで記録として残しておいた ○ 動画もあるが後で時間があれば... カメラの開梱、動作確認 62

Slide 63

Slide 63 text

カメラと三脚を開梱して組み⽴てているところカメラの開梱、動作確認 63

Slide 64

Slide 64 text

カメラの電源をオンにしたら出る Wi-Fi と iPadを接続したら、スキャン可能になるカメラの開梱、動作確認 64

Slide 65

Slide 65 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物 ● 撮影後の振り返り本番撮影 65

Slide 66

Slide 66 text

⼿持ちの iPhone を、タイムラプスを起動させて部屋ごとに俯瞰と⽔平の位置に設置タイムラプス準備 66

Slide 67

Slide 67 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物 ● 撮影後の振り返り本番撮影 67

Slide 68

Slide 68 text

⼤阪オフィスのLABエリア撮影の様⼦本番撮影 68 俯瞰視点水平視点

Slide 69

Slide 69 text

⼤阪オフィス(約600平⽶)のLABエリア→HUBエリア →CAFEエリアの順で約2時間半掛けて62ポイントを撮影本番撮影 69

Slide 70

Slide 70 text

● 拠点ごとの撮影後の振り返り ● 撮影前の環境準備 ● カメラの開梱、動作確認 ● タイムラプス準備 ● 本番撮影 ● 完成物本番撮影 70

Slide 71

Slide 71 text

⼤阪の3Dデータ画⾯（実物は後⽇公開予定）完成物 71

Slide 72

Slide 72 text

ありがとうございました 72

Slide 73

Slide 73 text

アジェンダ 1. Matterport のサービス概要紹介 2. オフィスツアーを作成してみた話 3. 質疑応答 73