はじめに
この記事ではまず授業で利用するAtomパッケージを使うために必要な作業をまとめています.
以下の順に作業を進めていきます
- Githubの登録
- SSHの設定
- gitのインストール・設定
- Atomのインストール
- Atom Packageのインストール・設定
Githubの登録
まずはGithubのページにアクセス.画面右上のSign Up
をクリック
任意のUsernameとメールアドレス,パスワードを入力する.
パズルが解けたらその下にあるCreate account
ボタンをクリックする.

いくつかの質問に答える.差し当たり以下の様に選択しておけば良い.
- What kind of work do you do, mainly? :Student
- How much programming experience do you have?:A little
- What do you plan to use GitHub for?:Learn to Code


選択したら画面下部にあるComplete setup
ボタンをクリックする.
入力したメールアドレス宛に送られた,Githubの登録を完了させるメールを確認する.
少し待ってもメールが来ない人はResend verification email
をクリック.
それでもメールが来ない人はChange your email setting
をクリックしてメールアドレスを変更する.

メールが来たらVerify email address
ボタンをクリックする.

画面上部にYour email was verified
と表示されていれば成功.
後でGithubの設定をするので,画面下部にあるSkip for now
をクリックしてページを開いておく.
SSHの設定
詳細は以下のチュートリアル動画をご覧ください.
- Windowsの人 SSH公開鍵認証の設定方法 ( Windows編 )
- Macの人 SSH公開鍵認証の設定方法 ( Mac編 )
以下は作業手順
まずSSHクライアントがインストールされているかどうかを確認する.
Windowsの人はコマンドプロンプト,Macの人はターミナルを起動して以下のコマンドを入力する
ssh -V
以下のような出力がされれば,SSHクライアントがインストールされている.
OpenSSH_for_Windows_7.7p1, LibreSSL 2.6.5 # Windowsの人
OpenSSH_7.9p1, LibreSSL 2.7.3 # Macの人
Open SSH_8.0p1 Ubuntu-6build1, ... # Linux(Ubuntu)の人
SSHクライアントがインストールされていない人は以下の操作を実行してください.(主にWindows8の人)
Windows8の人
- コマンドプロンプトを起動する
-
systeminfo
と入力する - 「システムの種類」が
x64_based PC
かx86_based PC
かを確認 - SSHのダウンロードページにアクセス
- システムの種類に合わせてzipフォルダをダウンロードする
-
x64_based PC
の人:OpenSSH-Win64.zip -
x86_based PC
の人:OpenSSH-Win32.zip
-
- ダウンロードしたzipフォルダをダブルクリックして解凍し,できたフォルダをエクスプローラーでC:¥にコピぺ
- スタート画面の検索欄に
環境変数
と入力し,システム環境変数の変数
を選択 -
システム環境変数
中のPath
を選択し,編集
ボタンをクリック - 変数値の末尾に
;C:¥OpenSSH-Win64
または;C:¥OpenSSH-Win32
と入力してOKをクリック - コマンドプロンプトを開き直して
ssh -V
でインストールできたか確認する- このとき画面・文字サイズが小さくなった場合はウィンドウ左上のアイコンをクリックしてプロパティを選択し,フォントタブからフォントをConsolas,サイズを24に設定する
[SSHフォルダをC:¥にコピペするスクリーンショット]
sshの設定(公開鍵認証)
Winodwsの人はコマンドプロンプト,Macの人はターミナルを開いて以下のコマンドを打つ
# windowsの人
cd %homepath%
mkdir .ssh
cd .ssh
ssh-keygen
# Macの人
cd
mkdir .ssh
cd .ssh
ssh-keygen
ssh-keygenと入力した後,以下の様に入力を求められるので,全てEnterを押していく
- Enter file in which to save the key
- Enter passphrase
- Enter passphrase again
以下のコマンドで~/.ssh以下にid_rsa
とid_rsa.pub
ができていることを確認する
- Windowsの人:dirと入力
- Macの人:lsと入力
後で.sshフォルダにできたid_rsa.pub
をBEEFに提出するので,このままウィンドウを開いておく.
Githubへ公開鍵を登録する
自分のGithubのページを開き,右上のアイコンをクリックしてからSettingsをクリックする
SSH and GPG keysをクリックして,New SSH key
ボタンをクリックする
Titleに適当な名前(public_key)を入力する.
その後コマンドプロンプト/ターミナルを開き,以下のコマンドで公開鍵をクリップボードにコピーする.
# Windowsの人はC:¥Users¥ユーザー名¥.sshに
# Macの人は/Users/ユーザー名/.ssh または ~/.ssh にいることを確認して
# Windowsの人
clip < id_rsa.pub
# Macの人
pbcopy < id_rsa.pub
Githubのページに戻り,一度Key欄をクリックしてからペーストする.
Windowsの人はCtrl-v,Macの人はCommand-vでペーストできる.
入力できたらAdd SSH key
を押す

公開鍵をBEEFで提出
そのまま公開鍵(id_rsa.pub)がクリップボードにコピーされている状態で作業を行う.
BEEFの公開鍵を提出するページに行き,入力欄にペーストして送信する.
BEEFリンク
gitのインストール
gitのダウンロードページにアクセスし,自分のOS用のインストーラをダウンロードする.ここではWindowsでのインストール方法を紹介する.

