初めてサイトに訪れてくれた人にどのような機能やコンテンツがあるのか紹介をしたり、ちょっとわかりづらいサービスなどでユーザーが戸惑わないよう手助けしたりするのに便利なサイトツアー機能を実装できるスクリプトのまとめです。 大体同じような動きではあるものの単純にヒントを出していくだけのシンプルなものから、オプション・コールバックが豊富に用意されていていろいろ好みにいじれるものまで様々です。 ただし、単体で動くものもありますが、jQueryプラグインや中にはBootstrapと組み合わせて使用する感じのものもあるのでその点は注意してください。 Intro.js 注目させる箇所以外はオーバーレイがかかるようになっているタイプのもので、data属性で表示内容や順番を指定していくスクリプトです。 豊富に用意されているサンプルにあるように、現在の表示をプログレスバーで表示させたり、ツアー終了後に現在見てい
![ユーザーにサイトやサービスを案内するサイトツアー機能を実装できるスクリプト 10 - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/42bfc374b213c1ba6fac6218fe7b18b45cdc470d/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2F10-site-tour-scripts.png)