🦁

VSCodeとGitを使って効率的にサンプルプログラムを確認する

2025/01/23に公開

はじめに

『プロになるためのWeb技術入門』という本を最近読んでみました。この本は、Web開発を始めたばかりの方にとって非常に優れた入門書です。基礎的な内容が丁寧に解説されており、特に前半部分は初心者にも分かりやすく書かれています。

https://gihyo.jp/book/2024/978-4-297-14571-2

後半では内容が高度になり、サンプルプログラムを確認しながら進めることが必要になります。
効率的にサンプルプログラムを確認するためにVisual Studio CodeとGitを使ったらかなり良かったので共有します。

手順

  1. サンプルプログラム Visual Studio Codeでプロジェクトを開く

  2. Gitリポジトリを初期化する

  3. 新しくフォルダを作成する

  4. フォルダにサンプルプログラムをコピーする

  5. Gitにコミットする

  6. フォルダ内の内容を削除する。

  7. 次の章のサンプルプログラムをコピーする

結果

変更部分に色がつくので確認しやすいです。

差分で見ると、変更前と変更後の見比べて確認することができます。

まとめ

簡単なことで、サンプルプログラムが理解しやすくなったので、今後活用していきたいです。

Discussion