【必ず入れたい！】VSCodeプラグイン7選！HTML CSS コーディング

無料のコードエディタでシェア率が高い
『VSCode ブイエスコード（Visual Studio Code）』
オススメの拡張プラグインを紹介しています😊♪

プラグインを使用することで、無駄な作業時間の削減や、ミスの軽減などにもつながるので、ぜひ参考にしていただけたら幸いです😆❗️

🎥 この動画の構成 🎥
00:32　VSCode（Visual Studio Code）について
00:53　01. Japanese Language Pack
01:13　プラグインインストール方法
01:53　02. Auto Rename Tag
03:18　03. htmltagwrap
05:00　04. Highlight Matching Tag
05:50　05. Prettier
07:08　06. Bookmarks
08:05　07. Live Server

✅ ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️

◆ ぜひ『チャンネル登録』をよろしくお願いします🙇‍♂️
http://www.youtube.com/hirocode?sub_confirmation=1

◆ Twitter. ツイッター
https://twitter.com/hirocodeweb

◆ Instagram. インスタグラム 👈 オススメ❗️
https://www.instagram.com/hirocodeweb/

◆ ROOM. 楽天ルーム
https://room.rakuten.co.jp/hirocode/

🔋 僕が使っている、おすすめのデバイス 🔋
【マウス】
✅ ロジクールアドバンスドワイヤレスマウス MX Master 3
https://amzn.to/34Zn5LH
” ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 ”

【キーボード】
✅ ロジクールアドバンスドワイヤレスキーボード KX800 MX KEYS
https://amzn.to/38S1B4i
” 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 ”

【パソコン】
✅ Apple Macbook Pro 16inch
https://amzn.to/2WXKtEN
” 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 ”

【周辺機器】
✅ Apple AirPods Pro
https://amzn.to/3rAyU4u
” カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。

✅ Apple iPad Pro 11インチ
https://amzn.to/3mZuvoo
” macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 ”

📕 おすすめ書籍 📕
【デザイン基礎編】
✅ 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
https://amzn.to/3o8vofO
” webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 ”

✅ なるほどデザイン
https://amzn.to/2X48Z77
” デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 ”

【デザイン思考編】
✅ 誰のためのデザイン？
https://amzn.to/3o4gzun
” デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 ”

✅ IAシンキング Web制作者・担当者のためのIA思考術
https://amzn.to/2KETvEn
” デザイン以前のサイト設計における思考の方法を身につけるための一冊。 ”

【書籍デバイス】
✅ キンドルペーパーホワイト Kindle Paperwhite
https://amzn.to/3n2AwRh
” 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。

🎧 BGM 🎧
———————————————————-
Music Title: Happy And Joyful Children
Music Link: https://youtu.be/lv1YPeP1O8k
———————————————————-

#VSCode #HTMLCSS #コーディング