ふぁんトントのブログ(保管庫)

*

アウトドアの新定番YAMAP(ヤマップ)で360 Photos(パノラマ)を楽しむ方法

      2018/10/05

Blog Title 20160826

Google ストリートビューでは公開した360°パノラマ写真が50枚に達すると、認定プロフォトグラファーとしての条件をクリアします。もちろん、公開した画像の品質が悪いと認定されないワケですが、このハードルもそんなに高いモノではありません。

360°パノラマ写真の楽しみ方は「ストリートビュー」に限りません。Facebookにおいてもアプリやウェブサイトを通じて「360 Photos」を楽しむことができます。

Screenshot of jp.techcrunch.com

Facebookで360 Photosがスタート―スマートフォンを傾けるだけでパノラマが見られる | TechCrunch Japan

ふぁんトントのFacebookページに360 Photosを投稿しています。


Facebookのアカウントをお持ちの方は、是非一度お試しください。気に入った画像があれば、「いいね」いただけると励みになります。

スポンサーリンク

YAMAP(ヤマップ)360°パノラマ画像ギャラリー

アウトドアの新定番YAMAP(ヤマップ)のアプリは、GPSデータロガー+登山地図+SNSの三役を一台でこなすスゴイ奴なんです。しかも設計がシンプルで使いやすくスタイリッシュ。「趣味は何ですか?」と尋ねられて、「山歩きでんねん(=「なんです」という意味の大阪弁)」と返答するより、「ヤマッパー(YAMAPする人)だよ」と言いつつサッとスマホを取り出せば、超カッコイイ。

カッコをつけたい方はiPhone版のアプリにしましょうね。もちろんガッツリ山登りをする方には防水・防塵対応の期待できるAndroid版もあるけど、ハンバーグみたいなダサい山スマホ(ふぁんトントはKyocera TORQUE SKT01ユーザーです)だとカッコよさが半減します。

360 Photosを楽しむ(360°パノラマ、全天球パノラマとも言う)

ふぁんトントの活動日記には、ほぼ毎回「360°パノラマ画像ギャラリー」を文章の末尾に掲載しています。長文をスクロールダウンするとご確認いただけます。あまりの長文なのでほとんどの方はスルーされてるのじゃないでしょうか。YAMAPアプリでもグリグリすることなく、Facebookアプリのようにスマホを傾けるだけでパノラマを手軽に楽しめます。

この様子は動画にしてみました。(久しぶりのFacebook動画です)

動画の画面が暗くて分かり難いので、手順をおさらいしましょう。こんな感じです。

パノラマ画像を閉じるには右上の「×」を、画像を手動で動かしたいときは右下のスマホマークをタップ(クリック)してください。尚、パソコンでは右下のマークは出現しません。マウスか指でドラッグしてくださいね。

YAMAPで360°パノラマに挑戦してみよう!

360°パノラマ画像の撮影は難しくありません。最近発売のスマホをお使いの方なら誰でも簡単に撮影することができます。撮影方法は当ブログの過去記事を参照なさってください。

Screenshot of juantonto.official.jp

一脚を使った360°パノラマの撮影方法とGIMPを使った編集方法(前編) | ふぁんトントのブログ

もっと手軽に撮影したい方は、専用のカメラがおススメ。ワンショットで撮影できるRICHO THETA Sなら撮影場所を選びません。スマホアプリでの撮影と比べてデメリットになるのは、購入価格、撮影者の写り込み、手ぶれ対策の三点ですね。

RICOH デジタルカメラ RICOH THETA S 360°全天球カメラ 910720
リコー (2015-10-23)
売り上げランキング: 407

amazon

Googleマップに公開する

YAMAP(ヤマップ)アプリやサイトから活動日記に直接公開してもパノラマ画像としては再生されません。上掲のような元画像(エクイレクタングラー,Equirectangularと呼ぶ)のぐにゃぐにゃした状態で表示されます。これでは「何のこっちゃワカラン」ですよね。

Googleマップ – 360°パノラマ

このブログをスマホやタブレットでご覧の方は、FacebookやYAMAPアプリのように端末を傾けたり回してみたりすることで画像が動いてくれます。見ているとまるで、そこに立っているかのような錯覚を覚えませんか。やってみたいでしょ。あと、もう一歩です。

埋め込みページを作成する

※2018.10.05現在、Google Mapsから手軽に埋め込みコードを取得できるようになりました。以下のリンク先は、すで消滅しているものもあります。記録の為、記事を残しております。

