kintoneとBabylon.jsと私

kintoneで3D Webカタログを作ろう！というお話ですが、前置きは豊橋LT会開催に至った経緯や、路面電車LT会への意気込み等がメインテーマです（笑

Transcript

1. kintoneと 
 Babylon.jsと 
 私
 #RPALT 2025/05/10 かーでぃ/鎌田誠 チェアリングと豊橋と 

2. 自己紹介 • 名前： かーでぃ/鎌田誠 
 • 今年の抱負： 「存在感」を示す 
 • 主催、運営：
 ◦ RPACommunity 東海支部、 LT支部、WinActor支部
 LTを雑に雑談する30分
 ◦ BabylonJS勉強会 ゆるほめLT会
 ◦ コミュ勉 テックコミュニティ主催者LT会
 ◦ CDLE RPA&クラウドフローグループ
 ◦ CommuPro Guild
 • モットー： IT知識は広ーく、浅ーく、幅広く
 • 好き： 技術書典、コーヒー、チェアリング 
 　　　 ゆるキャン△、ぼざろ、マケイン、ガンダム
 2025/5/10 東海支部 豊橋ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT

3. 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 チェアリングとは？ 大自然に抱かれながら日常を忘れ、ア ウトドアでリラックスするレクリエーショ ンの１つです。 #チェアリング 

4. 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 技術書典に推しの本、出します！

5. 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 この数字はなに？
 ④

6. 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 Connpassで、2022年初～2025年末
 までの豊橋開催のイベントの数
 👉　JAWSミート、3年連続 👏

7. 豊橋５回目のイベントも狙ってます
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 わかりますか？

8. 豊橋路面電車LT大会ですっ！！！
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 函館先輩の市電は、過去2回のLT会開催実績あり。
 都電荒川線もLT会を実施。次は豊橋の路面電車LT会 でありたい！！

9. ぜひ、QRコードを読み取ってください🙇
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT

10. 2月にkintone縛りのLT大会を開催しました。
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT

11. kintone認定アソシエイト試験
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 kintone認定
 アソシエイト試験を受験する宣言！
 
 👉　60ページぐらいまで進みました💦
 （合格するは言ってない…）

12. まったくkintoneと触れてなかったわけではなく…
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 Babylon.js勉強会で頒布する本のネタとして、
 アソシエイト試験勉強そっちのけでkintoneと戯れる。

13. まぁ、アソシエイト試験の対象外なのですが…
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT

14. kintone x Babylon.js = 3D Webカタログ
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 kintoneにBabylon.jsを組み合わせると、3D Webカタログが簡単にできちゃう！
15. 3D Webカタログのメリット
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 🔍 視覚的にわかりやすい
 🌀 回転・拡大などの操作が可能
 🤝 オンラインでもリアルな商品体験
 ⚙ 仕様・部品情報と連携可能
 📊 マーケティングにも活用できる

16. 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT

17. 3Dオブジェクト
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 ▪ GLBファイルとは？ 
 GLBファイルは、3Dモデル用のファイル形式で、glTF（GL Transmission Format）のバイナリ形式です。glTFは「3DモデルのJPEG」とも呼ばれ、軽 量で高速な読み込みが可能な3Dファイルフォーマットとして、Webや AR/VR、ゲーム開発などで広く使われています。 
 ▪ LiDAR搭載端末(iPhoneProシリーズ） 
 👉　Scaniverseなどのアプリで綺麗に撮れます。 
 ▪ LiDAR非搭載 
 👉　フォトグラメトリなので、それなりに… 
 　 WiDAR使ってます。

18. ごりごりとJavaScriptで…
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 https://github.com/kerdy0725/kintonexbabylonjs
19. ポイント　→　小さくステップを踏みながら～🏃
 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT
 1st Step ：GLBファイルがBabylon.jsで表示されるか？
 　　　　　👉 Github pagesでGLBファイルを公開
 2nd Step ：kinone上で表示されるか？
 3rd Step ：表示するレコードと紐づける
 今回、ChatGTPにコードは生成してもらいましたが、
 人でもAIでも、ステップを踏んで進める のが大事！ってことを改めて感じた。
 

20. Babylon.jsレシピ集 vol.6 2025/5/10 東海支部 豊橋会場 ライトニングトーク大会
 kintoneとBabylon.jsと私
 #RPALT

21. 以上、かーでぃでした https://lit.link/Kerdy