5月 2020 - inokawablog

OpenAPI + Docker + Nuxt + TypeScriptで快適な開発環境を

プロダクトを作っていく時に、仕様に関する情報をしっかり作っておくことで、新しくプロジェクトに加わる人に、細かく仕様を説明する必要がなくなります。さらにフロントエンドとバックエンドが共通の仕様を見ることで、認識の齟齬が少なくなり開発効率を最大化することができます。そのためにもOpenAPIを使用してAPIの設計書を作成しておきます。 OpenAPIを使用するメリットは以下が挙げられます。 APIを指 […]

LogRocketをNuxtで使ってみる!

LogRocketとは? LogRocketとは、ユーザーがサイトで何を行っているかを記録するためのサービスです。 デバイス、セッションなどでユーザーをフィルタリングしたり、UI/UXの問題をチェックしたり、UXの問題を見つけて改善するためのとても優れたツールです。 また様々なツールと連携することができ、開発を加速させます。 メリット カスタマーサポート・サクセスが円滑になる。 開発者のエラー・バ […]

Vuex で TypeScript を使用する

ドメイン駆動 こちらのサイトが非常に参考になりました。 複数画面共通処理に関してはstoreで状態を保持しても良いこととする。 コンポーネントやページだけで完結するデータはdataとしてコンポーネント側でもつ。 特徴 UIにビジネスロジックが混ざらないのでテスタビリティが高い UIがサーバーサイドの影響を一切受けないので、APIの修正や置き換えに対しても柔軟に対応できる 責務 state 各種AP […]