お知らせ 11/6(金)開催「TechLead Conference 2026 Autumn powered by connpass」にconnpassが特別協力します。詳細はイベント参加ページをご覧ください

お知らせ connpassは、2026年11月より新たに「有料プラン」の提供を開始する予定です。あわせて、無料でご利用いただけるグループメッセージ送信数に上限を設ける予定です。多くのグループでは、現在のご利用状況のまま影響なくお使いいただける見込みです。上限値や対象、スケジュールの詳細はお知らせをご覧ください。

7月

22

50行のコードからはじめるブラウザでのPLATEAU利用

PLATEAU Hands-on 12

主催 : 国土交通省

50行のコードからはじめるブラウザでのPLATEAU利用
ハッシュタグ :#PLATEAU

広告

募集内容

参加枠

無料

先着順
195/250人

申込者
mmatsu
KennichiHoshi
deratege
さって~
201135
maruiaaaaas
masyumasyuma
onochin10
shibino
ihiro2216
申込者一覧を見る
開催日時
2024/07/22(月) 19:00 ~ 20:00
募集期間

2024/06/17(月) 10:00 〜
2024/07/22(月) 20:00まで

会場

オンライン

オンライン

出席登録
(イベント開始時間の2時間前から終了時間まで、参加者のみに公開されます)

広告

参加者への情報

(参加者と発表者のみに公開されます)

イベントの説明

はじめに

あなたの手で新しい世界を創造しよう!

本イベントは、PLATEAUに興味を持っている方や、今後のPLATEAU関連イベントへの参加、PLATEAU AWARDへの応募を考えている方々を対象としたオンラインイベントです。PLATEAUでどんなことができるのかヒントをつかんでいただけます。

2024年度に開催するPLATEAU Hands-onは、コンパクトにPLATEAUの基礎を学ぶために必要な要素を詰め込んだ計3回のシリーズとなっています。短期集中開催として、7月3日、11日、22日の3回でPLATEAUを扱うために必要な知識や簡単にできる事例をインプットします。もちろん個別のイベント参加も歓迎です。質問も気軽に受け付けますので、PLATEAUについて知りたい・学びたいという人はぜひお申し込みください。

7.3(水)19時~ PLATEAUの勘所 2024
https://connpass.com/event/322270/

7.11(木)18時~ PLATEAUデータの高さや位置合わせについて理解する
https://connpass.com/event/322271/

7.22(月)19時~ 50行のコードからはじめるブラウザでのPLATEAU利用(本イベント)
https://connpass.com/event/322272/

本イベントを通じてPLATEAUでのプロトタイピングの方法を学んでいただき、開催される各種ハッカソンへのご参加や、開発コンテスト「PLATEAU AWARD 2024」にぜひチャレンジください。

2024年度PLATEAU各種イベントの最新情報は下記の特設サイト「PLATEAU NEXT」をご覧ください。
https://www.mlit.go.jp/plateau-next/

2024年度のPLATEAU開発イベントの集大成「PLATEAU AWARD 2024」は、11月21日までの応募期間で参加受付中です!
https://www.mlit.go.jp/plateau-next/award/

テーマ:50行のコードからはじめるブラウザでのPLATEAU利用

PLATEAUは難しく思いがちですが、ライブラリを使えば、わずかなコードで扱えます。 deck.glを使ってPLATEAUを地図上で表示する基本の方法から始まり、それを改良して、建物を検索する機能や情報表示する機能、さらには、駅から建物への道順を重ねて表示する方法も紹介します。
現在、2次元地図で提供している施設案内などのサービスを、PLATEAUを使って3Dで豊かな表現にする方法を解説します。

タイムスケジュール(予定)

7月 22日 (月曜日)

time content
18:55 会場オープン
19:00 ハンズオン開始
19:30 質疑応答
20:00 閉会

ハンズオン内容

具体的な手順としては下記を想定しています。

本ハンズオンは、事前に作ったプログラムの主要なところをダイジェストで解説していきます。「PLATEAUでこういうことができる」ということを中心に、3D都市モデルをブラウザで扱うときのエッセンスを理解していただければ幸いです。

●主な内容
・三次元で都市を表示する
建物、地理院地図などのベースマップ、軽量なワイヤーフレーム
・建物の情報・検索
1. 地図サイトなどで検索の経緯度を調べ、「建物名」と「経緯度」のCSVを作る
2. QGIS上で、「1.のCSV」と「PLATEAUのデータ」をマッチングすることで、該当の経緯度上の建物の地物ID情報を追加する
3. 2.のCSVを使ってブラウザ上で建物を検索し、ハイライト表示する

下記のようにサンプルを用意しておりますので、気になるところの詳細については、ぜひ、サンプルを触りながらご覧ください。解説のあとで不明点があれば質問を受付いたします。

●サンプル
すべてのソースファイルは、下記で提供しています。
「稼働サンプル」は、実際に稼働するサンプルです。ブラウザでアクセスしていただくと、サンプルの動きを実際に見ていただけます。

