視察の説明資料を、PowerPointではなく動くHTMLにした　〜Claude Codeで、現場の点群が画面の上で動く〜

来週、他県の建設会社の方が、うちの会社へICTの取り組みを見に来られる。本社での意見交換会で、ICTとBIM/CIMの取り組みを紹介するコマを自分が受け持つことになった。

中身を整理した資料は、すでにあった。インターンシップや企業説明会のために、PowerPointでかなり詳しくまとめていた。ただ、せっかく遠路はるばる来ていただくのに、既存の資料をそのまま使い回して話すだけでは味気ない。そこで中身は既存の資料から取り、見せ方だけを、ブラウザで動くHTMLとしてClaude Codeに作り直してもらった。

動かしたのは、自分の現場のデータ

PowerPointのアニメーションでできるのは、文字や図を「出す」ところまで。HTMLなら、データそのものを動かせる。

表紙には、うちの現場の起工測量の点群を出した。ドローンで撮った約2,186万点から間引いた点が、光の幕が通った所から順に地形になっていく。

ICTの説明の頁では、同じ点群を「20mごとの横断（従来の測り方）」と「面の点群（いまの測り方）」でクリックするたびに切り替える。線で測ると、測点の間が空白になる。それが、説明しなくても見える。

丁張の写真とICT建機のモニターの写真は、境目をドラッグして見比べられるようにした。

飾りの映像を足すより、自分の現場のデータが画面の上で動いているほうが、ICTの話には効くと思う。

当日に困らないように

ネットもサーバーも要らない。フォルダの中のファイルをダブルクリックすれば開く。プロジェクターにつないだらFキーで全画面、Bキーで暗転、Gキーで頁の一覧が出る。

文字を直す手段も付けてもらった。Eキーで編集モードに入ると、画面の文字をクリックしてそのまま打ち直せるし、写真も差し替えられる。保存の前には、元のファイルを控えに残す。直前に気づいた誤字を、自分で直せる。

載せなかったもの

社外の人に見せる資料は、検査の資料より書いてはいけないことが多い。金額や協力業者の名前は外した。車のナンバーは、縮小した一覧では読めなくても、プロジェクターで大きく映すと読める。写真を1枚ずつ拡大して、ぼかした。

視察は来週。当日の反応を見て、また直す。

次はこれをどうぞ（遠隔バックホウの見学会を、AIと準備した話）
https://note.com/apt_crane9564/n/n807f7c0825b1

有料記事（メンバーシップに入っていれば、追加の支払いなしで読める）
・Claude Codeのスキル3本を配ります（980円）https://note.com/apt_crane9564/n/n1d4a7886e846
・Claude Codeのフックの使い方（980円）https://note.com/apt_crane9564/n/nf3a85e7b203f
メンバーシップ（月500円・はじめての方は1ヶ月無料）https://note.com/apt_crane9564/membership

この後も毎日書いている

現場でClaude Codeに書類仕事をやらせている。うまくいった話も、自分が編集中のExcelを消された話も、そのまま出している。同じことを試している人向けに1日1本。フォローしておくと流れてくる。