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

Поділитися
Вставка
  • Опубліковано 19 січ 2025

КОМЕНТАРІ • 54

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

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

  • @marbee331
    @marbee331 2 роки тому +6

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

  • @saka1029
    @saka1029 Місяць тому

    35年前からviを使っているので、VS codeでもvimの拡張機能を入れて使っています。 vimはほとんどのOSで、GUIでもCUIでも使えるので便利です。

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

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

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

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

  • @昌之小林
    @昌之小林 3 роки тому +2

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

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

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

  • @kasaishikibu
    @kasaishikibu 9 місяців тому

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

  • @もちもちやすこ
    @もちもちやすこ Рік тому +1

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

  • @rss-restartsmail-7290
    @rss-restartsmail-7290 3 роки тому +3

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

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

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

  • @YunaOmura
    @YunaOmura 21 день тому

    とても参考になるビデオでした、ありがとうございます!Vscodeと一緒にEchoAPIを使ってみると、より開発が捗るかもしれませんね。

  • @junpei3
    @junpei3 2 роки тому +2

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

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

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

  • @別府佳世子
    @別府佳世子 3 роки тому +5

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

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

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

  • @ボコのミュージックライブラリ

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

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

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

  • @カレーライスだいすき
    @カレーライスだいすき 3 роки тому +3

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

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

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

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

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

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

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

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

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

  • @レクタングル将軍
    @レクタングル将軍 3 роки тому +5

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

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

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

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

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

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

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

  • @djkenta358
    @djkenta358 2 роки тому

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

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

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

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

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

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

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

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

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

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

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

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

      私も好きです!!✨

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

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

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

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

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

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

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

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

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

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

  • @yuri-yg1ru
    @yuri-yg1ru 3 роки тому +2

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

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

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

  • @片岡蒼吾
    @片岡蒼吾 3 роки тому +1

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

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

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

    • @片岡蒼吾
      @片岡蒼吾 3 роки тому +1

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

  • @ハリノハリノ
    @ハリノハリノ 2 роки тому

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

  • @桂小太郎-g9g
    @桂小太郎-g9g 3 роки тому

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

  • @コーモトヒロト
    @コーモトヒロト 2 роки тому

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

  • @nekotan22-1
    @nekotan22-1 2 роки тому

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

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

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

  • @モノログ
    @モノログ 3 роки тому

    5:45

  • @はせがわせいこ
    @はせがわせいこ Рік тому

    😢

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

      ど、どうしましたか?💦