vue.js アーカイブ - inokawablog

Nuxt導入のテンプレート

Nuxtを導入するにあたって今度のためにテンプレートが欲しかったので作っておく。 利用環境 エディター Nuxt VSCode 2.1.3 Docker フロントエンドとバックエンドを分離した構造にし […]

Nuxt + TypeScriptのセットアップ

Nuxt + TypeScriptでセットアップを行います。 ディレクトリ構造はsrc/に主要なファイル群を配置しています。 導入 $ yarn add –dev @nuxt/typescript- […]

Nuxt のテストの実行環境を整える

Unitテスト・E2Eテスト・ビジュアルリグレッションテストの環境整備に関して書いていく。 Unit(単体)テスト Unitテストとはプログラムを構成する比較的小さな単位が個々の機能を正しく果たしてい […]

Nuxt.jsでstylelintの設定をして快適なscss環境を。

stylelintは、コードに一貫性を持たせることができ、エラーを減らすことができます。またプロパティの並び順なども気にする必要がなくなります。また、prettierと組み合わせることでその真価を発揮 […]

LogRocketをNuxtで使ってみる!

LogRocketとは? LogRocketとは、ユーザーがサイトで何を行っているかを記録するためのサービスです。 デバイス、セッションなどでユーザーをフィルタリングしたり、UI/UXの問題をチェック […]

Vuex で TypeScript を使用する

ドメイン駆動 こちらのサイトが非常に参考になりました。 複数画面共通処理に関してはstoreで状態を保持しても良いこととする。 コンポーネントやページだけで完結するデータはdataとしてコンポーネント […]