🌮 docs: add docs/other/development-tips

Author: hisasann

docs/_sidebar.md

@@ -63,11 +63,11 @@
 
 - ツール
 
-  - [オススメライブラリ一覧]()
+  - [オススメライブラリ一覧](tools/recommend-tools.md)
 
 - その他
 
-  - [気をつけるポイント]()
-  - [ログイン処理をどう実装するか]()
+  - [開発で気をつけるポイント](other/development-tips.md)
+  - [Nuxt.jsを使ったログイン周りの仕組みについて]()
   - [サーバーサイドのログ処理](nuxt/server-side-logging.md)
   - [Google Tag Manager]()

docs/other/development-tips.md

@@ -0,0 +1,13 @@
+## 開発で気をつけるポイント
+
+- Nuxt の `plugin` を使わずに `prototype` 拡張をどこかのファイルでやるのはやめましょう
+- Cookie は使わず、なるべく localStorage を使いましょう
+  - [Nuxt.jsでログインをどうやるか、そしてCookieからlocalStorageへ - DJ lemon-Sour's diary (prod.hisasann)](https://hisasann.github.io/2019/06/22/how-to-login-with-nuxt-and-cookie-to-localstorage/)
+- document オブジェクト系はなるべく使わないようにしましょう
+  document.getElementById(id)など
+- `alert` や `confirm` は `process.client` の場合に使うように if 文で判定しましょう
+- `v-bind:val` ではなく、エイリアスを使いましょう `:val`
+- `v-on:event` ではなく、エイリアスを使いましょう `@event`
+- コールバックパターンよりも `async/await パターン` を使いましょう
+- input 系のバリデーションは `vee-validattor` を使いましょう
+[vee-validateを使う - typescript-nuxtjs-boilerplate-docs](https://typescript-nuxtjs-boilerplate-docs.netlify.com/#/nuxt/vee-validate)