Github上レポジトリの.gitignoreをローカルレポジトリに適用し、かつGithub上新レポジトリをリモートレポジトリとして登録する
# モチベ
- githubでレポジトリ作成時に選択して生成できる.gitignoreを使いたい
- その.gitignoreをすでに作成済みの手元PC上のローカルレポジトリに適用したい
- まだgithub上にリモートレポジトリを作ってないので、合わせて作りたい
- できるだけスマートに上記を行いたい
# やり方
- github上でレポジトリ作成。その際、.gitignoreを生成。今回は以下のレポジトリをサンプルとして話を進める
git@github.com:takeknock/cva_py.git
- ローカルレポジトリで以下のコマンドを実行してリモートレポジトリを登録
git remote add origin git@github.com:takeknock/cva_py.git
- 登録したリモートレポジトリのmasterブランチをローカルレポジトリのmasterブランチにマージ(以下はmasterブランチにいるものとして実行)
git fetch
git merge origin/master
Visual Studioで空のプロジェクト実行結果を表示
Visual Studioで空のプロジェクトを作成した場合、そのプロジェクトをアプリケーションとして実行しようとすると、一瞬で実行結果の表示画面が消えてしまいます。
ハロワも一瞬で消えてしまい、正しく表示できているかわからないので、実行後に何かのキーを押さないと実行結果画面が消えないようにします。
- 実行結果画面が消えないようにする方法 with Visual Studio
1. ソリューションエクスプーラーでスタートアッププロジェクトとして設定しているプロジェクトを右クリックしてプロパティを開く
2. 「構成プロパティ」→「リンカ」→「システム」を選ぶ
3. 「サブシステム」で「コンソール(/SUBSYSTEM:CONSOLE)」を選択
Target container is not a DOM element.
# エラーメッセージ
Target container is not a DOM element.
# 解決法
Webpackの出力ファイル(ここではbundle.jsの読み込みをページの最後に行う)
## before(error)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="bundle.css"> <script src="bundle.js" charset="utf-8"></script> </head> <body> <div class="container"> </div> </body> </html>
## after(correct)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="bundle.css"> </head> <body> <div class="container"> </div> </body> <script src="bundle.js" charset="utf-8"></script> </html>
.suoファイルについて
- 各ユーザのファイル配置等の情報が入っている
- ただし、パスは絶対パスで記載されているため、.suoファイルをGit等にアップして、開発者と共有するのはおすすめしない。もちろんCI環境でも、.suoファイルを作った開発者と同じ絶対パスにものを配置する必要があるので、使い勝手よくない。(GithubのVisual Studioの.gitignoreでも.suoファイルはignore対象だったはず)
.suoファイルについて
- 各ユーザのファイル配置等の情報が入っている
- ただし、パスは絶対パスで記載されているため、.suoファイルをGit等にアップして、開発者と共有するのはおすすめしない。もちろんCI環境でも、.suoファイルを作った開発者と同じ絶対パスにものを配置する必要があるので、使い勝手よくない。(GithubのVisual Studioの.gitignoreでも.suoファイルはignore対象だったはず)