kakimasu

Примечание. Этот проект больше не поддерживается. Большая часть написана, когда я еще не был хорошо знаком с Vue или современным CSS, поэтому там много «нубского» кода, и я предпочитаю сосредоточиться на своих более поздних проектах. В январе 2019 года я внес некоторые минимальные изменения, чтобы обновить зависимости и разрешить сборку приложения как статического сайта, чтобы его можно было размещать на страницах GitHub, но в остальном я не буду обновлять код дальше.

Однако! Вклады приветствуются, если вы заинтересованы в проекте. Большинство из этих проблем достаточно удобны для решения, если вы находитесь на уровне от новичка до среднего, и могут стать отличным способом ближе познакомиться с Vue:

• Общее качество кода не очень хорошее; для более компетентного использования современных функций JavaScript требуется рефакторинг, а также существует ряд лучших практик Vue, которые не соблюдаются: - Компоненты на самом деле не должны переходить по другим маршрутам, вместо этого они должны взаимодействовать со своими родителями. — При рендеринге списков с помощью v-for для каждого элемента также необходимо предоставить уникальный key реквизит, как упоминалось здесь.
• Во всех макетах CSS используются элементы с плавающей запятой, тогда как было бы гораздо удобнее использовать CSS Grids или Flexbox. Кроме того, использование Foundation для такого небольшого проекта является излишним.
• Реализация библиотеки управления состоянием, такой как vuex, может быть полезной, особенно для хранения символьных данных и управления навигацией между маршрутами.
• Сценарий, генерирующий символы JSON, написан на Python, что, оглядываясь назад, не имеет смысла в проекте JavaScript. :P Это действительно следует переписать как сценарий Node JS.

---

Какимасу

Научитесь писать японскую кану

Когда я начал изучать японский язык, у меня были наибольшие трудности с системой письма. В японском языке используется смесь двух фонетических алфавитов (называемых «Хирагана» и «Катакана») и «Кандзи», которые более логографичны.

Я хотел создать интересный способ научиться писать по-японски, используя современные веб-технологии — то, что, по моему мнению, другие ресурсы по изучению японского языка еще не использовали.

На данный момент в Какимасу есть только символы хираганы и катаканы, однако в будущем я планирую добавить кандзи базового уровня вместе с другими функциями. (:

Используемые сторонние библиотеки:

• Вюэ JS
• Вивус
• vue-маршрутизатор
• вуэ-га

Создание/Внесение вклада

 # 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