【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ส.ค. 2024

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

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

    プロも愛用の高機能エディタ、「Visual Studio Code」のインストール方法から、日本語化、便利なショートカット一覧、その他機能など一気に紹介します!
    Webデザイン・プログラミングの作業効率が格段にアップするので、既に使っている方も、使ってみたいと考えていた方も是非ご覧ください!
    【Visual Studio Code】
    ダウンロードリンク
    code.visualstudio.com/download
    ======== おすすめ関連動画 ========
    【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
    th-cam.com/video/m4AOfxB6XR0/w-d-xo.html

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

    同様のVSCode入門動画の中でダントツに分かり易いです!
    特に画面構成が秀逸すぎます!

  • @kasaishikibu
    @kasaishikibu 4 หลายเดือนก่อน

    ちょっとマッタリした喋り方が聞き取りやすくて最高です。

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

    今までマウス操作で処理してきたので、たくさんのショートカットキーは目からうろこでした。頑張って慣れたいと思います。いつもありがとうございます。

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

      コメントありがとうございます!
      慣れてからは、格段に操作が早くなって世界が変わると思いますので是非徐々に覚えてみてください☺️

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

    空欄で置き換えは目からウロコ!便利!ありがとうございます!

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

      コメントありがとうございます!発想の転換ですよね!単純ですが、知るとなるほどーとなりますよね☺️

  • @user-ek7ib7fc4p
    @user-ek7ib7fc4p ปีที่แล้ว +1

    vscodeダウンロードしたはいいものの、使い方が全く分からず、挫折しかけていました😭💦とても分かりやすい動画のお陰でまた勉強する気力が湧いてきました!

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

    知らない事を学ぶのがとても楽しいです!
    いつもありがとうございます😊

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

      こちらこそありがとうございます☺️
      今後もお役に立てるよう頑張ります!!

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

    ありがとうございました!
    最近、Webの神様が私のメンターになっております。これからも動画楽しみにしております。

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

      もったいないお言葉をありがとうございます🙇‍♀️
      これからも、お役に立てるように更新頑張ります!!

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

    便利そうなショートカットがいっぱいですね!少しずつ覚えて行きます!

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

      ご視聴ありがとうございます!!数個覚えただけでもかなり作業が楽になるのでおすすめです🙏

  • @rss-restartsmail-7290
    @rss-restartsmail-7290 2 ปีที่แล้ว +3

    知らない事が多くてびっくりしました。ありがとうございます。ほんとわかりやすい

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

      ご視聴ありがとうございます!
      お役に立てたのならば嬉しい限りです!☺️

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

    めっっちゃわかりやすい!!
    今使ってるエディタいまいち使いこなせなくて悩んでたのでインストールしてみようと思います☺️

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

      ご視聴ありがとうございます!
      かなり便利で使いやすいので、是非使い始めてみてください!✨

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

    可愛いしわかりやすいし最高です

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

      コメントありがとうございます🙇‍♀️🙇‍♀️恐縮です…!

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

    今プログラミングとVSCodeをやり始めなので便利機能はすごく助かります!

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      ご視聴ありがとうございます!✨
      是非、VS Codeの拡張機能も活用してみてください!下記の動画で解説しております🙇‍♀️
      th-cam.com/video/taMpuUuFqIs/w-d-xo.html

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

      @@webgodweb 綺麗な方なので、より勉強に身が入ります!
      別の動画もありがとうございます。

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

    いつも動画で勉強させていただいております。
    初めてVSCODEを使った時の感動は忘れられませんね。
    プログラミングの勉強の半分は無駄だったのかと思ったほどです。

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

      ご視聴ありがとうございます!無料なのにとても使いやすいエディタですよね!私も前は別のエディタを使っていましたが、今はVS Code一択だなと思っています🙏

  • @djkenta358
    @djkenta358 2 ปีที่แล้ว

    先日は突然のDMで失礼いたしました。
    この動画を見てかなり使えるショートカットばかりで目から鱗でした。
    これでコーディングもさらに楽しくなりそうです!

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

      ご視聴ありがとうございます😊コーディング楽しんでください♪

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

    「下に改行を挿入」が好きです。

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

      私も好きです!!✨

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

    めっっちゃわかりやすい!!

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

    ありがとうございます!
    やり直し、windowsだとctrl+Yでいけますね

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

      ご視聴ありがとうございます!
      なるほど、そのほうがキーが少なく便利ですね!
      教えてくださりありがとうございます🙇‍♀️

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

    助かりました、神様です。

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

      とんでもございません😂ご視聴ありがとうございます!!

  • @newhorizon4610
    @newhorizon4610 ปีที่แล้ว

    ビデオありがとうございます! 一つ質問ですが、具体的にサイトを編集するにあたり、どのようにサイトをVSコードで編集するにあたっての手順などをまとめているビデオなどありますか?

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

      コメントありがとうございます!
      これからコーディングの学習を始められるのであれば、下記再生リストにHTML・CSSやコーディングの学習動画をまとめております。
      (Progateやドットインストール、書籍等の教材と併用していただくのがお勧めです)
      HTML・CSSまとめ
      th-cam.com/play/PL2-HmP0eFiLPE1pZqzLxpIMafpZrX5eFY.html
      模写コーディング(コーディング練習方法)
      th-cam.com/play/PL2-HmP0eFiLNeoqmcj8Sd6hPGCZA6NaKf.html
      また、コーディングでサイトを制作した後の、ドメイン取得、サーバーにアップロードなどの公開手順は下記の動画で解説しております。
      【Web制作】Webサイト公開までの流れを一気に解説!フリーランス志望の方必見【ドメイン / サーバー】
      th-cam.com/video/kd6CA5mfhps/w-d-xo.html
      参考になれば幸いです!

  • @yuri-yg1ru
    @yuri-yg1ru 2 ปีที่แล้ว +2

    はじめまして。プログラミングの勉強を始めて2か月目のゆりと申します。まずはプログラミングで副収入を得ることを目標にしています。なつこさんの動画は初心者の私にも大変分かりやすくていつもありがたく拝見しております。
    今回は動画のリクエストがありコメントさせていただきました。
    プログラミングの学習はプロゲートやドットインストール、TH-camなどで行っているのですが、学習がある程度進んでクラウドソーシングで案件を受注してお仕事を・・となった場合、案件受注から納品まで具体的にどのような手順を踏むことになるのでしょうか?そもそも全くの未経験でも、納品方法などを理解して案件受注をすることは可能ですか?
    そのあたりを動画にしていただけると大変助かります。ご検討宜しくお願い致します。

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

      貴重なリクエストを頂きありがとうございます!
      誰しも最初は未経験ですので、必要な学習と情報収集を怠らなければ、現実的に可能と思います!少しでもお力になれるように、今後の動画テーマとして検討させていただきます🙇‍♀️

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

    こんにちは。いつも動画見させてもらっています!javascriptの動画を上げる予定はありますか?

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

      コメントありがとうございます!
      ちょうど、次回からJavaScriptの動画シリーズをアップしていくつもりで準備を進めておりました🙇‍♀️
      更新をお待ちいただけると嬉しい限りです!

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

      @@webgodweb
      ありがたいです!!待ってます!!

  • @koujiyamada215
    @koujiyamada215 8 หลายเดือนก่อน

    マルチカーソル機能で、Win の Ctrl + Alt + 矢印キー(上下)を押すと、画面が上下反転するのですが?

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

    いつも有用な情報をありがとうございます。🤗
    マルチカーソル機能、Ctrl + alt +↓で画面が逆さまになります。
    ↓をドラッグにすると可能です。
    設定の違いでしょうか。

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

    どの順番でみるのがいいのか教えてほしいです。

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

    vscode日本語化しようとすると、なぜかrestartのポップアップが出ません…再起動はどうやるんでしょうか?

  • @pandagiant2195
    @pandagiant2195 2 ปีที่แล้ว

    そもそもこれは何の用途がありますか? 資料を書くとき、ワードじゃなくてこれを指定されたのですが、メモじゃダメなのか聞いたんですが、これがいいと言われました。

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      Visual Studio Codeは、主にコーディングやプログラミング作業に使われるテキストエディタです。もちろん、コードではないシンプルなテキストファイルも作成できるので、テキスト編集で汎用的に使えるアプリケーションです!

  • @モノログ
    @モノログ 3 ปีที่แล้ว

    5:45

  • @user-pf4dm8ux3n
    @user-pf4dm8ux3n ปีที่แล้ว

    😢

    • @webgodweb
      @webgodweb  ปีที่แล้ว

      ど、どうしましたか?💦