2023 フロントエンド開発資料

参考資料

• Ant Design Pro

• Create React App

• TypeScriptとReact / Next.js

• fullstackbook

Tailwind CSS

• Login with Tailwind

• Tailwind CSS

VSCode 設定

• フォントの文字化けを解消

MesloLGS NF

• MacOS code . 実行設定

  cat << EOF >> ~/.zprofile
  # Add Visual Studio Code (code)
  export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
  EOF
  

.vscode/settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true
}

VScode 拡張機能

- PostCSS Language Support
- Prettier -Code formatter
- Tailwind CSS IntelliSense

Nuxt.jsとNext.jsを比較

• Nuxt.jsとNext.jsを比較

• 満足度

JavaScriptからTypeScriptに変換

• JavaScriptからTypeScriptに変換

Next.js 13

• Next.js 13

• Next app-playground

npm i next@latest react@latest react-dom@latest eslint-config-next@latest

Nuxt 3

• Nuxt 3 + AWS + GitHub - 技術ブログをつくった

• vue 技術ブログ

その他

$ sudo chmod 777 -R 
$ lsof -i:3000