DESIGN I / II / PROJECT NOTES

GitとHTMLの基礎

Gitによる変更履歴の管理と、HTMLによるページ構造の基本を整理した学習ノートです。

このページの内容
  1. Gitとは?
  2. なぜGitを選ぶのか?
  3. まとめ
  4. HTMLとは?
  5. HTMLを使う理由
  6. まとめ
  7. 個人用HTMLのタグ一覧(更新中)
  8. 所属

Gitとは?

Gitは分散型バージョン管理システムであり、ファイルやコードの履歴を追跡するために設計されています。

なぜGitを選ぶのか?

  • バージョン管理:各変更を記録し、履歴を管理。変更の追跡、比較、取り消しが可能。
  • ブランチ管理:強力なブランチ機能により、並行開発や実験、新機能の開発を分けて進められる。
  • チームでの共同作業:複数人での協力が可能。マージやコンフリクト解決機能により、変更内容を整理しながら共同作業を進められる。
  • リモートリポジトリ:GitHubやGitLabなどのプラットフォームに対応し、コードの集中管理、バックアップ、共有ができる。
  • 軽量かつ高速:インストールと設定が簡単で、速度と効率を重視して設計されている。

まとめ

Gitは無料かつオープンソースの分散型バージョン管理システムとして、シンプルで学びやすく、初心者にも非常に親しみやすいツールです。
動作の軽快さと共同開発を支える機能を備えており、大規模なプロジェクトでも活用されています。

HTMLとは?

HTML(HyperText Markup Language)は、ウェブページを構築するための基本的なマークアップ言語であり、タグを使用してコンテンツの構造を定義します。

HTMLを使う理由

  • 標準と互換性:広く受け入れられており、W3Cが管理しているため、異なるブラウザでも一貫した表示が保証される。
  • 学びやすい:シンプルで直感的な文法により、初心者でもすぐに使いこなせる。
  • 拡張性:CSSやJavaScriptと組み合わせることで、動的でインタラクティブなウェブページを作成できる。
  • SEO対応:優れたHTML構造は、検索エンジンがページの内容を理解しやすくなる。
  • アクセシビリティ:障害を持つユーザーにも使いやすいウェブページを作成できる。
  • コンテンツ重視:コンテンツの整理と提示に集中しており、コンテンツ中心のサイト構築に適している。
  • クロスプラットフォーム対応:さまざまなデバイスやプラットフォームで閲覧できるページの基盤となる。

まとめ

HTMLは標準化された基盤を持ち、学習しやすく、拡張性も高い言語です。その強力な互換性により、日常生活の至るところで使用されています。

個人用HTMLのタグ一覧(更新中)

  1. br:改行 - WordのEnterに似た機能
  2. ul:番号なしの箇条書きを作成
  3. ol:番号付きの箇条書きを作成
  4. a:href属性でリンク先を指定
  5. h1〜h6:階層に応じた見出しを作成
  6. img:画像を追加
  7. src属性:画像などのファイルの参照先を指定

参考資料

About Git
HTMLの基礎

所属

デザイン演習I·IIトップページ
XBPトップページ