React × Next.js 実践開発入門 #2 開発ツールを導入しよう(TypeScript、ESLint、Prettier、VScode拡張)
「React × Next.js 実践開発入門」では、React×Next.jsを実務で使えるようになることを目標に、
Next.jsの公式チュートリアルの内容を基に解説をしていきます。
このシリーズを通して、JAMStackなブログサイトの作成ができるようになることを目指しましょう！
なお、コーディングはTypeScriptで行います。
JavaScript（TypeScript）でコーディングする際のTips等も解説できればと思っています。
jQueryをメインでフロントエンド開発をしてきた方も、この動画を見てモダンなフロントエンド開発に挑戦してみましょう！?
【動画の概要】
今回は、React × Next.jsで開発する際に導入しておきたい開発ツール(TypeScript、ESLint、Prettier、VScode拡張)について、それぞれ解説します。導入することによって、バグを減らすこともできるので、ぜひ使って行きましょう！
【リポジトリ】
動画内で紹介しているTypeScript、ESLint、Prettier、VSCode拡張が導入済みのプロジェクトです。
https://github.com/redimpulz/nextjs-blog-ts
【内容】
0:00 イントロ・前回の振り返り
0:40 TypeScriptを導入する
5:55 ESLintを導入する
9:35 Prettierを導入する
11:13 VScode拡張を導入する
13:00 次回予告
13:49 告知
【参考サイト】
https://www.typescriptlang.org/
https://eslint.org/
https://prettier.io/
#React
#NextJS
#TypeScript
#ESLint
#Prettier
#フロントエンドエンジニア
【お問い合わせ】
https://redimpulz.com/
[email protected]
【その他、BGM】
YouTube Music Library より
【公式LINE】
https://lin.ee/Fdbt9iO
最新動画をお知らせするので、ぜひ友だち追加お願いします
【誤字訂正】
4:05 「帰り値」→「返り値」
7:50 「JavaScript Mogules」→「JavaScript Modules」
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React × Next.js 実践開発入門 #2 開発ツールを導入しよう(TypeScript、ESLint、Prettier、VScode拡張)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.