music practice tools

Alat-latihan musik

Alat untuk membantu latihan musik dan meningkatkan musikalitas serta pelajaran jarak jauh.

Formatnya adalah blog / jurnal yang berisi elemen interaktif untuk membuat hidup lebih mudah. Ini termasuk:

• Metronom dengan BPM yang telah ditentukan namun dapat dikutuk
• [quasi] Catatan acak dan pemilih nomor (semua item dalam kisaran disajikan)
• Pengatur waktu aktivitas dengan waktu berlalu dan total yang bertahan antara halaman dan sesi
• Timer video tabung Anda selalu terlihat terlepas dari pengguliran
• Tombol mencari video
• Skor musik menggunakan notasi ABC. Menyediakan fitur bermain interaktif

Menggunakan tumpukan teknologi OpenSource yang mengagumkan ini.

Semua halaman hidup di folder pages dan ditulis menggunakan markdown templated nunjucks yang diberikan oleh generator situs statis 11 puluh yang mengagumkan. Widget ditambahkan dengan kode pendek.

Ini menggunakan platform pengembangan nodejs khas jadi:

• Kloning repo
• npm install
• npm run devall
• Edit halaman
• Jelajahi URL Localhost yang dicetak pada CLI (biasanya http://localhost:8080/ ).

---

Dapatkan versi Anda sendiri dari https://musicpracticetools.net/ di web dengan netlify menggunakan tombol ini. Ini akan mengkloning repo ini ke akun GitHub Anda sendiri dan menautkannya ke situs baru untuk Anda di Netlfy.

---

Pengembang

Kode Sumber Non Halaman ada di src . File konfigurasi alat dev biasa ada di root proyek.

Catatan

Ini pada dasarnya adalah situs statis menggunakan template Nunjucks dengan sedikit javascript sisi klien yang ditambahkan untuk perilaku untuk menyediakan widget interaktif. Proyek ini didasarkan pada contoh blog 11 puluh yang mendukung tag.

Kode template digunakan untuk widget interaktif khusus. Ini memberikan pengalaman penulisan yang bersih tetapi berarti beberapa kode widget adalah sisi server dan beberapa sisi klien. Secara umum kode sumber di bawah src adalah:

• Templat halaman di pages
• Konfigurasi 11 puluh di _11ty*
• Template Partials and Layout di _includes dan _layouts
• Kode widget sisi server (html + alpinejs) ada di _11tyadd-shortcodes.js
• Kode sisi klien termasuk widget (JavaScript dan Alpinejs) ada di js*
• Sisi Klien CSS ada di css*

Kode klien mengasumsikan browser terbaru menggunakan fitur ES6 untuk meningkatkan DX.

Saat menjalankan npm run dev 11ty menghasilkan situs web dari src ke _site yang kemudian dilayani. Perubahan pada file sisi klien menyebabkan pembangunan kembali situs dan browsersync memaksa penyegaran browser. Namun, ketika file serverside di _11ty Ubah Situs harus diregenrasi. npm run devall memaksa pembangunan kembali dalam kasus ini tetapi kemudian browser tidak menyegarkan. Menekan F5 untuk merefleksikan browser diperlukan dalam kasus ini.

Saya mengembangkan pada windows menggunakan kode VS. Secara teori platform Linux dan Mac Dev hanya berfungsi.