Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20250508-ACL-seminar
Search
Satoshi5884
May 08, 2025
Programming
0
58
20250508-ACL-seminar
Satoshi5884
May 08, 2025
Tweet
Share
More Decks by Satoshi5884
See All by Satoshi5884
子供と Vibe Coding でゲームを作るコツ
satoshi5884
0
2
20250422_LT
satoshi5884
1
1k
4/22 presentation
satoshi5884
0
16
Other Decks in Programming
See All in Programming
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
AIのメモリー
watany
11
940
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
150
slogパッケージの深掘り
integral0515
0
120
階層化自動テストで開発に機動力を
ickx
1
410
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
9.3k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
970
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
1
220
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
560
Googleの新しいコーディングAIエージェントJulesを使ってみた
tonionagauzzi
0
120
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
490
TypeScriptでDXを上げろ! Hono編
yusukebe
3
860
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Statistics for Hackers
jakevdp
799
220k
Typedesign – Prime Four
hannesfritz
42
2.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
370
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
The Cult of Friendly URLs
andyhume
79
6.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
How GitHub (no longer) Works
holman
314
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
初心者向け GitHub 使い方講座 きょうから使えるバージョン管理 講師: ガクシ、ムカイ 2025‑05‑08 1
講師自己紹介 2
ガクシ 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
ムカイ TMA コミュニティ運営者 職業: 会社員(本業) ‑ NFT プロジェクト「The Mafia Animals (TMA) 」 幹部
#40 NFT コミュニティ運営& トークン設計 生成AI 活用による業務効率化 FiNANCiE 「契トークン」運用・分析 note 連載 『FiNANCiE の教科書(決定版) 』 ビデオポッドキャスト: 「中年ビジネスマンの練AI リアリティラジオ」 X https://x.com/YuichiMukai3 4
講座ゴール GitHub の仕組みと恩恵を理解する 1 人でリポジトリ作成 → 変更を push できる VS
Code だけで clone / add / commit / push / pull を実行 GitHub Pages で Web 公開まで体験 5
今日の流れ(Agenda ) 1. GitHub って何? 2. 環境準備(Git + アカウント +
PAT ) 3. 初めてのリポジトリ & VS Code 連携 4. 編集 → add → commit → push 5. pull と履歴の見方 6. GitHub Pages で公開 7. 質疑 & 次の一歩 6
GitHub とは Git のホスティングサービス GitHub.com で提供 ざっくり言うと「Git のクラウド」 7
Git と GitHub の違い Git GitHub 役割 分散型バージョン管理システム Git ホスティング
+ SNS 機能 保存場所 ローカル クラウド(リモート) 主な機能 履歴、ブランチ Issues / PR / 可視化 など 8
GitHub を使うメリット 変更履歴が残る → 戻れる安心感 オンラインに バックアップ URL で簡単に ポートフォリオ公開
コード共有で学習加速 無料 Private リポジトリ 9
準備① Git インストール # Windows choco install git # macOS
brew install git # Linux sudo apt-get install git 確認: git --version 10
準備② GitHub アカウント登録 1. github.com → Sign up 2. ユーザ名
/ メール / パスワード 3. Free プランで OK 11
準備③ Personal Access Token (PAT) * 必要になったら 1. Settings →
Developer settings → PAT 2. Scope: repo (Read/Write) 3. 生成後は 一度しか表示されない 4. 安全に保管(1Password など) 12
リポジトリとは? プロジェクトの フォルダ + 変更履歴 README / ライセンスも含む 1 リポジトリ
= 1 作品がおすすめ 13
新規リポジトリ作成 1. GitHub → New repository 2. 名前: my-profile など
3. Public / Private & README 追加 4. Create repository 14
VS Code でクローン git clone https://github.com/ユーザ名/my-profile.git cd my-profile code .
初回 push で PAT を入力しキャッシュ 15
自己紹介ページを追加 index.html を作成 簡単な HTML5 テンプレート + 自己紹介文 (Windsurf 使用) 16
ステージング(git add ) git add . add = スナップショットに載せる git
status で確認 17
コミット(git commit ) git commit -m "Add self‑introduction page" コミット
= 履歴を確定 メッセージは「何を」 「なぜ」 18
プッシュ(git push ) git push origin main リモート(GitHub )へアップロード ページをリロードして確認
19
基本サイクル graph TD A[編集] --> B[git add] B --> C[git
commit] C --> D[git push] D -->|共同 / 他端末| E[git pull] E --> A 20
pull で最新を取得 git pull origin main 作業開始前に必ず実行 コンフリクトは後で学習 21
GitHub Pages で公開 1. Repo → Settings → Pages 2.
Branch: main / Folder: / 3. Save → 数十秒待つ 4. https://ユーザ名.github.io/my-profile/ 22
Web サイトを確認 ブラウザで URL アクセス 修正 → push で自動デプロイ 23
フォーク (Fork) で学習 1. 気になる OSS を探す 2. Fork ボタン
→ 自分のアカウントへ 3. clone して改良・学習 24
よく使う追加コマンド git log --oneline git branch -M main git rm
/ mv 25
トラブル Q&A 症状 原因 解決策 認証エラー PAT 期限切れ 新しい PAT
を生成 "not a git repo" ディレクトリ間違い プロジェクト直下へ移動 コンフリクト 同じ行を編集 pull → 手動マージ 26
まとめ GitHub = 学習 × ポートフォリオ の最強プラットフォーム 基本 4 操作で
8 割カバー GitHub Pages で即公開 27
次のステップ ブランチ & Pull Request VS Code 拡張 (GitLens 等)
GitHub Learning Lab で継続学習 28
ご質問は? 疑問は今のうちに解決しましょう! 29
ありがとうございました! 資料 & コード: QR / URL アンケートのご協力をお願いします 30