Nuxt3とfirebase9で認証機能設定する方法

Nuxt.js firebase フロントエンド個人開発

Nuxt3とfirebase9で認証機能設定する方法各バージョン Nuxt: 3.0.0-rc.11 Firebase: 9.13.0 インストール npm install firebaseでpackage.jsonにfirebaseが追加されればOK Firebaseの初期設定 ■ plugins/firebase.client.ts import { initializeApp } from …

2022-10-16

Nuxt3にtailwindを導入する

Nuxt.js 個人開発フロントエンド

Nuxt3にtailwindを導入する導入手順インストール npm install -D @nuxtjs/tailwindcss tailwindcss@latest postcss@latest autoprefixer@latest @nuxtjs/tailwindcss → Nuxt3でTailwindCSSを利用するためのモジュール tailwindcss@latest → Tailwindの最新…

2022-10-13

Nuxt3にEslintとprettierを導入する

Nuxt.js TypeScript vue.js フロントエンド個人開発

Nuxt3にEslintとprettierを導入する ESLintとPrettierはどちらもソースコードの品質を高めるツールになります。 ESLint：静的解析ツール。バグの可能性がある書き方を指摘する。 Prettier：コードフォーマッター。インデント、改行などを自動整形してくれる…

2022-08-25

フロントエンドの環境設定

JavaScript HTML/CSS Nuxt.js IT基礎知識フロントエンド

フロントエンドの環境設定概要 Babel : ES6 -> ES5への変換 Node.js : JSライブラリ管理 webpack: 1つにまとめる（読み込み速度UP) polyfill: 下位互換 vue-cli: 必要ソフトをパッケージ化 Npm ■ Npmとは Node.jsはJavaScriptを実行する環境です。本来、Ja…