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
GitHubハンズオン
Search
Civictech Challenge Cup U-22
April 22, 2021
Programming
1
47
GitHubハンズオン
4月22日開催
Civictech Challenge Cup U-22
April 22, 2021
Tweet
Share
More Decks by Civictech Challenge Cup U-22
See All by Civictech Challenge Cup U-22
CCC2023 アイディアソン ディスインフォメーション事例共有
ccc_u22
0
80
シビックテック事例紹介-八谷パート
ccc_u22
0
38
新潟県コロナ対策サイトを語らせていただく
ccc_u22
0
720
MacbookおじさんにMacbookを貰った中学生のその後
ccc_u22
0
720
Other Decks in Programming
See All in Programming
私のEbitengineの第一歩
qt_luigi
0
450
今インフラ技術をイチから学び直すなら
yuhta28
1
130
Debugging: All you need to know (for simultaneous interpreting)
jmatsu
2
730
マイグレーションコード自作して File-Based Routing に自動移行!! ~250 ページの歴史的経緯を添えて~
cut0
1
260
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
170
What we keep in mind when migrating from Serverless Framework to AWS CDK and AWS SAM
kasacchiful
1
140
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
410
ドメイン駆動設計を実践するために必要なもの
bikisuke
4
330
Why Prism?
kddnewton
4
1.7k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
410
オートマトン学習しろ / Do automata learning
makenowjust
3
130
Developer Joy == Developer Productivity (really!)
hollycummins
1
110
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
221
8.8k
In The Pink: A Labor of Love
frogandcode
139
22k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Gamification - CAS2011
davidbonilla
79
5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
A Modern Web Designer's Workflow
chriscoyier
691
190k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.3k
A designer walks into a library…
pauljervisheath
201
24k
What's new in Ruby 2.0
geeforr
340
31k
Transcript
GitHubハンズオン
Translation is available on here...https://s.c4j.jp/udtalk 八谷航太 (ヤタガイコウタ) 吉沢太佑 (ヨシザワタイユウ) Code
for Japan 学生インターン 自己紹介
Zoomで見る 参加者「UDトーク」を探す もしくは メニューバーの字幕ボタンを押す Watch on Zoom Access the URL
below 字幕・自動翻訳をご覧いただけます Automatic translation and subtitle are available
@codeforJP @codeforjapan cfj.slack.com
Translation is available on here...https://s.c4j.jp/udtalk タイムテーブル 時間 内容 担当 or
モデレーター 19:00 - 19:05 オープニング 八谷 19:05 - 19:15 シビックテック、Code for Japanってなに? 八谷&吉沢 19:15 - 19:30 GitとGitHubの違いって?なぜGitを使うの? 八谷 19:30 - 20:25 ハンズオン! 20:25 - 20:30 クロージング 八谷
Translation is available on here...https://s.c4j.jp/udtalk www.code4japan.org/privacy-policy プライバシーポリシー
シビックテックとは?
Translation is available on here...https://s.c4j.jp/udtalk 市民自身がテクノロジーを活用して 行政サービスや社会の課題を解決する取り組み シビックテックとは?
シヴィック・ハッカーが行政を変える:Code for Americaの試みとは Jennifer Pahlka: Coding a better government 2009年に設立
80以上の地域ブリゲード
Code for Japan とは?
Translation is available on here...https://s.c4j.jp/udtalk 「ともに考え、ともにつくる」人々のコミュニティ
Translation is available on here...https://s.c4j.jp/udtalk 市民 行政 要望・苦情 公共サービス 市民が行政に依存していた...
市民と行政が共創する! 市民 行政 企 業 学 校 NPO 課題 解決 テクノロジー アイディア Code for Japanの活動
Translation is available on here...https://s.c4j.jp/udtalk それぞれが 独立している ブリゲード Code for
Giin
None
イベント紹介
Translation is available on here...https://s.c4j.jp/udtalk 各種イベントの分類 定期開催 随時開催 Civic Tech
Live! Social Hack Day! Facing the Ocean STO Tech for Non-Tech
Translation is available on here...https://s.c4j.jp/udtalk Civic Tech Live! テーマに沿ったゲストを招待して開催する定期イベント 毎月1テーマ
ゲストによるプレゼン アンカンファレンス 4月からは毎月オンラインで開催しています!
Translation is available on here...https://s.c4j.jp/udtalk #civictechlive #stopCOVID19JP 1dayハッカソン 参加者自らプロジェクトを持ち込む 興味のあるプロジェクトに参加する
開発タイム! Social Hack Day!
Translation is available on here...https://s.c4j.jp/udtalk 次回のSocial Hack Dayは... 4月24日(土) 毎月第3土曜日に開催しています
Translation is available on here...https://s.c4j.jp/udtalk 2019年は日本(沖縄)・台湾(台南)で開催 今年度は12月3日に台南&オンラインで開催 台湾・香港・韓国・日本のシビックテッカー +現地からの参加で実施。 •
環境保護 • ジェンダー • 教育 など、共通するテーマも多く、 継続しているプロジェクトも! Facing the Ocean
Translation is available on here...https://s.c4j.jp/udtalk インプット アウトプット 各種イベントの繋がり Civic Tech
Live 知る 考える 出会う Social Hack Day 手を動かして作ってみる Facing the Ocean 国内の事例を海外で共有 海外チームと共通テーマで作る 国 内 海 外
Translation is available on here...https://s.c4j.jp/udtalk Code for Japan Summit 1年に1度世界中から仲間が集まるシビックテックのお祭り!
Translation is available on here...https://s.c4j.jp/udtalk 今年のCode for Japan Summit 2日間7トラック同時配信
視聴回数:1.8万回 総再生時間:4,067時間 ユニークユーザー:4,045人 地域:日本,台湾,香港,シンガポール,US
Translation is available on here...https://s.c4j.jp/udtalk g0vハッカソンをヒントに ソーシャルハックデーを開催開始 2018年以降は相互のサミットを訪問し 交流を進めてきた 今年のサミットは台南&オンラインで開催
g0vとCode for Japan
GitHubハンズオン 質問やトラブルシューティングはチャットでも対応します!
https://s.c4j.jp/ctlghhandson 本日のスライド
GitとGitHubの違いって? なぜGitを使うの?
Translation is available on here...https://s.c4j.jp/udtalk そもそもGitって? ソースコードの変更履歴を追っかける「バージョン管理ツール」 • 前のバージョンに簡単に戻せる •
複数人で編集できる • 編集した人や内容の履歴が残る 編集履歴が残る特性を活かして書籍の執筆に使うケースも! これらを自動でやってくれる
Translation is available on here...https://s.c4j.jp/udtalk なぜわざわざGitを使うのか ⇦ 一昔前のバージョン管理 どれが最新版? 一つ前のバージョンはどれ?
どれに戻せば動く? 機械的にバージョン管理しよう! バージョンの順番が明確に! 1行単位で編集履歴が残る! 変更が衝突しても調整できる! すぐにバージョンを戻せる!
Translation is available on here...https://s.c4j.jp/udtalk GitとGitHubは何が違うの? バージョン管理システム (ツール名) Gitを使ったWebサービス(サービス名) •
先述のバージョン管理をやってくれる • コマンドラインベースのツール • 複数人での開発をサポートしてくれる • コードレビューなど付随する機能がある • WebサービスなのでGUIベースで動く gitを使ったサービスは他にもある (Bitbucket, GitLab...) 関係性としてはメールとGmailみたいなもの
Translation is available on here...https://s.c4j.jp/udtalk 大まかな流れの図 自分のPC GitHub 他人のリモートリポジトリ ①フォーク
リモートリポジトリ 自分のアカウント ①リポジトリ作成 ②クローン ローカルリポジトリ ローカルリポジトリからの差分 ③ファイルを変更 ⑤コミット ⑥プッシュ ⑦プルリクエスト コミット対象 ④ステージング
分室してハンズオンを行います!
Translation is available on here...https://s.c4j.jp/udtalk リポジトリを作ってみよう 自分のPC GitHub 他人のリモートリポジトリ リモートリポジトリ
自分のアカウント ①Fork ①リポジトリ作成 ②クローン ローカルリポジトリ ローカルリポジトリからの差分 ③ファイルを変更 ⑤コミット ⑥プッシュ ⑦プルリクエスト コミット対象 ④ステージング
Translation is available on here...https://s.c4j.jp/udtalk リポジトリを作ってみよう https://github.com/ にアクセス 右上の+ボタンを押し、「New Repository」をクリック
Repository name(半角のみ)を入力し、Descriptionも任 意で入力して緑色の「Create Repository」をクリック
Translation is available on here...https://s.c4j.jp/udtalk クローンしてみよう 自分のPC GitHub 他人のリモートリポジトリ リモートリポジトリ
自分のアカウント ①Fork ①リポジトリ作成 ②クローン ローカルリポジトリ ローカルリポジトリからの差分 ③ファイルを変更 ⑤コミット ⑥プッシュ ⑦プルリクエスト コミット対象 ④ステージング
Translation is available on here...https://s.c4j.jp/udtalk cloneしてみよう 先ほど作成したリポジトリのページのURLをコピー ブラウザで新しくタブを開き、アドレスバーに https://gitpod.io/#コピーしたURL を入力
リポジトリのURL ⇦ この画面になったら成功!
Translation is available on here...https://s.c4j.jp/udtalk リポジトリに自己紹介ファイルを追加しよう 左上のファイルアイコンをクリック 「intro.md」と入力 ⬇ Enterキーを押す
Translation is available on here...https://s.c4j.jp/udtalk リポジトリに自己紹介ファイルを追加しよう intro.mdを選択し、自己紹介文を入力
Translation is available on here...https://s.c4j.jp/udtalk ステージングしてみよう 自分のPC GitHub 他人のリモートリポジトリ リモートリポジトリ
自分のアカウント ①Fork ①リポジトリ作成 ②クローン ローカルリポジトリ ローカルリポジトリからの差分 ③ファイルを変更 ⑤コミット ⑥プッシュ ⑦プルリクエスト コミット対象 ④ステージング
Translation is available on here...https://s.c4j.jp/udtalk ステージングをしてみよう 画面下側のTERMINALに”git add intro.md”と入力 intro.mdにAマークがついていれば成功!
Translation is available on here...https://s.c4j.jp/udtalk コミットしてみよう 自分のPC GitHub 他人のリモートリポジトリ リモートリポジトリ
自分のアカウント ①Fork ①リポジトリ作成 ②クローン ローカルリポジトリ ローカルリポジトリからの差分 ③ファイルを変更 ⑤コミット ⑥プッシュ ⑦プルリクエスト コミット対象 ④ステージング
Translation is available on here...https://s.c4j.jp/udtalk コミットしてみよう 先ほど入力した”git add intro.md”の後ろに”git commit
-m “コミットメッセージ””を追加 左のようなメッセージが表示されて新しい行が追加され ていれば成功!
Translation is available on here...https://s.c4j.jp/udtalk プッシュしてみよう 自分のPC GitHub 他人のリモートリポジトリ リモートリポジトリ
自分のアカウント ①Fork ①リポジトリ作成 ②クローン ローカルリポジトリ ローカルリポジトリからの差分 ③ファイルを変更 ⑤コミット ⑥プッシュ ⑦プルリクエスト コミット対象 ④ステージング
Translation is available on here...https://s.c4j.jp/udtalk プッシュしてみよう 画面左下、「Gitpod」の右横に「master」と表示されていたらターミナルに ”git push origin
master” 「Gitpod」の右横が「main」だったら “git push origin main” と入力
Translation is available on here...https://s.c4j.jp/udtalk プッシュしてみよう 上のようなメッセージが表示されて、新しい行が追加されたらプッシュ成功! これでハンズオンは完了です!お疲れ様でした!
Translation is available on here...https://s.c4j.jp/udtalk 実際の開発の流れ 誰かが作ったリポジトリをForkする 自分のリポジトリでブランチを切る ファイルを変更したらコミット&プッシュ GitHub上でプルリクエストを出す
今日やったこと 動画 or ハンズオン第2回で説明予定!!
Translation is available on here...https://s.c4j.jp/udtalk 次回のSocial Hack Dayは... 4/24 (土)
毎月第4土曜日に開催しています!
その他のイベント情報は イベントページで! https://code4japan.peatix.com/
Translation is available on here...https://s.c4j.jp/udtalk アンケートにご協力ください! https://s.c4j.jp/dmrS
@codeforJP @codeforjapan cfj.slack.com
お疲れ様でした!