Journey.js

Journey.js

？軽量で使いやすいJavaScriptライブラリで、WebサイトやWebアプリでインタラクティブでカスタマイズ可能なアクセス可能なガイド付きツアーを作成します！

v2.2.0

Journey.jsにはどのような機能がありますか？

• ゼロ依存関係と非常に軽量！
• TypeScriptで書かれており、React、Angular、およびその他のライブラリのより大きなサポートを可能にします！
• パブリック関数を介して利用可能なフルAPI。
• CSS/SASSで完全にスタイリングされ、ブートストラップライブラリと互換性があります。
• 完全なCSSテーマサポート（使用：デフォルトのダークモードテーマを使用して、ルート変数）。
• アクションのカスタムトリガー（要素または非表示などのダイアログが表示される場合）。
• ショートカットキー（完全なリストを表示するには、ここをクリックしてください）。
• ブラウザのURLパラメーターサポート（ここをクリックして完全なリストを参照してください）。
• ヒントサポート（メインジャーニーには含まれていません）。
• 51言語翻訳が利用可能です！
• カスタマイズ可能なツールチップ。
• 進捗ドット、または進行状況バー、またはその両方を表示します！
• ステップを別々の旅にグループ化してください！
• ダイアログ移動サポート！

ドキュメントはどこにありますか？

すべてのドキュメントはこちらにあります：

どのブラウザがサポートされていますか？

すべての最新のブラウザ（Google Chrome、Firefox、Operaなど）は完全にサポートされています。

どの言語がサポートされていますか？

• af Afrikaans
• arアラビア語
• hyアルメニアン
• ベラルーシ人be
• bn Bengali
• bgブルガリア
• カタロニアca
• zh中国語（簡素化）
• daデンマーク
• nlオランダ
• en英語（デフォルト）
• eo Esperanto
• et
• fa parsi
• フィンランドfi
• フランスfr
• fy
• glガリシア語
• ka Georgian
• ドイツde
• el・ギリシャ語
• heヘブライ語
• hiヒンディー語
• hu Hungarian
• アイスランドis
• idインドネシア語
• gaアイリッシュ
• イタリアit
• ja日本
• 韓国ko
• lv
• lt Lithuanian
• lbルクセンブルギッシュ
• マレーms
• ne Nepali
• ノルウェー語no
• plポリッシュ
• pt Portuguese
• roルーマニア
• si Sinhalese
• sk Slovak
• スロベニアsl
• esスペイン語
• svスウェーデン語
• tlタガログ
• ta語
• zh-tw台湾
• te語
• th
• トルコtr
• ukウクライナ人

最新の変更は何ですか？

最新のすべての変更のリストを表示するには、ここをクリックしてください。

Journey.jsをインストールするにはどうすればよいですか？

次のコマンドを使用して、NPMを使用してローカルモジュールディレクトリにライブラリをインストールできます。

npm install jjourney.js

または、ここから最新のジップアップバージョンをダウンロードすることもできます。

または、次のCDNリンクを使用することもできます。

 https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.min.js
https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.js.min.css

どうすれば始めることができますか？

Journey.jsの使用を開始するには、次の手順を実行します。

1。前提条件：

次のように、「Doctype HTML」タグをHTMLの上部に含めることを確認してください。

 <! DOCTYPE html >

2。ファイルを含める：

< link rel = " stylesheet " href = " dist/Journey.js.css " >
< script src = " dist/Journey.js " ></ script >

3。DOM要素バインディング：

< button data-journey-js = " { 'title': 'Get Version', 'description': 'Logs the current version of Journey.js to the developers console.', 'order': 6 } " onclick = " console . log ( $journey . getVersion () ); " >Get Version</ button >

「Data-Journey-JS」に使用できるすべての利用可能なバインディングオプションのリストを表示するには、ここをクリックしてください。

「Data-Journey-JS」に使用できるすべての利用可能なカスタムトリガーのリストを表示するには、ここをクリックしてください。

4。仕上げ：

旅を始めるには、次のパブリック関数に電話してください。

< script > 
  $journey . start ();
</ script >

それでおしまい！素敵でシンプル。さらにヘルプが必要な場合は、コードを参照してください（完全に文書化されています）。

Journey.jsをカスタマイズするにはどうすればよいですか？

カスタマイズして、Journey.jsからより多くのことを取得するには、次のドキュメントをお読みください。

1。パブリック機能：

利用可能なすべてのパブリック機能のリストを表示するには、ここをクリックしてください。

2。構成：

構成オプションを使用すると、Journey.jsが機能する方法をカスタマイズできます。次のように設定できます。

< script > 
  $journey . setConfiguration ( {
      safeMode : false
  } );
</ script >

使用できるすべての利用可能な構成オプションのリストを表示するには、ここをクリックしてください。

使用できるすべての利用可能な構成オプションカスタムトリガーのリストを表示するには、ここをクリックしてください。