Remix IDEとGithub連携でSolidityのコード管理

Githubでリポジトリの作成

Githubログイン後のダッシュボード画面

• Githubのログイン後のダッシュボード画面の左側リポジトリ一覧の上部のNewボタンをクリック

リポジトリ作成画面

• リポジトリ名を記入します。(半角英字であれば問題ありません。)
• publicとPrivateを選択するところは必ずPublicを選択して下さい。Privateの場合は使えません。
• Create Repositoryボタンをクリック

リポジトリ完了画面

• 左の赤枠はHTTPSとSSHの選択はHTTPSを選択してください。SSHは対応していません。
• 右の赤枠はRemixの設定でCloneURLとRemoteURLに必要になります。

RemixIDEインストール

Remix公式ページ

Remixの公式のGithubのページから該当のOSに沿ったソフトウェアをダウンロードしインストール

MACの場合は拡張子は「dmg」です。

https://github.com/ethereum/remix-desktop/releases

ソフトウェアがダウンロードできればインストールしてください。

Remix IDEの設定

Remix起動画面

上記画像はRemix IDEを起動した時のトップページです。

右下の「プラグイン入れる」と赤字で書かれているコンセントマークをクリックすると下の画像の「プラグイン」の画像が出てきます。

設定と書かれているアイコンをクリックすると下の画像の「設定」の部分が出てきます。

プラグインの追加

上の画像の左側のプラグインの検索部分に「dgit」と入力すると「DGIT」と「DGIT DIFF」の2つ出てくるので2つとも「Activate」ボタンをクリックします。

Githubの設定

上の画像の右側の設定のリンクをクリックすると以下のリンクへ遷移する

https://github.com/settings/tokens/new?scopes=gist,repo&description=Remix%20IDE%20Token

次の章で紹介しますがトークンを取得したらTOKEN項目に入力して下さい。また、USERNAMEとEMAILはgithubで使用するユーザーネームとメールアドレスです。

Githubのアクセストークン取得

アクセストークン作成ページ

上の赤枠から順番にNameの部分は名称を入れます。元々入っているものを使っても問題ありません。

基本的には最初から入力やチェックされているのでそのまま「Generate token」ボタンをクリックすればトークンは作成されます。

アクセストークンの作成完了

アクセストークンの作成完了しましたので赤枠の部分をコピーしてください

RemixのGithubの設定にあるTOKEN:に貼り付けてください。

Remix IDE でワークスペース追加

ワークスペース追加方法

1. 左のマークをクリックするとワークスペースになるので赤枠の部分をクリックする。
2. Create a new workspaceをクリック
3. Workspace Nameを好きな文言に変更して追加チェックボックスをチェック入れてOKボタンをクリックしてください。

Remix IDEでGithubの設定

上の左画像Clone

• 左メニューのマークをクリックするとGitのメニューになるのでCLONE項目に、リポジトリURLを入力します
• チェックボックスにチェックを入れて
• cloneボタンをクリックします。

上の右画像GIT REMOTEの設定とプッシュまで

• GIT REMOTEの設定です。CLONEの時と同様にリポジトリURLを入力
• add remoteボタンをクリックする
• AVAILABLE REMOTES項目に出現する
• LOÇAL BRANCHは未入力の場合があるが気にせず続けてください
• initボタンをクリック
• pushボタンをクリックするとgithubにソースコードが反映されています。

Githubに反映

上記画面のようにgithubにコードが反映されていれば成功です。動いてない場合はしっかりとドキュメントを見返してください。

まとめ

Solidityの開発環境はローカルで同期できなくいつ消えてしまうのか思いながら進めてもなんかやる気が出ないので、Githubの連携は必須です。