kakimasu

注意：該項目不再維護。其中大部分是在我對 Vue 或現代 CSS 不太熟悉時編寫的，因此有很多“nooby”程式碼，我寧願專注於我最近的專案。 2019 年 1 月，我做了一些最小的更改來更新依賴項，並允許將應用程式建置為靜態站點，以便可以將其託管在 GitHub Pages 上，但除此之外，我不會進一步更新程式碼。

然而！如果您對該專案感興趣，歡迎貢獻。如果您處於初級到中級水平，這些問題中的大多數都足夠友好地解決，並且可能是進一步熟悉 Vue 的好方法：

• 整體程式碼品質不是很好；它需要重構才能更有效地使用現代 JavaScript 功能，而且還有許多未遵守的 Vue 最佳實踐： - 元件不應該真正導航到其他路徑，它們應該與父級通訊。 - 當使用v-for渲染清單時，也應該為每個項目提供一個唯一的key prop，如此處所述。
• 所有 CSS 佈局都使用浮動，而使用 CSS 網格或 Flexbox 會更合適。另外，在這樣的小專案中使用 Foundation 有點矯枉過正。
• 實現像 vuex 這樣的狀態管理庫可能很有用，特別是對於儲存字元資料和控制路線之間的導航。
• 產生字元 JSON 的腳本是用 Python 寫的，事後看來，這在 JavaScript 專案中並沒有真正的意義。 :P 這確實應該重寫為 Node JS 腳本。

---

柿益

學習如何書寫日文假名

當我開始學習日語時，我遇到的最大困難是書寫系統。日文使用兩種拼音字母（稱為「平假名」和「片假名」）和「漢字」的混合，這更具表意性。

我想利用現代網路技術建立一種有趣的方式來學習如何寫日語——我覺得其他日語學習資源尚未利用這一點。

目前，Kakimasu 僅具有平假名和片假名字符，但我計劃將來添加基本級別的漢字以及其他功能。 （：

使用的第三方函式庫：

• Vue.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