matthew as a q.

競技プログラミングメイン

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)」を選択

chromeで文字色カラーパレットを使う

# 動機

  • 好みの色から、その色のカラーコードを知りたい

# 手順

  • Chromeで文字色を確認したい文字の上で、右クリック→「検証」を選択
  • Chrome上に「style」タブが表示された状態で、chrome developer consoleが立ち上がる
  • CSSで指定した「color」の項目で、カラーコードの横にカラーパレットを表示するボタンが出てくる

f:id:takeknock:20180228215324p:plain

上記画面の右のほうにカラーパレットが立ち上がっている。

  • 立ち上がったカラーパレット上で好きな色を選択すると、その色に対応したカラーコードが取得できる

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ファイルを作った開発者と同じ絶対パスにものを配置する必要があるので、使い勝手よくない。(GithubVisual Studioの.gitignoreでも.suoファイルはignore対象だったはず)

.suoファイルについて

- 各ユーザのファイル配置等の情報が入っている

- ただし、パスは絶対パスで記載されているため、.suoファイルをGit等にアップして、開発者と共有するのはおすすめしない。もちろんCI環境でも、.suoファイルを作った開発者と同じ絶対パスにものを配置する必要があるので、使い勝手よくない。(GithubVisual Studioの.gitignoreでも.suoファイルはignore対象だったはず)