Webアプリやページにツアーガイドを簡単に加えることができる軽量スクリプトを紹介します。以前に紹介した時から、v.2に大きくバージョンアップされました。 既存ページに加えるのも簡単で、柔軟なカスタマイズにも対応しています。 Shepherd Shepherd -GitHub Shepherdのデモ Shepherdの使い方 Shepherdのデモ デモでは実際にツアーガイドを操作できます。 デモページ ページを表示するとすぐにツアーガイドが表示され、「Next」をクリックすると次に進みます。パネルはそのステップごとに、最適な位置に表示されます。 ツアーガイドは途中で終わることもでき、終了すると通常の画面が表示されます。
![[JS]Webアプリやページのツアーガイドを簡単に加えることができる軽量スクリプト -Shepherd](https://cdn-ak-scissors.b.st-hatena.com/image/square/72cce263d107aad4485e0214573e1386a854447e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018070804-01.png)