準備作業の実施状況確認
事前課題では,ソフトウェアのインストールと設定,Visual Studio Code と GitHub の連携設定などの準備作業を行いました.
また,宿題では,index.html のページを開いてブックマークを登録しました.
これらの実施状況を確認します.
講義の冒頭で確認作業を行います.以下の確認の結果,完了していないことがわかった準備作業がありましたら,
挙手して,先生や TA の先輩方のサポートを受けてください.
1. ソフトウェアのインストールと設定状況の確認
- Firefox を開いてみましょう
- 普段は Firefox 以外のブラウザを使っている人は複数のブラウザを立ち上げてしまうことになり,これは混乱の元です.
- 自信がない人は今季だけ Firefox をデフォルトブラウザーに設定することをお勧めします.

- Visual Studio Code を開いてみましょう

- Visual Studio Code の次の拡張機能を確認しましょう.次の拡張機能はインストールされていますか?
- Japanese Language Pack for Visual Studio Code
- Git Graph
- Auto Rename Tag
- HTML CSS Support
- Highlight Matching Tag
- HTML Preview

2. GitHub のアカウントとリポジトリの確認
- GitHub にログインしましょう.
- 大学のメールアドレス(248xxx@st.takushoku-u.ac.jp)でログインできますか?
- Firefox のブックマーク「課題リポジトリ」を開いてみましょう.
- GitHub において medialabo のリポジトリが確認できますか?

- Firefox のブックマーク「情報メディア実験の成果物ページ」を開いてみましょう
- 上記の URL にアクセスすると次のページが開きますか?

Visual Studio Code と GitHub の連携設定の確認
- Visual Studio Code で書類フォルダの「medialabo2026-***」を開きましょう
- 「***」はみなさん各自の GitHub ユーザID です.
- フォルダは存在しますか?
- フォルダを開くと index.html などのファイルが存在しますか?

- Visual Studio Code のウィンドウ左下のアカウントボタンを押してみましょう.
- 「G48xxx2024(GitHub)」が表示されますか?

- Visual Studio Code のウィンドウ左の「ソース管理」ボタンを押してみましょう.
- 次の状態ですか?(プッシュしていないファイルがあるとここにファイル名などが表示されます.)

以上で,準備作業の確認は終了です
以下の確認の結果,完了していないことがわかった準備作業がありましたら,
挙手して,先生や TA の先輩方のサポートを受けてください.