Doneの定義

• 表題の件にComponentの実装が変更されている事

補足情報

vue-property-decoratorも検討する。

Doneの定義

• Storybookを起動した時の警告が削除されている事

補足情報

警告メッセージは下記の通り。

10% building 1/1 modules 0 active(node:23748) DeprecationWarning: Extend-mode configuration is deprecated, please use full-control mode instead.

See https://storybook.js.org/docs/configurations/custom-webpack-config/#full-control-mode

多分Webpackの書き方を直せば解消されると思われる。

Doneの定義

• create-nuxt-app で作成されたコードがコミットされていること
• GitHubで使うテンプレートがコミットされていること

Doneの定義

• @nuxtjs/eslint-config-typescript を利用した形に変更されている事

補足情報

下記の設定に合わせる

https://typescript.nuxtjs.org/guide/lint.html

Doneの定義

• Qiitaの認可サーバーにリクエストを送信し認可コードが取得出来ている事

Doneの定義

• 依存しているnpm packageが最新に更新されている事
• 更新前と変わらずに動作している事

Doneの定義

• 表題の件が実現されている事

Doneの定義

• Storybookが導入され各ComponentのStoryが作成されていること

Doneの定義

• 表題の件が実施されファイルが移動していること

補足情報

直下にたくさんディレクトリがあるよりもReact等のTemplateでよくある src 配下に移動したほうが見やすいと判断した。

Doneの定義

• インストールされているpackageが全て最新に更新されていること

Doneの定義

• E2Eテストが導入され、1件テストケースが書かれている事

補足情報

全てのケースを網羅する必要はない。

コアな機能に絞り正常系のテストケースのみ網羅されていれば問題はない。

Doneの定義

• @nuxt/typescript を利用した形に修正されていること

補足情報

https://ja.nuxtjs.org/guide/typescript/

Doneの定義

• Storybookの書き方がCSF形式に変更されている事

補足情報

こちらの記事が参考になりそう。
https://tenderfeel.xsrv.jp/javascript/4121/

こちらはReactだが参考に出来る。

nekochans/portfolio-frontend#48

Doneの定義

• Qiitaのアクセストークンを取得する部分が実装されている事

概要

yarn build 実行時に以下のエラーが発生する。

FATAL Cannot find module './src/server/bff'

再現手順

1. 最新のmasterブランチをgit cloneする
2. yarn install を実行
3. yarn build を実行

再現環境

• Node.js v12.14.0
• yarn --version は 1.21.1

このバグによって引き起こされる問題

アプリケーションが起動出来ない。

Doneの定義

• increment, decrementが実行出来る機能が実装されていること

補足情報

Vuexを使って実装する。

Doneの定義

• 表題の件が実施されている事

補足情報

参考↓

https://medium.com/studist-dev/storybook-with-vuex-7084bea6b509

Doneの定義

• プロジェクトがTypeScriptを使った形に変更されていること

Doneの定義

• Qiitaのユーザー名、プロフィール画像がComponentに表示されている事
• 対象ページはQiita上で認証・認可済のユーザー以外は閲覧出来ないようになっている事

Doneの定義

• https://github.com/kaorun343/vue-property-decorator を利用した書き方に変更されている事

補足情報

下記の通り公式で推奨されている為。

https://ja.nuxtjs.org/guide/typescript/

Doneの定義

• 表題の件が実施されている事

補足情報

これらのヘルパーは型定義が強制的にanyになってしまうので利用しないように改修する。

Doneの定義

• ユニットテストが実行可能になっていること

Doneの定義

• 表題の件が実施されている事

Doneの定義

• 表題の件がREADMEに記載されている事

Doneの定義

• ルーティングの設定が全てexpress側で行われるように改修されている事

補足情報

こちらの記事を参考に改修を行う。

https://qiita.com/tanaka-yui/items/8027bfacf22ffa7440b4

Doneの定義

• Nuxt.jsのバージョンが2.9系にUpgradeされている事

補足情報

TypeScriptの設定方法がかなり変わっている。
それなりに手間がかかりそう。

• https://qiita.com/iwata@github/items/a94c6d116a3e84911628
• https://typescript.nuxtjs.org/migration.html

Doneの定義

• 2.6.0へのアップグレードが完了しアップグレード前と変わらずに動作している事

補足情報

• https://github.com/nuxt/nuxt.js/releases/tag/v2.6.0
• https://github.com/nuxt/nuxt.js/releases/tag/v2.5.0

Doneの定義

• プロジェクトが nuxt-ts を使った形に変更されていること

Doneの定義

• Nuxt.js を含めた各npm packageが最新に更新されていること

補足情報

Nuxtの更新に手間がかかりそうなので、ストーリーポイントは多め

Doneの定義

• @nuxt/typescript を利用した形に修正されていること
• 今までと同じようにexpressでカスタムサーバーが利用出来るようになっている事

補足情報

https://ja.nuxtjs.org/guide/typescript

Doneの定義

• CIが設定されコミットの度に動作するようになっている事