・サンプル一式(ソース)
https://github.com/fosawa/plateau_example_deckgl  
・稼働サンプル
https://fosawa.github.io/plateau_example_deckgl/  

●利用するソフトウェア
本ハンズオンでは、次のソフトウェアを扱います。

・deck.gl 
https://deck.gl/ 
地図のビジュアライゼーションライブラリです。
・PLATEAU GIS Converter
https://github.com/Project-PLATEAU/PLATEAU-GIS-Converter 
CityGMLから3D TilesやGeoJSONなどに変換します。
・QGIS 
https://qgis.org/ 
オープンソースのGISです。ある経緯度に存在する建物IDを見つけるツールとして使います。

●利用するデータ
本ハンズオンでは、PLATEAUの新宿区の3D都市モデルを使います。
CityGMLのものと3D Tiles変換済みのものを利用します。
(3D Tilesは、PLATEAU GIS Converterを使ってCityGMLから変換してもかまいません)。

・CityGML 
https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku 
・3D Tiles 
https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku-3dtiles-2020 
 

登壇者

技術ライター
大澤 文孝

技術ライターの傍ら、開発業務も担うエンジニア。プログラミングからインフラ構築まで、幅広く手がける。専門はWebシステム。情報処理資格としてセキュリティスペシャリスト、ネットワークスペシャリストを保有。
技術ライターとして30年。Webシステム、プログラミング、ネットワーク、パブリッククラウド、電子工作など、著作は100冊以上。
PLATEAUチュートリアルの執筆を担当。

PLATEAU とは

Project PLATEAUは、国土交通省が様々なプレイヤーと連携して推進する、3D都市モデルの整備・活用・オープンデータ化プロジェクトです。

3D都市モデルとは、実世界(フィジカル空間)の都市を、仮想的な世界(サイバー空間)に再現した三次元の都市空間情報プラットフォームです。建物や道路等の都市空間に存在する様々なオブジェクトの三次元形状と、それらのオブジェクトの意味情報(建築物の名称や用途、建設年などの属性情報)をパッケージでデータ化することにより、都市空間そのものを再現するデジタルツインを実現できます。

https://www.mlit.go.jp/plateau/

PLATEAU NEXT 2024とは

PLATEAU NEXTとは、PLATEAUの社会実装を加速させるための一連のコミュニティイベントです。2024年度は、アプリコンテスト、ライトニングトーク、ハッカソン、ハンズオン、ピッチイベントなどさまざまな切り口で開発者コミュニティにおける実装のきっかけ作りを進めていきます。様々な領域のエンジニアやクリエイター、プランナーが自らの技術と3D都市モデルのデータを組み合わせ、新たな価値を生み出すことを期待しています。

https://www.mlit.go.jp/plateau-next/

3D都市モデルとは

3D都市モデルの基礎知識については、PLATEAUウェブサイト上のLearningにて学ぶことができます。
https://www.mlit.go.jp/plateau/learning/?topic=plateau-3d-citymodel

3D都市モデルはPLATEAU VIEWを利用することでブラウザからプレビューできます。
https://www.mlit.go.jp/plateau/plateau-view-app/

3D都市モデルのデータは「G空間情報センター」から入手可能です。
https://www.geospatial.jp/ckan/dataset/plateau

PLATEAU SDKを利用すれば3D都市モデルをUnityやUnreal Engineといったゲームエンジンで容易に扱うことが可能です。
https://www.mlit.go.jp/plateau/learning/?topic=used-in-plateau-sdk

PLATEAU Hack Challenge参考資料
https://drive.google.com/file/d/1Os0mICGAduMiKMIRBnY9QADp3xbVGA40/view?usp=sharing    

開催体制

主催:国土交通省

運営:角川アスキー総合研究所(ASCII STARTUP)

広告

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

広告

フィード

ASCII

ASCII さんが 50行のコードからはじめるブラウザでのPLATEAU利用 を公開しました。

2024/06/17 10:15

50行のコードからはじめるブラウザでのPLATEAU利用 を公開しました!

終了

2024/07/22(月)

19:00
〜 20:00

募集期間
2024/06/17(月) 10:00 〜
2024/07/22(月) 20:00

広告

会場

オンライン

オンライン

オンライン

管理者

参加者(195人)

deratege

deratege

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

maruiaaaaas

maruiaaaaas

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

さって~

さって~

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

mmatsu

mmatsu

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

KennichiHoshi

KennichiHoshi

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

onochin10

onochin10

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

ihiro2216

ihiro2216

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

masyumasyuma

masyumasyuma

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

201135

201135

I joined 50行のコードからはじめるブラウザでのPLATEAU利用!

shibino

shibino

50行のコードからはじめるブラウザでのPLATEAU利用 に参加を申し込みました!

参加者一覧(195人)

キャンセルした人(3人)

広告

広告