Lorem ipsum

ミニマリストなフリーランスエンジニアの雑記です。

最近のNuxt.js関係の仕事内容

を参考に、自分も書いてみます。


ここ最近は Nuxt.js を用いた開発の仕事をしており、新規機能開発や現行の機能の改修のほかに、開発体験をよくするためのタスクを消化していくことが多いです。

以下に、改善系のタスクで実際にどのような仕事をしてきたか雑にまとめてみます。

  • Nuxt.js のバージョンアップ
  • TypeScript の導入
  • Vuex に型を付与
  • フロントエンドからの API 呼び出し方法の見直し
  • 無駄なリクエストの削除
  • 無駄なコンポーネントの削除
  • 不要な layout ファイル の削除
  • エラーハンドリングの方法の見直し
  • 監視ツールの導入
  • 分析ツールの導入
  • sitemap の設置
  • フロントエンド開発のためのドキュメントの整備
  • 無視されている ESLint のルールの改修
  • ESLint と Prettiter を連携するための設定ファイルの記述
  • Jest を用いたユニットテストの環境を整備
  • Puppeteer を用いた E2E テスト環境の整備
  • フロントエンドの各種パッケージのアップデート
  • .npmrc で save-exact=true する
  • CSS 設計の見直し(不要なスタイルの削除、グローバルなスタイルの見直し、各種値の変数化など)
  • TypeScript の型定義の追加と修正
  • モダンでない JavaScript の記法の修正や指摘
  • Vuex から Nuxt Typed Vuex への移行

「最近の Nuxt.js 関係の仕事内容」ってタイトルつけといてアレなんですが、Nuxt.js 関係ない内容がほとんどですね。許してください 😇

改善を行う際は、極力息が長そうで、特殊な設定を必要とせず、誰でも馴染めそうな内容に変更することを意識しています。