music practice tools
1.0.0
音楽の練習と音楽性の向上を支援するツールと、リモートレッスン。
このフォーマットは、ライフを楽にするためのインタラクティブな要素を含むブログ /ジャーナルです。これらには以下が含まれます：
この素晴らしいOpenSourceテクノロジーのスタックを使用しています。
すべてのページはpagesフォルダーに存在し、nunjucksテンプレートマークダウンを使用して作成されています。ウィジェットはショートコードで追加されます。
これは典型的なnodeJS開発プラットフォームを使用するので、
npm installnpm run devallhttp://localhost:8080/ ）。このボタンを使用してnetlifyを使用して、https://musicpracticetools.net/の独自のバージョンをWebで入手してください。このレポを独自のGitHubアカウントにクローンし、Netlfyの新しいサイトにリンクします。
非ページソースコードはsrcにあります。通常の開発ツール構成ファイルはプロジェクトルートにあります。
これは基本的に、nunjucksテンプレートを使用した静的サイトです。クライアント側のJavaScriptが追加されているため、インタラクティブウィジェットを提供するための動作用に追加されます。このプロジェクトは、タグをサポートする110のブログ例に基づいています。
テンプレートショートコードは、カスタムインタラクティブウィジェットに使用されます。これらはクリーンなオーサリングエクスペリエンスを提供しますが、一部のウィジェットコードはサーバー側とクライアント側であることを意味します。一般に、 srcに基づくソースコードは次のとおりです。
pagesのページテンプレート_11ty*の110構成_includesと_layoutsでの部分的およびレイアウトをテンプレートします_11tyadd-shortcodes.jsにありますjs*にありますcss*にありますクライアントコードは、DXを改善するためにES6機能を使用して最新のブラウザを想定しています。
npm run devを実行すると、110がsrcから_siteにWebサイトを生成し、その後提供されます。クライアント側のファイルを変更すると、サイトの再構築が発生し、browsersyncがブラウザの更新を強制します。ただし、 _11tyのサーバーサイドファイルを変更する場合、サイトを再生する必要があります。 npm run devall 、この場合に再構築を強制しますが、ブラウザは更新されません。この場合、F5を押すためにブラウザを洗練する必要があります。
VSコードを使用してWindowsで開発します。理論的には、LinuxとMac Devのプラットフォームは機能するはずです。
