Tag Archives: relaxin’

relaxin’ リラクシン の地図表示が履歴対応しました!

0
Filed under JavaScript, ウェブサービス
Tagged as , ,

「relaxin’ リラクシン」は、弊社が制作、運営しているリラクゼーションサロンのポータルサイトです。

去年の7月末にリリースしてから地道にデータを追加したり、デザインを調整したりしています。
店舗データについては当初100店舗程度でしたが、現在は約1,300店舗となっています。
昨日、リラクシンをPCから見た時の使い勝手を良くしました!
という紹介記事です!
relaxin back button

「近所の店舗を探す」機能

「relaxin’ リラクシン」の最大の特徴は、全ての店舗情報に位置情報があることです。
これにより自分のいる場所などから近くの店舗を探すことが出来るようになっています。
そして、この度、この地図周りの機能を修正し、PCのブラウザの『戻る』『進む』ボタンに対応しました!
概要などを下記の動画にて紹介していますので、ぜひご覧ください。

ちなみに、relaxin’ リラクシンへの店舗掲載/情報修正の依頼等はこちら→http://relaxin.info/contact/

技術メモ

この機能について当初どうやればいいのか分からなかったのですが、弊社のパートナーに聞いた所 “window.location.hash” で出来るということが分かり、早速実装してみたのでした。
JavaScriptでwindow.locationをいじると基本的にリロードされてしまうのですが、window.location.hashの変更ではリロードされない、という特性を活かしたもので、Gmailなどでも広く使われている手法のようです。
あとはハッシュの変化を監視し、変化のタイミングで内容を変化させる、という仕組みですね。
※参考にしたサイトはこちらです→「AjaxでUnique URLを使い、戻る/進むボタンにも対応させる | TM Life」
ありがとうございました!


[AD]

↓Kindleで読めるJavaScriptの解説書

よくわかるJavaScriptの教科書 教科書シリーズ

よくわかるJavaScriptの教科書 教科書シリーズ

カテゴリ:Kindle版

発売日:2012-03-24


↓スタートアップといえばYコンビネーター。これは是非読みたい!

Yコンビネーター シリコンバレー最強のスタートアップ養成スクール

著者/訳者:ランダル・ストロス

出版社:日経BP社( 2013-04-25 )

定価:

Amazon価格:¥ 1,944

単行本 ( 456 ページ )

ISBN-10 : 4822249468

ISBN-13 : 9784822249465