###### tags: `vscode` --- marp: true --- # VSCode ハンズオン Marp --- ## アジェンダ - Tech Party について - 今日のゴール - ハンズオンについて - VSCode について - 機能紹介 - ハンズオン C言語プログラム開発 --- ## Tech Party について --- ## 今日のゴール - VSCode について、ハンズオン参加前より詳しくなる。 - 基本的な機能について知る、調べ方について知る。 - トラブル・エラー発生時の調査方法を知る。 --- ## ハンズオンについて(1) - ハンズオンとは - 体験学習を意味する教育用語。講師が講義をしながら、参加者も実際に操作を行い理解を深める方法です。 --- ## ハンズオンについて(2) - 参加方法（一例） - ディスプレイが2画面ある人 - 左画面に Teams の画面と資料を表示し、右画面に VSCode を表示し操作を行う。 - ディスプレイが1画面の人 - 画面の左側上部に Teams の画面を表示し、左側下部に資料を表示する、右半分に VSCode を表示し操作を行う。 - 操作はしない人、ながら聞きの人 - 実際に体験することで身につくこともありますので、できれば一緒に操作をしながら参加してもらうことをおススメします。 --- ## ハンズオンについて(3) - 意識してほしいこと - 話を聞くだけではなくて、自分の手を動かして理解すること。 - 複数のタスク（話を聞きながら、操作を行う）を同時並行で行うことに慣れる。 --- ## VSCode について - 公式ドキュメント - https://code.visualstudio.com/docs - 困ったらここを見る。 --- ## 機能紹介 --- ### ワークスペース - What is a VS Code "workspace"? - https://code.visualstudio.com/docs/editor/workspaces > A Visual Studio Code workspace is the collection of one or more folders that are opened in a VS Code window (instance). In most cases, you will have a single folder opened as the workspace. VSCode ウィンドウで開かれる1つ以上（ほとんどの場合は1つ）のフォルダをワークスペースと呼びます。 --- ### 画面構成 - User Interface - https://code.visualstudio.com/docs/getstarted/userinterface --- ### 設定 - User and Workspace Settings - https://code.visualstudio.com/docs/getstarted/settings --- ### 拡張機能 - Extension Marketplace - https://code.visualstudio.com/docs/editor/extension-marketplace --- ## ハンズオン C言語プログラム開発 --- ### ハンズオン C言語プログラム開発 - C言語のサンプルプロジェクトを使用して、VSCode の便利な使い方を紹介します。 --- ### Git 連携 - Using Git source control in VS Code - https://code.visualstudio.com/docs/sourcecontrol/overview --- ### リモート開発機能 - VS Code Remote Development - https://code.visualstudio.com/docs/remote/remote-overview - Remote development over SSH - https://code.visualstudio.com/docs/remote/ssh-tutorial --- ### デバッグ機能 - Debugging - https://code.visualstudio.com/docs/editor/debugging --- ### タスク - Integrate with External Tools via Tasks - https://code.visualstudio.com/docs/editor/tasks ---