Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
位置情報を用いて映画や漫画を可視化する方法.pdf
Search
Kazuya Kitahara
December 08, 2017
310
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
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
Test your architecture with Archunit
thirion
1
2.3k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
210
Writing Fast Ruby
sferik
630
63k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.6k
Context Engineering - Making Every Token Count
addyosmani
9
980
Deep Space Network (abreviated)
tonyrice
0
210
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
200
Automating Front-end Workflow
addyosmani
1370
210k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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は注目をされています!
(気がします)