ここからが正念場です。英語のサイトでツールが配布されていたりしますが、ほとんどムツカシイことはありません。慣れれば流れ作業でコピペするだけです。

  • Step 1
  • Screenshot of streetview-embed.appspot.com

    Street View Code Generator

    最初に +Herman Stankov さんが作成されたコードジェネレーターをお借りします。ページ最上段の枠へGoogleマップに公開したパノラマ画像のアドレス(URL)をコピペします。そして、最初に見せたい方向に画像をグリグリと動かして位置が決まったら、10行目から12行目のコードをコピーします。

  • Step 2
  • Screenshot of suddenlink.net

    Basic Google Photo Sphere Javascript Tutorial

    次に +Jim Popenoe さんのチュートリアルで説明されているように、上記で取得したコードの必要部分を該当箇所にペーストして、適当な名前で.htmlファイルを作成します。この時、チョートリアル中段でPopenoeさんが言及されておられる通り、”I made some small changes to the Code Generator’s output to produce the source code below:” なので、StankovさんのHTMLコードじゃなく、上記文言の後に書かれているコードにコピペしてください。

    埋め込みページをアップロードする

    前項の作業はムツカシイように見えますが、単なるコピー&ペーストです。撮影よりもずっと簡単。ブログなどに埋め込みするだけなら、Googleマップから埋め込みコードを取得すればいいのですが、YAMAP(ヤマップ)の公開活動日記に直接埋め込むことは不可能です。したがって、ワンクッション置かざるを得ないのです。

  • Step 3
  • Screenshot of www.webcrow.jp

    無料で使えるホームページサービス! ウェブクロウ

    さて、ここからは懐かしいFTP接続とかレンタルサーバーとかのお話です。ホームページを立ち上げたことのある方ならお分かりだと思います。ネットオウルの提供するウェブクロウ(WEBCROW)なら、何らの苦労(クロウ)することなく広告なしで1GBまで無料で使えます。(※一般公開できるサーバーなら何でもヨシ。)

    Screenshot of forest.watch.impress.co.jp

    FFFTP – 窓の杜ライブラリ


    アップロードするファイルは単純なHTML文書のみなので、FFFTPというソフトを使ってアップロードすれば一瞬で作業終了です。今までの苦労を思えばあっけないぐらい簡単ですね。

  • Step 4(Final)
  • さらに、アップロードしたファイルのURLを取得してGoogle URL Shootner でURLを短縮化しています。こうすることで見やすくなることと、簡易的なアクセス解析を行うという「一石二鳥」的なアイデアです。もちろんこの作業はマストではありませんよ。

    “一台三役+α”のYAMAP(ヤマップ)で活動日記を作ろう

    YAMAP(ヤマップ)の登録がまだの方は、以下のリンクから登録(無料)をなさってください。一ヶ月分のプレミアム会員権がプレゼントされます。

    https://yamap.co.jp/invite/

    YAMAP

    Go to the OUTDOOR!!

    さて、ここまでできたら、YAMAPアプリをインストールしたスマホを持参して山、海、川、高原、秘境…etcどこへでもお好きなところへお出かけになってアウトドアを満喫なさってください。

    あ、そうそう。360°パノラマ写真を撮影することもお忘れなく。皆さんのアッと息を呑むようなパノラマ画像を期待しています。

    amazon

    では、また。

     - PC, モバイル , ,

    ad

    ad

      関連記事

    絵画
    Google Chrome(45)からルートラボが使えなくなるの?

    「Google Chrome(42)でルートラボが表示できなくてお困りの方へ」で …

    blog title 20170426
    Garden Gnome Software/Pano2VRでバーチャル・ツアーを作ってみた

    日本語に対応したPano2VR5.2beta3を利用して、ストリートビューに公開 …

    Blog title 20170321
    生駒山系ローカルガイドの「地図編集交流会」終了のご報告

    https://maps.google.com/localguides/meet …

    48 Hours in IKOMA
    ”48 Hours in IKOMA” 48日でも足りない生駒山系の魅力

    ローカルガイド・コネクトの”48 Hours”シリーズに …

    mineo(マイネオ)
    mineo(マイネオ)「auプラン→ドコモプラン」に変更したお話し

    昨年8月にデジモノ・ステーションの付録SIMから正式契約したmineo(マイネオ …

    blog title 20160901
    【防災の日特集】無印Kindle2016(キンドル)で「東京防災」を読んでみた。

    毎年9月1日は「防災の日」(1960年閣議決定により制定)と定められています。1 …

    WordPressの便利なプラグイン”Google Photos embed”がアップデートされました

    WordPressの容量不足にを解消する便利なプラグイン”Googl …

    2060725 title
    ポケモンGOが誤算だったDTI SIM「ネット使い放題プラン」導入計画

    昨年末(2016)「半年タダでお試し!キャンペーン」に飛びついて、早くもその半年 …

    Blog Title 20160909
    アウトドアの新定番YAMAP(ヤマップ)のデータ通信量をmineo(マイネオ)で計測実験してみた。

    サポート掲示板で気になっていた「データ通信料がかかりすぎる」という趣旨の投稿。「 …

    テザリング接続
    Windows10タブレットをiPhone5C(mineoマイネオ)でテザリングして使い倒す。

    Windowsタブレットを最新のWindows 10にアップグレードしたところ、 …