Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
演習:GitHubの操作(応用編) / GitHub Practice Github Advanced
kaityo256
PRO
November 05, 2021
Education
2
500
演習:GitHubの操作(応用編) / GitHub Practice Github Advanced
物理情報工学ソフトウェア開発演習
kaityo256
PRO
November 05, 2021
Tweet
Share
More Decks by kaityo256
See All by kaityo256
数値計算屋のためのGit入門 / Starting Git
kaityo256
PRO
24
10k
マルコフ連鎖モンテカルロ法の気持ち / Markov Chain Monte Carlo
kaityo256
PRO
5
1.5k
気液界面と自由エネルギー / Gas Liquid Surface
kaityo256
PRO
1
700
Dockerで体験する富岳のアーキテクチャ「AArch64」ハンズオン / Xbyak_aarch64 handson
kaityo256
PRO
4
710
演習:GitHubの操作(基本編) / GitHub Practice Github Basic
kaityo256
PRO
1
1.2k
演習:Gitの操作(応用編) / GitHub Practice Advanced
kaityo256
PRO
0
400
演習:Gitの操作(基本編) / GitHub Practice Basic
kaityo256
PRO
0
870
条件分岐と繰り返し処理 / Python Basic
kaityo256
PRO
1
1.8k
Gitの使い方(応用編) / GitHub Advanced
kaityo256
PRO
1
540
Other Decks in Education
See All in Education
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
0
510
英語授業研究学会・関東支部 第28回春季研究大会(山﨑資料)
hirokiyamazaki
0
290
研究発表のためのパワポスライド作成例(桃太郎の村会議でのプレゼン)
hisashiishihara
0
11k
2022年度診療報酬改定勉強会資料/Simpr_study1
y_ogawa_mhg
0
100
Gesture-based Interaction - Lecture 8 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
700
View Manipulation and Reduction - Lecture 9 - Information Visualisation (4019538FNR)
signer
PRO
0
510
Цифровые финансы - магистерская программа Финэка МГИМО
epogrebnyak
0
690
Ruudunkaappausvideot ja Screencast-O-Maticilla tekstitys
matleenalaakso
0
13k
20220720富山大学「富山の地域づくり」講義
koshiba_noriaki
0
310
How learning Chinese made me a better Python instructor
reuven
0
330
使える!数学!応用数学入門 / Introduction of applied mathematics
konakalab
0
380
Course Review - Lecture 12 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
670
Featured
See All Featured
Designing for humans not robots
tammielis
241
24k
A Tale of Four Properties
chriscoyier
149
21k
Raft: Consensus for Rubyists
vanstee
127
5.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
560
Building a Scalable Design System with Sketch
lauravandoore
448
30k
Designing on Purpose - Digital PM Summit 2013
jponch
106
5.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
Why You Should Never Use an ORM
jnunemaker
PRO
47
7.6k
Writing Fast Ruby
sferik
612
57k
Become a Pro
speakerdeck
PRO
3
900
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
Navigating Team Friction
lara
175
11k
Transcript
1 31 演習:GitHubの操作(応用編) 慶應義塾大学理工学部物理情報工学科 渡辺 物理情報工学ソフトウェア開発演習
2 31 • MNISTの学習済みモデルをウェブで試す • 簡単なゲーム作成
3 31 我々がインターネットを閲覧する時、クライアントとウェブサーバが通信している クライアント ウェブサーバ サーバのローカルデータ Chrome Safari Firefox Edgeなど
Apache nginxなど
4 31 クライアントが要求するのはURL (Uniform Resource Location) https://www.mext.go.jp/a_menu/shotou/new-cs/index.htm プロトコル ホスト+ドメイン名 ディレクトリ
ファイル名 https://www.mext.go.jp/a_menu/shotou/new-cs/index.htm
5 31 https://www.mext.go.jp/a_menu/shotou/new-cs/index.htm プロトコル ホスト+ドメイン名 ディレクトリ ファイル名 https://www.mext.go.jp/a_menu/shotou/new-cs/index.htm 1. httpsというプロトコルで
2. mext.go.jpというドメインに所属する 3. wwwというマシンの 4. a_menu/shotou/new-csというディレクトリにある 5. index.htmlというファイルの情報をください サーバのローカルデータ サーバ ブラウザ
6 31 実際にはサーバにはIPアドレスという番号が振られている サーバにアクセスするためにはIPアドレスが必要 「www.mext.go.jp」のIPアドレスを 教えてください 202.238.130.103 です ホスト名とドメイン名を合わせて FQDN(Fully
Qualified Domain Name)と呼ぶ FQDNからIPアドレスを教えてくれるのがDNS (Domain Name System) DNS クライアント
7 31 ウェブページを公開するためには • グローバルIPアドレスを持つサーバの • 適切なディレクトリに • ファイルをアップロードする 必要がある
サーバの ローカルストレージ サーバ
8 31 GitHub に公開しているリポジトリから、HTMLやJavaScript, CSSなどを取得し、ウェブサイトを公開できる静的ホスティ ングサービス 外からウェブサイトとして 閲覧できる ウェブサイトとして公開する リポジトリ、ブランチ、
ディレクトリを指定
9 31 リポジトリのFork https://github.com/appi-github/pages-sample にアクセスして、Forkボタンを押す 自分のアカウントにforkされる Settingsが現れる
10 31 Pagesの設定 Forkされたリポジトリ(自分のアカウントに表示されたもの)のSettingsを押す
11 31 1 2 3 4 1. Pagesを選ぶ 2. mainブランチを選ぶ
3. フォルダは /docsを選ぶ 4. Saveを押す
12 31 こんな画面がでたら数分待ってからクリック
13 31 もしクリックが早すぎると・・・
14 31 https://github-watanabe.github.io/pages-sample/?1 もし、しばらくまってリロードしても404のままだったら、 アドレスの最後に「?1」を追加してエンターキーを入力 GitHubアカウント名
15 31 数字認識を確認 マウスでここに入力 判定結果 ニューラルネットへの 入力画像
16 31 認識が誤判定する結果を作り、スクリーンショットを提出 なぜ誤判定したか考察すること 判定失敗
17 31 ブラウザは勝手にローカルファイルにアクセスできない もしアクセスできると、悪意あるサイトに個人情報を 引き抜かれる可能性がある クライアント ウェブサーバ 原則として、ユーザが直接指定したファイルのみ サーバに送信できる
18 31 ブラウザはローカルファイルを自由に見ることができない → ブラウザゲームのローカルでのテストができない 解決策1:ブラウザのセキュリティレベルを下げる(非推奨) 解決策2:ローカルにウェブサーバを立てる ローカルストレージ ウェブサーバ ウェブサーバの
ローカルなのでアクセスできる ブラウザ 動作確認 ファイル修正
19 31 https://github.com/appi-github/tyrano_sample をforkする
20 31 先ほどと同様の手順でPagesを公開する 2 3 4 5 1
21 31 こんな画面が出たら成功 テストプレイをしてみよう マウスクリックでメッセージ送り 選択肢が出たらマウスクリックで選ぶ
22 31 リポジトリのクローンのため、リモートURLをコピー 1 2 3 4 1. 自分のアカウントの 2.
Codeをクリックし 3. SSHを選んで 4. コピーボタンを押す
23 31 cd cd github git clone git@github.com:github-watanabe/tyrano_sample.git Git Bashで以下を実行
ここはコピーされているはずなので、マウス右クリックから「Paste」
24 31 VS Codeの「フォルダーを開く」で「/z/github/tyrano_sample」を開く ここにTYRANO_SAMPLEと表示される
25 31 1. 拡張機能をクリック 2. 検索窓に「Live Server」と入力 3. インストール
26 31 1. docs/index.htmlを開く 2. Go Liveをクリック
27 31 ブラウザが開いてゲームができれば成功
28 31 docs/data/scenario/first.ksを開く
29 31 *start [title name="怒れセリヌンティウス"] [hidemenubutton] [wait time=200] [freeimage layer="base"]
タイトルを変更して保存する
30 31 タイトルが変更されれば成功
31 31 1. first.ksを書き換えてオリジナルのゲームを作成する 2. ローカル(Live Server)で動作確認する 3. git add,
commit, pushする 4. GitHub Pagesで動作確認する https://アカウント名.github.io/tyrano_sample/ 以下のURLをレポートに提出 • 公序良俗に反するような内容にしてはならない • (たとえ友人であっても)特定個人を揶揄するような内容にしてはならない。有名人も題材としない • 画像を用いる場合は、ライセンスとして問題ないものを利用する(例えばPexelsの画像を利用するなど)。 • 面白い作品は別の場所で紹介する可能性があるため、紹介されたくない場合はその旨をレポートに明 記すること 注意: