20250508-ACL-seminar

Transcript

1. 初心者向け GitHub 使い方講座 きょうから使えるバージョン管理 講師: ガクシ、ムカイ 2025‑05‑08 1
2. 講師自己紹介 2
3. ガクシ AI× 化学を拓く実践クリエイター 肩書: 化学系研究者／AI アプリ開発者 実績: 自作Web アプリ6+ 件・Udemy 講座3 本・セミナ ー累計800+ 名 発信: Podcast 「gakushi channel 」 （平日更新） 専門: 生成AI 活用・Python ツール開発・研究DX web ：https://portfolio-gakushiai.vercel.app/ メルマガ：https://s.chemtoollab.com/squeeze-news 3
4. ムカイ TMA コミュニティ運営者 職業: 会社員（本業） ‑ NFT プロジェクト「The Mafia Animals (TMA) 」 幹部 #40 NFT コミュニティ運営& トークン設計 生成AI 活用による業務効率化 FiNANCiE 「契トークン」運用・分析 note 連載  『FiNANCiE の教科書（決定版） 』 ビデオポッドキャスト: 「中年ビジネスマンの練AI リアリティラジオ」 X https://x.com/YuichiMukai3 4
5. 講座ゴール GitHub の仕組みと恩恵を理解する 1 人でリポジトリ作成 → 変更を push できる VS Code だけで clone / add / commit / push / pull を実行 GitHub Pages で Web 公開まで体験 5
6. 今日の流れ（Agenda ） 1. GitHub って何？ 2. 環境準備（Git + アカウント + PAT ） 3. 初めてのリポジトリ & VS Code 連携 4. 編集 → add → commit → push 5. pull と履歴の見方 6. GitHub Pages で公開 7. 質疑 & 次の一歩 6
7. GitHub とは Git のホスティングサービス GitHub.com で提供 ざっくり言うと「Git のクラウド」 7
8. Git と GitHub の違い Git GitHub 役割 分散型バージョン管理システム Git ホスティング + SNS 機能 保存場所 ローカル クラウド（リモート） 主な機能 履歴、ブランチ Issues / PR / 可視化 など 8
9. GitHub を使うメリット 変更履歴が残る → 戻れる安心感 オンラインに バックアップ URL で簡単に ポートフォリオ公開 コード共有で学習加速 無料 Private リポジトリ 9
10. 準備① Git インストール # Windows choco install git # macOS brew install git # Linux sudo apt-get install git 確認: git --version 10
11. 準備② GitHub アカウント登録 1. github.com → Sign up 2. ユーザ名 / メール / パスワード 3. Free プランで OK 11
12. 準備③ Personal Access Token (PAT) * 必要になったら 1. Settings → Developer settings → PAT 2. Scope: repo (Read/Write) 3. 生成後は 一度しか表示されない 4. 安全に保管（1Password など） 12
13. リポジトリとは？ プロジェクトの フォルダ + 変更履歴 README / ライセンスも含む 1 リポジトリ = 1 作品がおすすめ 13
14. 新規リポジトリ作成 1. GitHub → New repository 2. 名前: my-profile など 3. Public / Private & README 追加 4. Create repository 14
15. VS Code でクローン git clone https://github.com/ユーザ名/my-profile.git cd my-profile code . 初回 push で PAT を入力しキャッシュ 15
16. 自己紹介ページを追加 index.html を作成 簡単な HTML5 テンプレート + 自己紹介文　(Windsurf 使用) 16
17. ステージング（git add ） git add . add = スナップショットに載せる git status で確認 17
18. コミット（git commit ） git commit -m "Add self‑introduction page" コミット = 履歴を確定 メッセージは「何を」 「なぜ」 18
19. プッシュ（git push ） git push origin main リモート（GitHub ）へアップロード ページをリロードして確認 19
20. 基本サイクル graph TD A[編集] --> B[git add] B --> C[git commit] C --> D[git push] D -->|共同 / 他端末| E[git pull] E --> A 20
21. pull で最新を取得 git pull origin main 作業開始前に必ず実行 コンフリクトは後で学習 21
22. GitHub Pages で公開 1. Repo → Settings → Pages 2. Branch: main / Folder: / 3. Save → 数十秒待つ 4. https://ユーザ名.github.io/my-profile/ 22
23. Web サイトを確認 ブラウザで URL アクセス 修正 → push で自動デプロイ 23
24. フォーク (Fork) で学習 1. 気になる OSS を探す 2. Fork ボタン → 自分のアカウントへ 3. clone して改良・学習 24
25. よく使う追加コマンド git log --oneline git branch -M main git rm / mv 25
26. トラブル Q&A 症状 原因 解決策 認証エラー PAT 期限切れ 新しい PAT を生成 "not a git repo" ディレクトリ間違い プロジェクト直下へ移動 コンフリクト 同じ行を編集 pull → 手動マージ 26
27. まとめ GitHub = 学習 × ポートフォリオ の最強プラットフォーム 基本 4 操作で 8 割カバー GitHub Pages で即公開 27
28. 次のステップ ブランチ & Pull Request VS Code 拡張 (GitLens 等) GitHub Learning Lab で継続学習 28
29. ご質問は？ 疑問は今のうちに解決しましょう！ 29
30. ありがとうございました！ 資料 & コード: QR / URL アンケートのご協力をお願いします 30