kakimasu

注:このプロジェクトは現在保守されていません。そのほとんどは、私が Vue や最新の CSS にあまり慣れていないときに書かれたものなので、「初心者」のコードがたくさんあり、むしろ最近のプロジェクトに集中したいと思います。 2019 年 1 月に、依存関係を更新し、GitHub Pages でホストできるようにアプリを静的サイトとして構築できるようにするために最小限の変更を加えましたが、それ以外の場合はコードをこれ以上更新しません。

しかし！このプロジェクトに興味があれば、貢献を歓迎します。これらの問題のほとんどは、初心者から中級者レベルであれば取り組むのに十分なフレンドリーなものであり、Vue にもっと慣れるための素晴らしい方法になる可能性があります。

• 全体的なコードの品質はそれほど良くありません。最新の JavaScript 機能をより適切に使用するにはリファクタリングが必要です。また、遵守されていない Vue のベスト プラクティスも多数あります。 - コンポーネントは実際には他のルートに移動すべきではなく、代わりに親と通信する必要があります。 - v-forを使用してリストをレンダリングする場合、ここで説明したように、各項目に一意のkeyプロパティも提供する必要があります。
• すべての CSS レイアウトではフロートが使用されており、CSS グリッドまたはフレックスボックスを使用する方が適しています。また、このような小規模なプロジェクトに Foundation を使用するのは、ちょっとやりすぎです。
• vuex のような状態管理ライブラリを実装すると、特に文字データの保存やルート間のナビゲーションの制御に役立つ可能性があります。
• キャラクター JSON を生成するスクリプトは Python で書かれていますが、今にして思えば、これは JavaScript プロジェクトではあまり意味がありません。 :P これは実際には Node JS スクリプトとして書き直す必要があります。

---

かきます

日本語のかなの書き方を学びましょう

私が日本語を勉強し始めたとき、一番苦労したのは文字体系でした。日本語は、2 つの表音文字 (「ひらがな」と「カタカナ」と呼ばれます) と、より表語的な「漢字」を組み合わせて使用​​します。

私は、最新の Web テクノロジーを活用して、日本語の書き方を学ぶための興味深い方法を構築したいと考えていました。これは、他の日本語学習リソースではまだ活用されていないと感じています。

今のところ「書きます」はひらがなとカタカナのみですが、将来的には初級の漢字なども追加していく予定です。 (:

使用されるサードパーティのライブラリ:

• 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