DESIGN I / II / PROJECT NOTES
GitとHTMLの基礎
Gitによる変更履歴の管理と、HTMLによるページ構造の基本を整理した学習ノートです。
Gitとは?
Gitは分散型バージョン管理システムであり、ファイルやコードの履歴を追跡するために設計されています。なぜGitを選ぶのか?
- バージョン管理:各変更を記録し、履歴を管理。変更の追跡、比較、取り消しが可能。
- ブランチ管理:強力なブランチ機能により、並行開発や実験、新機能の開発を分けて進められる。
- チームでの共同作業:複数人での協力が可能。マージやコンフリクト解決機能により、変更内容を整理しながら共同作業を進められる。
- リモートリポジトリ:GitHubやGitLabなどのプラットフォームに対応し、コードの集中管理、バックアップ、共有ができる。
- 軽量かつ高速:インストールと設定が簡単で、速度と効率を重視して設計されている。
まとめ
Gitは無料かつオープンソースの分散型バージョン管理システムとして、シンプルで学びやすく、初心者にも非常に親しみやすいツールです。動作の軽快さと共同開発を支える機能を備えており、大規模なプロジェクトでも活用されています。
HTMLとは?
HTML(HyperText Markup Language)は、ウェブページを構築するための基本的なマークアップ言語であり、タグを使用してコンテンツの構造を定義します。HTMLを使う理由
- 標準と互換性:広く受け入れられており、W3Cが管理しているため、異なるブラウザでも一貫した表示が保証される。
- 学びやすい:シンプルで直感的な文法により、初心者でもすぐに使いこなせる。
- 拡張性:CSSやJavaScriptと組み合わせることで、動的でインタラクティブなウェブページを作成できる。
- SEO対応:優れたHTML構造は、検索エンジンがページの内容を理解しやすくなる。
- アクセシビリティ:障害を持つユーザーにも使いやすいウェブページを作成できる。
- コンテンツ重視:コンテンツの整理と提示に集中しており、コンテンツ中心のサイト構築に適している。
- クロスプラットフォーム対応:さまざまなデバイスやプラットフォームで閲覧できるページの基盤となる。
まとめ
HTMLは標準化された基盤を持ち、学習しやすく、拡張性も高い言語です。その強力な互換性により、日常生活の至るところで使用されています。 個人用HTMLのタグ一覧(更新中)
- br:改行 - WordのEnterに似た機能
- ul:番号なしの箇条書きを作成
- ol:番号付きの箇条書きを作成
- a:href属性でリンク先を指定
- h1〜h6:階層に応じた見出しを作成
- img:画像を追加
- src属性:画像などのファイルの参照先を指定
参考資料
About GitHTMLの基礎
所属
デザイン演習I·IIトップページXBPトップページ


