【作業効率化】Web制作にオススメ!Visual Studio Code 拡張機能5選 インストールするだけ簡単【コーディング・プログラミング】

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 34

  • @webgodweb
    @webgodweb  3 роки тому +3

    【動画内で紹介している拡張機能一覧】
    ①Auto Rename Tag
    marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
    ②indent-rainbow
    marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
    ③Path Intellisense
    marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
    ④Code Spell Checker
    marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
    ⑤Evilinspector
    marketplace.visualstudio.com/items?itemName=saikou9901.evilinspector
    ↓↓↓「Visual Studio Code」のインストール方法・日本語化、便利なショートカット一覧、その他機能などの紹介はこちら↓↓↓
    【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】
    ua-cam.com/video/pQ7tmTx5Zbk/v-deo.html
    【Visual Studio Code】
    ダウンロードリンク
    code.visualstudio.com/download

  • @hiro-rs2pu
    @hiro-rs2pu 26 днів тому

    全然違う質問なんですが,vsコードで作成したコードをメールで送る方法はありますか?宜しくお願い致します🙏

  • @nachisuke_ag
    @nachisuke_ag 4 місяці тому

    Themaは何を使用されていますか?

  • @AH-fy5tf
    @AH-fy5tf Рік тому

    webサイトを作りたいと思っています。調べたらvs code?でwebサイトを作る人もいれば、WordPressがオススメという人もいて…どちらの勉強をすればいいですか?勉強しても無理だったらプロに頼もうと思っているんですけど、WordPressで作ってもらえばいいのか、vs codeがいいのか…😵‍💫違いが全く分かりません。

    • @webgodweb
      @webgodweb  Рік тому +1

      コメントありがとうございます!
      「VS Codeで作る」というのは、恐らく1からコーディングをしてサイト制作する手順のことをおっしゃっているかと思います。
      これには、HTMLやCSSといった言語の学習から始めていただかないといけないです。(ここでVS Codeを使ってコードを書く作業が発生します。)
      手っ取り早くWebサイトを公開されたいなら、WordPressがお勧めかとは思います。基本的には無料で利用できますし、先に言ったようなコーディングで1からサイト制作を始めるよりは、学習コストは少ないのではないかと思います。
      (ほとんど違う方向性の学習なので、人によるかもしれませんが。。)
      とはいえ、HTMLやCSSの知識はサイト制作の基本なので、WordPressを勉強していても求められるシーンが必ず出てくるはずです。理想は、WordPressでサイト制作を進めつつ、HTML・CSSの学習も並行して進めていただくことかなと思います!

    • @AH-fy5tf
      @AH-fy5tf Рік тому

      なるほど、そうなんですね!
      分かりやすくて助かりました!wordpressで作りながら言語の学習もやってみます!ありがとうございました😊

  • @sayang_CCA60
    @sayang_CCA60 3 роки тому +1

    コーディングビギナーの自分にとってはとても貴重な情報です。ありがとうございます!

    • @webgodweb
      @webgodweb  3 роки тому +1

      いつもありがとうございます✨
      是非インストールしてみてくださいっ!

    • @sayang_CCA60
      @sayang_CCA60 3 роки тому

      はい。動画を見ながら全てインストールしました。😁

  • @KentaroxKondo
    @KentaroxKondo Рік тому +2

    auto renameはVS Codeで標準機能化されたみたいですね。プラグインをインストールしなくても、設定で有効化できるようになっていました!

    • @KentaroxKondo
      @KentaroxKondo Рік тому

      "linked editing"という設定にチェックをすればOKでした。

    • @webgodweb
      @webgodweb  Рік тому +2

      仰る通り、アップデートされたみたいですね!
      標準機能のままでもどんどん便利になっていくなあと思います🙏 貴重な情報もご共有ありがとうございますー!

  • @egawatakuma
    @egawatakuma 3 роки тому

    vscodeを使ってるので、おすすめ拡張機能の情報嬉しいです
    コードを書く量が多くなると、閉じタグがどこだっけと探すのにも手間がかかるので
    今回教えていただいたものを取り入れて使ってみようと思います!

    • @webgodweb
      @webgodweb  3 роки тому

      コメントありがとうございます!✨
      拡張機能は、インストールしただけで便利になるものが多いので、入れない手はないですよね🙏

  • @いたち-e2b
    @いたち-e2b 3 роки тому

    今回も有意義な情報ありがとうございます。😁
    ちなみに、Web制作会社では、dream weaver を使ってますか?

    • @webgodweb
      @webgodweb  3 роки тому +1

      ご視聴ありがとうございます!
      他社のことはわからないのでなんとも言えないですが、少なくとも私の会社では全く使っていないです🙇‍♀️

    • @いたち-e2b
      @いたち-e2b 3 роки тому

      ご丁寧にありがとうございます。😁

  • @SU-gd6nd
    @SU-gd6nd 3 роки тому

    他の人の設定って気になりますよね!
    私のオススメ拡張機能はPrettierですかねー。
    それより久しぶりに観たら大人っぽくなっててビックリ!!
    これからも応援します📣

    • @webgodweb
      @webgodweb  3 роки тому

      Prettierですね!知ってはいたのですが使ったことがなかったのでインストールしてみました、ありがとうございます!
      あたたかいお言葉までいただき感謝です!🙇‍♀️

  • @SS-ls5eu
    @SS-ls5eu 3 роки тому

    いつも勉強させて頂いてます!
    センター分け似合ってます😄
    質問なのですが、書いたコードをGo liveでサブディスプレイに写して、PCでVScodeを書いてます。
    autosave機能をonにしているのですが、VSCODEを書くたびにサブディスプレイの画面が一番上までいってしまいます。長いページを作っている時にいちいち下までもどるのが面倒なのですが何か良い方法はありますでしょうか?

  • @とたくん-u8v
    @とたくん-u8v 2 роки тому +1

    拡張機能を探すのって時間がかかるので、厳選して紹介いただいてすごくたすかります!
    「Bracket Pair Colorization」機能がメチャクチャ便利です!😂
    ついつい後回しにしてしまうのですが、ツール環境の整備って大事ですね。

    • @webgodweb
      @webgodweb  2 роки тому +1

      ご視聴ありがとうございます!✨
      とてもわかります!なにかと後回しにしがちですが、今後の作業効率が段違いになるので、一度環境を整えていただくとありがたみがわかると思います😂

  • @うなにゃんこ-u9l
    @うなにゃんこ-u9l 3 роки тому

    Sassを自動インデントしてくれる機能がほぴいですぅ。。

    • @webgodweb
      @webgodweb  3 роки тому

      コメントありがとうございます✨
      なにかいいのがないか探してみますね!🙇‍♀️

  • @ぴんく色社長
    @ぴんく色社長 3 роки тому

    なつこ、今日も可愛かったよ!
    俺、アトムエディターやけどVSに変えるよ!

    • @webgodweb
      @webgodweb  3 роки тому +1

      いつもありがとうございます😂
      私も前はAtomユーザーでしたが、今はVS Codeが快適で戻れなくなりました…!オススメです!

  • @もに-f4z
    @もに-f4z 2 роки тому

    ありがとうございます😊とても参考になりました。全部使ってみます!
    あと質問ですが、コードの整形機能は何を使うといいですか?

  • @Dokurou
    @Dokurou Рік тому

    Error lensを紹介しないとは・・・
    超絶便利ですけどねぇ(´・ω:;.:...

    • @webgodweb
      @webgodweb  Рік тому

      貴重な情報ありがとうございます!!
      使ってみます、、!🙇‍♀️

  • @04rinel64
    @04rinel64 3 роки тому

    ゴマキに似てる

    • @webgodweb
      @webgodweb  3 роки тому

      コメントありがとうございます😂