on:2018年7月9日sponsorsWebアプリやページにツアーガイドを簡単に加えることができる軽量スクリプトを紹介します。以前に紹介した時から、v.2に大きくバージョンアップされました。既存ページに加えるのも簡単で、柔軟なカスタマイズにも対応しています。-GitHubShepherdのデモShepherdの使い方Shepherdのデモデモでは実際にツアーガイドを操作できます。デモページページを表示するとすぐにツアーガイドが表示され、「Next」をクリックすると次に進みます。パネルはそのステップごとに、最適な位置に表示されます。ツアーガイドは途中で終わることもでき、終了すると通常の画面が表示されます。外部ファイル当スクリプトとスタイルシートを外部ファイルとして記述します。ポップアップには、popper.jsが使用されています。HTMLHTMLは通常通りに実装してOKです。ツアーガイドを表示する要素には、それが指定できるようclassを付与しておきます。JavaScriptガイドの内容や表示する順番はスクリプトで記述します。click'tour.start()更に詳しい実装方法は、下記をご覧ください。