kakimasu

Hinweis: Dieses Projekt wird nicht mehr gepflegt. Das meiste davon wurde geschrieben, als ich mit Vue oder modernem CSS noch nicht besonders vertraut war, daher gibt es viel „Nooby“-Code und ich konzentriere mich lieber auf meine neueren Projekte. Im Januar 2019 habe ich einige minimale Änderungen vorgenommen, um Abhängigkeiten zu aktualisieren und zu ermöglichen, dass die App als statische Site erstellt wird, damit sie auf GitHub-Seiten gehostet werden kann. Ansonsten werde ich den Code nicht weiter aktualisieren.

Jedoch! Beiträge sind willkommen, wenn Sie an dem Projekt interessiert sind. Die meisten dieser Probleme sind leicht zu bewältigen, wenn Sie sich auf einem Anfänger- bis Fortgeschrittenenniveau befinden, und könnten eine gute Möglichkeit sein, sich besser mit Vue vertraut zu machen:

• Die allgemeine Codequalität ist nicht großartig; Es muss umgestaltet werden, um moderne JavaScript-Funktionen kompetenter nutzen zu können, und es gibt auch eine Reihe von Vue-Best Practices, die nicht befolgt werden: – Komponenten sollten nicht wirklich zu anderen Routen navigieren, sondern stattdessen mit ihren Eltern kommunizieren. - Beim Rendern von Listen mit v-for sollte für jedes Element auch eine eindeutige key bereitgestellt werden, wie hier erwähnt.
• Bei allen CSS-Layouts werden Floats verwendet, wobei die Verwendung von CSS-Grids oder Flexbox viel besser geeignet wäre. Außerdem ist die Verwendung von Foundation für ein kleines Projekt wie dieses etwas übertrieben.
• Die Implementierung einer Statusverwaltungsbibliothek wie vuex könnte nützlich sein, insbesondere zum Speichern von Zeichendaten und zur Steuerung der Navigation zwischen Routen.
• Das Skript, das die Zeichen-JSONs generiert, ist in Python geschrieben, was im Nachhinein in einem JavaScript-Projekt nicht wirklich Sinn macht. :P Das sollte wirklich als Node JS-Skript umgeschrieben werden.

---

kakimasu

Erfahren Sie, wie man japanisches Kana schreibt

Als ich anfing, Japanisch zu lernen, hatte ich die größten Schwierigkeiten mit dem Schriftsystem. Japanisch verwendet eine Mischung aus zwei phonetischen Alphabeten („Hiragana“ und „Katakana“) und „Kanji“, die eher logografisch sind.

Ich wollte eine interessante Möglichkeit entwickeln, Japanisch schreiben zu lernen und dabei moderne Web-Technologie zu nutzen – etwas, das andere Japanisch-Lernressourcen meiner Meinung nach noch nicht nutzen können.

Im Moment gibt es in Kakimasu nur Hiragana- und Katakana-Zeichen, ich plane jedoch, in Zukunft neben anderen Funktionen auch Kanji der Grundstufe hinzuzufügen. (:

Verwendete Bibliotheken von Drittanbietern:

• Vue JS
• Vivus
• Vue-Router
• vue-ga

Aufbauen / Mitwirken

 # 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