【ESlint/Prettier入門】自動コード整形と構文チェックで開発効率を爆上げしてみよう
Вставка
- Опубліковано 7 лют 2025
- #入門 #eslint #prettier #プログラミング #独学 #webエンジニア #webアプリ開発 #husky
🌟Web開発案件も募集中です🌟
shincode-hp.pa...
Webの開発案件も募集しております。
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業＆就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
-------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・ESlintの意味と使い方が理解できる
・Prettierの意味と使い方が理解できる
・huskyの意味と使い方が理解できる
・VSCodeにてコード整形が簡単にできる
・VSCodeで自動構文チェックができる
・gitへcommit前にeslintのチェックができる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ3000人突破
・Webアプリ/サイト開発数：200以上
・生きがい：プログラミングでサイトやアプリを作ること
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者SNS★
Twitter： / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
amzn.to/3se5onZ
※アフィリエイトリンクになります。
やっぱりメガネなしがカッコいい👌
ESlintは構文チェック、Prettierはフォーマットに主に使用されるのですね。勉強になりました！
個人的にめちゃくちゃ良いタイミングでeslint の動画出してもらえてありがて〜
これからもトレンド追い続けてください、応援してます！
動画ありがとうございました。
大変勉強になりました。
わかりやすい動画いつもありがとうございます。今回の内容もgood!
ちょうど興味をもっていた内容だったので、改善を進めるのにとても参考になりました。いつも、ありがとうございます。
どのPJでも使われてるような技術の紹介ありがたいです！
Nuxt3 + Vuetify3 + TypeScriptでの開発の基本の動画を出してほしいです。
よろしくお願いします。
Prettierは、プラグイン拡張しなければPHPのフォーマットまでやってくれないのですね。
これまでは、VS Code標準のフォーマット機能と、PHP用にPHP Intelephenseを使用していましたが、Prettierをインストールしてデフォルトのフォーマッターとして定義したところ、PHPがフォーマットされなくなってしまいました。Prettierの結果出力されるJavaScriptコードなども、どちらかといえばVS Code標準のフォーマット体裁のほうが好みだったので、何だか面倒に感じてしまいました。それでもPrettierは活用する方が恩恵を受けられるのでしょうか？（人それぞれなので難しい質問だと思いますが・・・）
私は本格的なチーム開発に携わっていませんが、今後のキャリアで携わりたいと考えています。
初心者です。Prettierで要らぬ改行が度々生じます。print widthの値を上げることで解決したものもあるのですが、CSSでタグとコメントを1行に収めることがどうしてもできません。コメントが改行されてしまいます。shinさんの他の動画ではそのような現象が起きていませんでした。何か設定があるのでしょうか。かなり試行錯誤しましたが解決せず、、、