Tokyo in Points(Webアプリケーション)
アイドルグループ・・・・・・・・・ラストアルバム「Points」の都市版アルバム (サーバーサイドにDjango, フロントエンドにAjaxを使用したWebアプリケーション) 都市自体をフィジカルな「盤」に見立て、「Points」各楽曲を街に設置。 本サイトをスマホで開きながら、曲が設置されている場所に近づくことで、曲を聴くことができる。 その場所でしか聴けない音楽を、街の音と一緒に。 【仕組み】 ・アルバム収録曲(がホスティングされているSoundCloudのURL)と位置情報のペアをデータベースに格納する ・サイトにアクセスしたユーザーの現在位置を、HTML5 Geolocation APIで取得 ・両者の位置が近ければ、アルバム収録曲のURLへのリンクを表示する 【ユーザーの感想】 Twitter検索 - Tokyo in Points https://twitter.com/search?q=%23Tokyo_in_Points 多くのユーザーが感想をつぶやいています。 【使用技術】 Django2.1.5 Python3.6.1 HTML5 Geolocation API jQuery3.3.1 Ajax Heroku PostgreSQL SoundCloud 【GitHub】 https://github.com/a-r-i/tokyo_in_wifi_website 【関連情報】 ・・・・・・・・・、ラスト・アルバム『Points』&7inch『ダンスミュージック』を同時発売 - OTOTOY https://ototoy.jp/news/91620