はじめに
フロントエンドの環境構築で
TypeScript、next.jsを使用するために行ったことについてまとめます。
仕様技術、環境
OS → Windows
エディター → VSCode
Node.jsとは
サーバーサイドでJavaScriptを動かすための動作環境。
参考記事↓
・Node.jsとはなにか？なぜみんな使っているのか？
TypeScriptとは
JavaScriptを元にしたプログラミング言語。
私の認識だとJavaScriptの進化版
参考記事↓
・TypeScriptを入門者向けに解説！JavaScriptとの違いや勉強法までわかりやすく
Next.jsとは
JavaScriptのライブラリであるReactを元にしたフロントエンドフレームワーク。
参考記事↓
・Next.jsとはReactベースのフレームワーク！Nuxt.jsとの違いや特徴は？【入門編】
・Next.jsとは何か？何ができるのか？React開発のフレームワークを解説
環境構築
実施したこと
- node.jsのインストール
- Next.jsとTypeScriptの環境構築
- VSCodeで拡張機能のESLintとPrettierの設定
※ ESLintはJavaScriptのコードを正しく書けているかをチェックするツール。
Prettierは、ソースコードを整形するツール。
参考記事↓
・【入門】create-next-appでNext.jsとTypeScript環境を構築
・VS Code への ESLint プラグインのインストール
・【VSCode】Prettierの使い方＆おすすめ設定を紹介