Prettierの使い方解説。フロントエンドで必須のコード整形ツールで、プログラミング学習の効率も上がります。

文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家

📙 もくじ
0:00 Prettier のデモ
2:10 Prettier のインストール
2:42 Prettier の設定方法
3:38 VSCode の設定と settings.json の関係について
6:11 Prettier のホームページを見る
7:10 CSS × Prettier の例
8:03 JavaScript × Prettier の例
9:01 Markdown × Prettier の例
10:26 まとめ

🚀 今日のひとこと
今回のプログラミング講座では Prettier を紹介。
デモを交えて使い方・設定方法を解説しています。
効率的に学習するために早めに覚えておくべきツールです。
この動画では Visual Studio Code (VS Code) の拡張機能として使用していますが、
Atom, Sublime Text, Vim, Emacs などのエディターでも使えます。
コード整形はもはやプロジェクトには必要不可欠なので必ず導入しましょう！

🚧 注意
ちなみに本講座はPrettierのすべてを解説したわけではありません。
より細かな設定もできますし、npm経由を教えるべきなどの話もあるかと思います。
ただし、すべてを一度に伝えるのは悪手だと私は考えているので、今回は要点に絞りました。
より深堀りした内容は将来的に解説していく予定です。

🔥この動画だけは見よ！
エディタのオススメはVSCode！プログラミング初心者やフロントエンドエンジニアを目指す方はVSCode一択！
   • エディタのオススメはVSCode！プログラミング初心者やフロントエンドエ...  

【プログラミング講座】HTML、CSS，JavaScriptの関係性を解説！エンジニア初心者や入門者にオススメ！
   • 【プログラミング講座】HTML、CSS，JavaScriptの関係性を解説...  

👨‍💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

🌏 SNS
Twitter:   / shimabu_it  
Instagram:   / shimabu_it  

🏷️ タグ
#Prettier #Prettierの使い方 #プログラミング講座