ダウンロードしたインストーラをダブルクリックして実行する.ウィンドウが開いたらnext
をクリックしていきinstall
ボタンを押す
Macの人でインストーラを開けない場合は,システム環境設定 -> セキュリティとプライバシー -> 一般を開いて,gitインストーラが表示されている右の「このまま開く」をクリックしてインストールを進める.
[「セキュリティとプライバシー」のスクリーンショット]
インストールが完了したら,Windowsの人はコマンドプロンプトで,Macの人はターミナルを一度終了させる.その後再び起動させ,git --version
と入力し,インストールできたか確認する.何らかのversionが表示されれば成功!

バージョンが出ない場合は,今開いているコマンドプロンプト/ターミナルでgitのPATHが通っていない可能性がある.一度コマンドプロンプト/ターミナルを終了させ,再び起動して上記のコマンドを試してみる.
gitの設定
gitを利用するため,ユーザー名とメールアドレスを設定する.コマンドプロンプトまたはターミナルを開いて,以下のようにコマンドを打つ.nameとemailは基本的にGithubの登録と同じにすれば良い.
git config --global user.name "John Doe" # " "内に自分に名前をローマ字で入れる
git config --global user.email johndoe@example.com # 自分のメールアドレスを入れる.""は不要.
# できたら確認のため,以下のコマンドを打つ.自分が入力した値が出力されるはず.
git config --global user.name
git config --global user.email
Atomのインストール
Atomのダウンロードサイトにアクセス
Download
ボタンを 押してダウンロードする.
Windowsの人はインストーラをダブルクリックして実行し,インストールする.
Macの人はアプリをアプリケーションフォルダにコピーする.
Atomパッケージのインストール・設定方法
詳細は以下のチュートリアル動画をご覧ください.
重要
Atomパッケージの設定はBeefで課題にAtomパッケージの設定方法が追加されてから行ってください.
この時自分の学籍番号と氏名を入力する手順がありますが,以下の例に従って入力してください.
学籍番号:半角英数字 例) 123c456c
氏名:半角ローマ字で名字(Family Name)・名前(Given Name)の順
例) 執行健人 → Shigyo Kento
- Windowsの人 Atomパッケージのインストール・設定方法 Windows編
- Macの人 Atomパッケージのインストール・設定方法 Mac編 (※)
(※)Macの人はペーストのショートカットキーはCtrl-vではなくCommand-vです
以下は作業手順
Atomパッケージのインストール方法
1 Atomのパッケージが管理されているGithubリポジトリにアクセスする.
2 clone or download
をクリックして,URLが書いてある右の矢印ボタンをクリック.これでURLがクリップボードにコピーされる.
3 コマンドプロンプト/ターミナルを開く
4 以下のコマンドでAtomのパッケージを保存するフォルダに移動する
# Windowsの人
cd %homepath%
cd .atom¥packages
# Macの人
cd
cd .atom/packages
5 git clone
と打った後にURLをペースト(WindowsはCtrl-v,MacはCommand-v).その後Enterを押す
git clone https://github.com/kenglwo/atom-package.git (Enterを押す)
これでAtomパッケージのインストールは完了
(パッケージをダウンロードする場合)
①"Clone or Download",②Download ZIPの順にクリックしてパッケージ(atom-package-master)をダウンロードする.
"ダウンロード"フォルダにあるatom-package-masterをコピーして,ホームディレクトリ下の.atom/packagesにペーストする.
Macの人で隠しフォルダ(.atom)が見えていない人は,Command-Shift-. で見えるようになる,

Atomを起動して,以下の手順でパッケージがインストールされたか確認する
画面上部にあるツールバーからAtom ➡︎ Preferencesをクリック
Packagesをクリックし,検索ボックスにatom-package
と入力する.atom-packageが出てくればインストールされている.

Atom パッケージの設定方法
重要
この作業はBeefで課題にAtomパッケージの設定方法が追加されてから行ってください.
1 Atomにパッケージがインストールされている状態で,ファイルを新規作成する
画面上部のツールバーからFile ➡︎ New File をクリック (またはMacの人はCommand-n,Windowsの人はCtrl-n)

2 画面上部のツールバーからFile ➡︎ Save をクリック (またはMacの人はCommand-s,Windowsの人はCtrl-s) して適当なファイル名をつける(ここではtest.html).
ドキュメントの中に授業用のフォルダ(r2enshu2)を新規作成し,その中にファイルを保存する.
3 右下の保存を押すと以下のようなPlease input credentials
と書かれたウィンドウが表示されるので,OKを押して次に表示されるウィンドウに情報を入力する.
4 2つの入力欄に,自分の学籍番号(半角英数字),名前を入力する.
5 OKを推してLogin Success
とでたら成功.
入力ウィンドウはCtrl-i
で表示/非表示を切り替えることができる.
(今のところ)授業や課題の作業中にr2enshu2フォルダ内のファイルを編集するときは,初回にファイルを保存すると入力ウィンドウが開くので,その度に値を入力してOKを押してください.