キャンペーン終了まで

割引情報をチェック!

すべての動画をフルで見よう!

現役MBA講師や活躍中の経営者から
ビジネススキルを学べる動画17,800本以上が見放題!

Visual Studio Code入門

会員限定

1時間 44分

「ビジネスソフトウェア・ツール」の関連動画 一覧を見る

動画説明

「Visual Studio Code」とは、プログラミングに特化したエディターソフトです。
今回は、Visual Studio Codeの基本的な使い方からデバッグ機能や拡張機能の活用まで、実際の画面を見ながら紹介します。

本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。

※各ツールの画面配置や挙動は撮影時点(2019年8月)のものです。ツールのアップデートにより変更されている場合があります。

講師プロフィール

ともすたCHANNEL:https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA

谷口 允(たにぐち まこと) ともすた/H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。

主な著書に『6さいからつかえるパソコン』(技術評論社刊)、『よくわかるPHPの教科書』(マイナビ刊)など。

より理解を深め、他のユーザーとつながりましょう。

コメント30件

  • ulstar

    使い続けて不便を覚えたときのTipsに最適ですね。

    2025-01-11
  • jr9199646

    こんな内容を踏まえて、コース全体を自然にまとめた「受講後コメント」をつくってみました。
    VS Code の“操作を覚える”ではなく、“開発の生産性を底上げする”という視点で整理しています。

    ✨受講後の感想(GLOBIS向け)
    今回のコースでは、VS Code の基本操作から拡張機能、Git 連携、デバッグ、そして生産性を高めるための設定まで、日常の開発作業を効率化するための基礎を体系的に理解することができました。
    ステータスバー・ミニマップ・アウトライン・エクスプローラー・サイドバー・アクティビティバーといった UI 要素を使いこなすことで、**コードの全体像を把握しながら作業できる“視野の広い開発”**が可能になる点が特に印象的でした。
    また、拡張機能やデバッグ、Git 連携を活用することで、作業の自動化・省力化・品質向上が同時に実現できることを実感しました。ショートカットやワークフローを理解することで、日々の開発スピードが大きく変わるという気づきも得られました。
    さらに、言語モード、インデント、文字コード、エディター分割、ナビゲート機能など、“開発環境を整える”ことそのものが生産性向上につながるという視点は、今後の学習や実務に直結する重要なポイントでした。
    実務に落とし込む際には、まず取り入れるべき優先事項として、
    - エディター分割とナビゲーションの習慣化
    - Git 連携の基本操作(コミット・プッシュ・差分確認)
    - 最低限の拡張機能(Lint、フォーマッター、GitLens など)の導入
    が挙げられます。
    特に作業効率が上がりそうな拡張機能としては、
    - GitLens(履歴・差分の可視化)
    - ESLint / Prettier(コード品質の自動整形)
    - Code Runner(簡易実行)
    などが有力で、日常の開発負荷を大きく減らせると感じました。
    今後さらに深掘りしたい機能としては、
    - デバッグ機能の高度な使い方
    - Git のブランチ運用と VS Code での管理
    - タスクランナーやスニペットによる自動化
    などが挙げられ、開発全体の効率化に直結する領域だと考えています。
    VS Code は単なるエディターではなく、**自分の開発スタイルを形づくる“環境そのもの”**であることを実感できたコースでした。

    2026-02-06
  • doctorx

    ありがとうございました。

    2025-12-31
  • kis-komoda

    最近、Visual BasicをVisual Studioで開発することになったのですが、Copilotを使うためにいつもはVisual Studio Codeを使っています。
    今回便利な機能を色々と知ることができましたので、業務の時短に活かしていきたいと思います。

    2025-12-30
  • ss_don

    かなり難易度が高く概要は理解したが、使いこなしていくのは練習が必要と感じた。
    何か、行き詰ったときに、ここに戻ってくればいいかと思う。

    2025-11-25
  • eiji-taka

    最後のショートカットキーは知らない組み合わせがあったため、実際に使って見ようと思った。

    2025-10-02
  • apsyoushi

    コードの編集・デバッグ・バージョン管理を効率化し業務での開発作業や技術資料の作成をスムーズに進めるのに役立つと感じた。

    2025-09-04
  • mtaka1121

    コードを作製していくにあたり、まず準備をすることができた。

    2025-07-21
  • everest

    コードの編集・デバッグ・バージョン管理を効率化し業務での開発作業や技術資料の作成をスムーズに進めるのに役立つと感じた。

    2025-06-04
  • eternalbeginner

    リネームリファクタリング機能を知らなかったので感動しました。
    これこそ作業効率アップに繋がる便利機能だと思います。

    2025-04-23
  • hamada3921612

    有益な学習の機会でした。

    2025-04-17
  • ys1535

    日頃の使用で応用したい

    2025-02-25
  • _t_h_ex

    大変参考になりました。

    2025-02-24
  • najirane

    Excel VBAでの業務用マクロ開発でVS Codeを使用しています。VBAはあまり、VS Codeでの拡張機能が少なく、デバック等はできませんが、コードを書くときには非常に役に立っています。(VBA付属のエディタは非情に使いづらい)
    VS Codeのショートカットキーは知らないことがたくさんあったので活用したいと思います。
    当社ルールでは、おそらく、GItは使用できないと思うので、当社ルールを変えられると良いのですが、、、。

    2025-01-23
  • k_sakanashi

    普段利用しない言語やツールの特徴、操作方法などを知ることができた。現状が適切な業務の進め方であるのかを見直してみたい。

    2023-05-29
  • kyo1227

    こんな便利なエディタがあるということを知らず、夢中で見てしまいました。ありがとうございます。

    2024-12-19
  • ishito

    VScode有益でした。

    2024-12-14
  • nbe3

    開発言語によって色々なエディタを使い分けるより
    統一のエディタで色々できていいと思った。ぜひ使ってみたい。

    2024-12-09
  • kouwan_keikaku

    様々な機能満載でお腹いっぱいです

    2024-11-16
  • shunya0101

    ショートカットを活用して作業の高速化を図る

    2024-11-03
  • shinrock

    下記が大事と思いました
    ・「Visual Studio Code」とは、プログラミングに特化したエディターソフトだということ
    ・Visual Studio Codeの基本的な使い方からデバッグ機能や拡張機能の活用スキルをみにつけること

    2024-10-27
  • w170355

    使いたいと思っていたので機能を知ることができ,よかった。

    2024-09-11
  • miyazato-k

    こんな便利なエディタがあるということを知らず、夢中で見てしまいました。ありがとうございます。

    2024-08-31
  • hr-sakai

    知らなかった事多くためになりました。

    2024-07-05
  • taqumi

    ショートカットを活用して作業の高速化を図る

    2024-04-15
  • sbsconts

    HTMLの学習の中で紹介されたVScodeがどのようなものかを知るために受講しました。ほぼ未知の領域であるため、詳細は把握しきれませんが、凡そどのようなことができるのかイメージがつきました。HTMLを実践する際に、再度確認していこうと思います。

    2024-03-19
  • suzwat

    知らなかった裏技を教えていただき助かりました。今後の業務でも使っていきたいと思います。

    2024-01-28
  • shouwata

    プログラミングの技術的な話しをされても、知識ゼロの私には全くついていけませんでした。将来、業務で使うこともないとおもいます。

    2023-09-22
  • stakky

    さまざまな裏技を教えていただき助かりました。日頃の使用で応用したいと思います。

    2023-05-31

学習コースの機能を
すべて使おう

有料プランでは、動画学習ごとに設定されたクイズやテスト、学習資料などを見ることができます。

新登場

学びエージェント (AI)

「この用語はどういう意味?」などをAIとチャットできます

詳細を見る

クイズ

動画一つひとつの内容を確認するために、1問1答形式のクイズを受けられます

理解度確認テスト

動画を全て見終わった後、理解度を確認するテストが受けられます

資料を見る

理解度確認テストを全問正解すると、動画で使用した教材を閲覧できます

後で見る

後で見たい動画を保存し、いつでも見返しやすくする機能です

コメントする

動画に対して振り返りのコメントを記載することができます

いますぐ無料体験へ詳細を見る

おすすめの学習動画