【知らなきゃ損】VSCodeで生産性が2倍になる拡張機能(プラグイン)を10選紹介します

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ส.ค. 2024
  • #入門 #vscode #plugin #拡張機能 #独学 #web制作 #プログラミング #プラグイン
    【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
    ↓↓↓↓↓
    shincode.info/2...
    \ShinCode_Camp開校しました/
    プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
    🎁月額2500円で全講座が見放題
    🎁分からない箇所は質問し放題
    🎁7日間無料キャンペーン実施中
    🎁コミュニティ機能付き
    🎁いつでも解約可能etc...
    ↓↓↓↓↓
    code-s-school-...
    -----------------------------------------------------------------------------------------------------------------------------
    【この動画を視聴するメリット】
    ・VSCodeで生産性が上がる拡張機能が分かります
    ・ChatGPTプラグインのGenieAIの使い方が分かります
    【信頼性】
    ・Udemy講師
    ・講師レビュー評価94.6%
    ・Udemy受講生延べ3000人突破
    ・Webアプリ/サイト開発数:200以上
    ・生きがい:プログラミングでサイトやアプリを作ること
    ★チャンネル登録はこちらから★
    / @programming_tutorial_...
    ★今回のソースコード★
    ★運営者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
    ※アフィリエイトリンクになります。

ความคิดเห็น • 21

  • @hira-ld7rr
    @hira-ld7rr ปีที่แล้ว +36

    ほぼ使っているプラグインだったので、後で見返せるようの個人メモ!!
    01) 1:28 「Prettier」JavaScriptのコードフォーマッター。
    02) 5:00 「Auto Close Tag」HTMLの開始タグを入力すると自動で閉じタグを追加してくれる
    03) 5:55 「Auto Rename Tag」HTMLの開始タグを変えるとすると閉じタグも自動で修正してくれる
    04) 6:37 「Code Splel Checker」自動でスペルチェックを指摘してくれる
    05) 8:07 「Material Icon Theme」フォルダやファイルに役割に応じたアイコンを設定してくれる
    06) 9:28 「Polacode」コードのスクショを簡単に取得できるようになる
    07) 11:22 「CSS Peak」タグに適用されているCSSを参照しやすくなる
    08) 13:06 「Thunder Clinet」GUI操作可能なWebAPIのテストツール
    09) 15:35 「Quokka.js」JavaScriptとTypeScriptの検証ツール
    10) 19:18 「ChatGPT - Genie AI」VScodeで使えるChatGPT

    • @RitchieBlackmost
      @RitchieBlackmost 3 หลายเดือนก่อน +1

      スペルチェッカーのスペルが……

  • @user-ky5dq4cx5n
    @user-ky5dq4cx5n 5 หลายเดือนก่อน +1

    こういうのまさに知りたかったんです!いつも素晴らしくわかりやすい動画、感謝です✨

  • @TomoakiNagahara
    @TomoakiNagahara ปีที่แล้ว +4

    たいへん参考になりました!面白かったです。widthの発音は、カタカナだと「ウィズ」に近いと思います。Genieは「ジニー」で、精霊という意味ですが、ランプが表示されていることから、アラジンと魔法のランプに例えてるんだと思います!

  • @user-kp7gy5lx7p
    @user-kp7gy5lx7p ปีที่แล้ว +2

    大学の授業に役立ちそうなので全部入れました😁Auto Rename Tag、Auto Close Tag、Auto Close Tagあたりは書くのがかなり捗りそうです。
    Genie AIは未来を感じますね。どんどん活用していこうと思います!

    • @Pentagon5-ch
      @Pentagon5-ch 11 หลายเดือนก่อน

      ちなみに.featureとかくととなるものも便利です

  • @ryoulove77
    @ryoulove77 ปีที่แล้ว +3

    素晴らしい情報ありがとうございます!

  • @yuzu_krs
    @yuzu_krs ปีที่แล้ว +2

    これは便利です!貴重な動画ありがとうございます!!

  • @Gizutoku
    @Gizutoku ปีที่แล้ว +2

    有益なツール紹介有難う御座います。
    shinさんの紹介でchatGPT使い出しましたけどとても便利です、VSCODEでそのまま利用できるのはとてもありがたいですね。😮
    駆け出しエンジニアさんなどに是非とも紹介したい動画ですね。

  • @cyokodog
    @cyokodog ปีที่แล้ว +14

    Auto Close Tagは入れなくても、今のVS Codeだと標準機能として閉じタグは入力されるっぽいですね

    • @TomoakiNagahara
      @TomoakiNagahara ปีที่แล้ว +1

      いや、デフォルトだとされないです。別の機能拡張が、閉じタグを入れてくれるのではないでしょうか?

    • @OhtaniEvolution
      @OhtaniEvolution ปีที่แล้ว +4

      @@TomoakiNagahara 私の環境だと、半年前くらいのバージョンで、デフォルトの新規インストール後は閉じタグをAuto Close Tagなくても入れてくれてたのですが、一度試しにAuto Close Tagを入れた後、Auto Close Tagを削除したらなぜかデフォルトでできてた閉じタグ機能までも消えてしまいました・・。結局今はAuto Close Tagをまた入れています。このあたりWindows版とかMac版とか、バージョン違いで細かい挙動も差異があるのかもしれません。

  • @hasbullaBJJ
    @hasbullaBJJ ปีที่แล้ว +4

    参考になります!

  • @KentaroxKondo
    @KentaroxKondo 7 หลายเดือนก่อน +1

    SVG Previewとか便利だったかも

  • @user-tt5fh5hy2f
    @user-tt5fh5hy2f ปีที่แล้ว +3

    助かる

  • @user-rs6oe2os1c
    @user-rs6oe2os1c 10 หลายเดือนก่อน +1

    動画わかりやすくよいのですが、anacondaのvscodeでPrettierやAuto Close Tagインストールしましたが反映されません。
    一度再起動か何かしないとだめなのでしょうか?

    • @user-rs6oe2os1c
      @user-rs6oe2os1c 10 หลายเดือนก่อน +2

      Ctrl+sで保存しても反映されません。Editor:Format On Saveのところに✓してもできませんでした。。

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  10 หลายเดือนก่อน

      @@user-rs6oe2os1c
      一度VSCodeをとじていただくと良いかもしれません。また、setting.jsonのセーブを忘れずに。

  • @user-ro1hq7zt6i
    @user-ro1hq7zt6i 8 หลายเดือนก่อน

    pythonを最近使い初めましてVSCODEを使用しようと思っていたのですが、pycharmではちゃんと画像が表示されるのにVSCODEでは画像呼び出しでエラーになります、なぜなのでしょうか?必要なプラグインがあれば教えていただけますでしょうか?

  • @nem7620
    @nem7620 ปีที่แล้ว +2

    アラジンのジーニーかと🧞‍♂️