Catatan: Proyek ini tidak lagi dipertahankan. Sebagian besar ditulis ketika saya belum terlalu paham dengan Vue atau CSS modern sehingga ada banyak kode "nooby" dan saya lebih suka fokus pada proyek terbaru saya. Pada bulan Januari 2019 saya melakukan beberapa perubahan minimal untuk memperbarui dependensi dan mengizinkan aplikasi dibuat sebagai situs statis sehingga dapat dihosting di Halaman GitHub, tetapi jika tidak, saya tidak akan memperbarui kode lebih jauh.
Namun! Kontribusi dipersilahkan jika Anda tertarik dengan proyek ini. Sebagian besar masalah ini cukup mudah untuk diatasi jika Anda berada pada level pemula hingga menengah, dan bisa menjadi cara yang bagus untuk mengenal Vue lebih jauh:
- Kualitas kode secara keseluruhan tidak bagus; perlu pemfaktoran ulang agar dapat menggunakan fitur JavaScript modern dengan lebih kompeten, dan ada juga sejumlah praktik terbaik Vue yang tidak dipatuhi: - Komponen tidak boleh bernavigasi ke rute lain, melainkan harus berkomunikasi dengan induknya. - Saat merender daftar dengan
v-for
, propkey
unik juga harus disediakan untuk setiap item, seperti yang disebutkan di sini.- Semua hal tata letak CSS menggunakan float yang mana akan lebih cocok menggunakan CSS Grids atau Flexbox. Selain itu, menggunakan Foundation untuk proyek kecil seperti ini agak berlebihan.
- Menerapkan perpustakaan manajemen negara seperti vuex dapat bermanfaat, terutama untuk menyimpan data karakter dan mengontrol navigasi antar rute.
- Skrip yang menghasilkan karakter JSON ditulis dengan Python, yang jika dipikir-pikir tidak terlalu masuk akal dalam proyek JavaScript. :P Ini harus benar-benar ditulis ulang sebagai skrip Node JS.
Ketika saya mulai belajar bahasa Jepang, saya mengalami kesulitan terbesar dengan sistem penulisannya. Bahasa Jepang menggunakan campuran dua huruf fonetik (disebut "Hiragana" dan "Katakana") dan "Kanji", yang lebih logografis.
Saya ingin membangun cara yang menarik untuk belajar menulis bahasa Jepang, memanfaatkan teknologi web modern -- sesuatu yang menurut saya belum dimanfaatkan oleh sumber belajar bahasa Jepang lainnya.
Untuk saat ini, Kakimasu hanya memiliki karakter Hiragana dan Katakana, namun saya berencana untuk menambahkan Kanji tingkat dasar di masa mendatang, beserta fitur lainnya. (:
# To get started, clone this repo to your local machine
git clone https://github.com/jaames/kakimasu.git
# Make sure you've navigated into the project folder before then next steps
# Install the Node modules required
npm install
# Make whatever changes you want to make to the source code in src/
# Run the dev build script,
# This will compile all the files and start a development preview server on port 4000
# (Check out the vbuild documentation for more details!)
npm run dev
# If you wish to compile a "production" build,
# This will compile everything in production mode to the dist/ directory
npm run build