Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
位置情報を用いて映画や漫画を可視化する方法.pdf
Search
Kazuya Kitahara
December 08, 2017
320
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
位置情報を用いて映画や漫画を可視化する方法.pdf
Kazuya Kitahara
December 08, 2017
More Decks by Kazuya Kitahara
See All by Kazuya Kitahara
1年ぶりにやりなおすKotlinアプリ開発
kkitahara
0
1.7k
Featured
See All Featured
A designer walks into a library…
pauljervisheath
211
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
490
Tell your own story through comics
letsgokoyo
1
1.1k
Building the Perfect Custom Keyboard
takai
2
890
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.8k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
510
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
290
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
250
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.2k
Prompt Engineering for Job Search
mfonobong
0
460
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
Transcript
位置情報を用いて 映画や漫画を可視化する方法 GeoDev Meetup #12 GIS LT 大会 - Kazuya
Kitahara -
自己紹介 北原 和也 (Kazuya Kitahara) 株式会社エムグラムエンジニア デザイン系の大学院を卒業、株式会社 mixi -> 現職
Androidアプリ・Railsの開発がメインの業務です。 企画考えたり、ワイヤーフレーム書いたり、 分析業務もやったり、色々やってます。
[仕事]m-gram超精密性格診断 • 400万人以上が受診している性格診断サー ビス • 100問以上の設問から正確に診断 • 「性格を科学する」というテーマで様々な展 開を始めています。 ◦
組織のパフォーマンス分析 ◦ プロモーションへの活用 ◦ 研究界への貢献 ◦ 等々 https://m-gram.com/personality
[大学]Nagasaki Archive http://nagasaki.mapping.jp/
[大学]計画停電マップ http://teiden.sou-sou.net/
[昨年]GEOGRAPHIC of GODZILLA http://geo-godzilla.tk/
今日お話する事 • Cesium.js上でこんな事ができるよを紹介(デモ) ◦ アニメーション ◦ 時間軸に合わせた情報表示・カメラワーク ◦ 音声ナレーションをかぶせる •
開発秘話 ◦ 作った理由等
Cesium.jsとは? WebGLで実装されたオープンソースの地球儀ライブラリ。 非常に多機能で、JavaScriptで制御が可能。 https://cesiumjs.org/
デモ http://geo-godzilla.tk
高精細な地球儀をWeb上で使える!
好きな場所に情報を掲載する事ができる
動いた経路に線を引ける
好きなオブジェクトを載せられる
オブジェクトを動かせる
コントローラーをつけられる
音を出せる
デジタル地球儀上でできることまとめ 情報をのせるだけでなく、キャラクターや動きなど、色んなものを表現できる。 また、JavaScriptで制御ができるので、時間や位置に合わせて、音を流したりもできる。 => つまりウェブで表現されている大体の事は地球儀上でも可能
見るべき資料 今回紹介した以外にも本当にたくさんの機能があります。(私も把握しきれていません) 公式のチュートリアルやドキュメントが非常に役に立ちます。 • Cesiumチュートリアル https://cesiumjs.org/tutorials/ • Cesiumドキュメント https://cesiumjs.org/Cesium/Build/Documentation/ •
CZMLドキュメント https://github.com/AnalyticalGraphicsInc/czml-writer/wiki
開発秘話
作った理由 • シン・ゴジラがとにかく面白かったから • 観たあとの飲み会がめちゃくちゃ盛り上がったから • 行動ルートがわからなかったから • レビューを書くのが苦手だけれど、何か応援したいと思ったから
データの集め方 • 何度も映画を見に行った • 作中で出てきたニュース番組の時間と場所をメモっていった
最終的なデータ • https://www.google.co.jp/maps/@35.5109815,139.3715057,10z/data=!3m1!4 b1!4m2!6m1!1s1aW2sYYnbCvKZILKR_h_-x6ACn4I • 結構詳しいマップができました。 • でもこれ実は自分達で調べたものだけではできませんでした。 • https://goo.gl/ZjAnNo
作った成果 FBいいね750超 Twitterでも応援の声 Mashup Award 2016の Web選考通過 サポーターズの勉強会 で講師デビュー! GISは注目をされています!
(気がします)