デザイン演習 第1回

gitについて

git とは分散型バージョン管理システムの事で、さまざまなファイルの編集履歴を管理する為のツールです。
プログラムのソースコードだけでなくテキストデータや画像データ、Excelファイルなど様々なファイルを編集できます。
元フォルダ(サーバー上に作成したリモートリポジトリ)のコピー(ローカルリポジトリ)を手元に置いて編集できます。

イメージ↓


gitでできる事としてこのような点が挙げられます。
実際にgitが使われる場面としては、
のようなものがあります。
Macの場合、ターミナルを使用してgit でローカルディレクトリを管理します。

HTMLについて

HTMLとはコンピューターに文章構成を指示する為の言語で、正式名称をハイパーテキスト・マークアップ・
ランゲージ(Hyper Text Markup Language)と呼びます。
Web サイトやアプリ、HTMLメールなどの作成・表示に使用されています。
HTMLを書くには、表示したい文字をタグ(意味を付けるためのマークのようなもの)で括っていきます。

※Webサイト閲覧中に右クリック→「ソースの表示」を選択すると、
そのページのソースコード(どのようなHTMLが書かれているか)を確認する事ができます。

HTMLタグについて

HTLMの編集の仕方

  1. VSコードを立ち上げる
  2. 編集したいHTMLファイルを開く
  3. 編集→保存する
  4. 編集内容を確認するには画面下の「Go Live」をクリック(web上で確認できる)
  5. (Mac)ターミナルを立ち上げ、編集したファイルをGitHubにプッシュする
※詳しくはQuiita #HP更新のためのコマンド集(外部サイト) を確認

参考サイト


前のページへ戻る