タイトル画像

2. 「GitHub」の登録とプログラムのアップロード

琴葉茜

それじゃあ次は「GitHub」に登録して、今回のプログラムをアップロードしていくよ
まずは下のリンクへアクセスしよう

琴葉茜

今まで利用したことがない場合は真ん中の「GitHubに登録する」をクリック

解説画像2
琴葉茜

ユーザー登録のページが出てくるから、「メールアドレス」「パスワード」「ユーザー名」「住んでいる国」の指定をして「Continue >」をクリックしよう
「ちゃんと人が操作しているか」っていう確認と、「登録したメールに届く認証コードを入力する画面」が出るから順に進めてね!

琴葉葵

英語ばっかりだけど、なんとなく進められるかな
登録の時は日本語が使えないのは気をつけないとだね!

解説画像3
琴葉茜

ユーザー登録が完了したらサインインのページが出るから、ユーザー名とパスワードを入力して「Sign in」をクリックするとホーム画面に移動するよ

解説画像4
琴葉茜

ホーム画面に入ったら、プログラムを管理する場所である「リポジトリ」を用意するために「Create repository」をクリック

解説画像5
琴葉茜

「リポジトリの名前」を決めて、「Private」にチェックを入れて、「Create repository」をクリックすればリポジトリが作られるよ!

琴葉葵

なんで「Public」じゃなくて「Private」に変更するの?

琴葉茜

「Public」は、リポジトリに入っているプログラムを誰でも見れるようにする設定なんだ
だから、もし大事な情報をプログラムに入れたままアップロードしちゃうと漏洩してしまう可能性があるんだよね

琴葉葵

それは確かに慣れるまでは危険だね...!!

解説画像6
琴葉茜

初めてリポジトリを用意すると、「GitHub Copilot」の設定を求められるから、「Get started with GitHub Copilot」をクリックしよう

琴葉葵

「GitHub Copilot」って何??

琴葉茜

要は「GitHub」で使える生成AIだよ
でも今は使わないし、今回はすぐにこのページに戻ってこようね

解説画像7
琴葉茜

リポジトリのページに戻ってくると、さっきの部分が「Create a acodespace」に変わってるからクリックしよう

解説画像8
琴葉茜

そのまま「Create new codespace」をクリックすると、「VSCode」のページに移動するよ

解説画像9
琴葉葵

おお!!見慣れたやつだ!!

解説画像10
琴葉茜

次に自分のパソコンの中にあるStreamlitで作ったファイル一式をドラッグ&ドロップしよう

解説画像11
琴葉葵

ちゃんと入ったっぽいね!

解説画像12
琴葉茜

ファイルが入ったのが確認できたら、左側の上から3つ目のアイコンをクリックして、変更内容についてのコメントを入れて「コミット」ボタンをクリック

解説画像13
琴葉茜

上のような画面が出てきたら、今回はそのまま「はい」でOKだよ

解説画像14
琴葉茜

すると、さっきの「コミット」ボタンが「変更の同期」ボタンに変わるからクリックしよう

解説画像15
琴葉茜

また、上のような画面が出るから「OK」を押せばGitHubへのアップロードが完了!!
この状態で前のリポジトリページへ移動すると...

解説画像16
琴葉葵

おおーー!!こっちにもちゃんと反映されてる!!

琴葉茜

ということで、これでGitHubへのアップロードが完了だよ
ちなみに、内容を変更したい場合は「Code」→「Codespaces」で改めてVSCodeのページを開いて同じ流れをすれば良いよ!

解説画像17
琴葉葵

じゃあ次は「Streamlit Community Cloud」の方だね