Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

Windows7を削除してUbuntu18.04に変更する

ubuntu

参考にさせて頂いたページ

Ubuntuをインストールする方法

コマンドでwifiに接続する方法

isoをDVDに書き込む方法

はじめに

Windows7のサポートが切れて放置していた端末がありました。

端末が故障しているわけではないので、OSをインストールしなおしました。

Ubuntuは、Linuxディストリビューションのひとつですが、以下のキャプチャのようにウィンドウでフォルダを開いたり、マウスで操作できて使いやすいです。

f:id:motomichi_works:20180923185028p:plain

準備したもの

USBメモリでもできるそうですが、以下を使用しました。

  • 外付けDVDドライブ
  • DVD-R（1枚）

UbuntuのisoファイルをダウンロードしてDVDディスクに焼く

isoのダウンロードとディスクイメージの書込みはWindows10で行っています。

「Ubuntu ダウンロード」などで検索すると公式サイトが見つかると思います。

f:id:motomichi_works:20180923152911p:plain

isoファイルはおよそ1.8GBありました。
ダウンロードには時間がかかると思いますのでのんびり待ちます。

「ubuntu-ja-18.04.1-desktop-amd64.iso」をダウンロードしました。

isoファイルを右クリックして「ディスクイメージの書込み」をクリックします。

f:id:motomichi_works:20180923152926p:plain

Windows7を削除してUbuntuをインストールする

Bootの設定を変更する

biosを起動して、Bootの設定を変更します。

通常はハードディスクにインストールされているWindowsを最初に実行するようになっていますが、DVDドライブを最初に読み込ませたいので変更します。

bios起動方法はメーカーによって違うかもしれませんが、私はF2を押したまま電源を入れたらbios起動できました。

画面の構成もメーカーによって違うと思いますが、Bootタブを選択して、プライオリティを変更したり、EnabledとかDisabledとかドライブ毎に設定して、設定を保存します。

Bootタブを選択

f:id:motomichi_works:20180923165022j:plain

設定を変更したら「Save & Exit」してbiosを終了します。

f:id:motomichi_works:20180923165159j:plain

Ubuntuをインストールする

「Ubuntuを試す」「Ubuntuをインストール」という選択肢が表示されます。

インストールせずにDVDからそのままUbuntuを起動して試すこともできるようですが、「Ubuntuをインストール」を選択して先に進みます。

wifiの設定や、その他設定のダイアログが表示されるので、ラジオボタンを選択したりしてそのまま進めていきます。

初期設定はとてもかんたんなので心配無用です。

設定されるのをしばらく待つ

さきほど選択、入力した項目をもとに設定が行われるのを慌てずしばらく待ちます。

待っていると、以下のようなUbuntuの説明が表示されたりします。
右上にシステムメニュー、左下にアプリケーションボタンがあるのがわかります。

f:id:motomichi_works:20180923201225p:plain

「Canonical Livepatch Service」とは、カーネルを再起動することなく、深刻な脆弱性などに対する修正を適用するサービスです。

f:id:motomichi_works:20180923201235p:plain

アプリケーションの紹介です。

f:id:motomichi_works:20180923201245p:plain

もう少し待つとソフトウェアアップデートを促されるのでインストールします。

f:id:motomichi_works:20180923201324p:plain

キーボード選択のプルダウンが表示されますが、ノートPCでよくわからないのでそのまま「Generic 105-key PC (Intl.)」を選択しました。

f:id:motomichi_works:20180923201530p:plain

再起動してBootの設定を戻す

Ubuntuの初期設定が完了すると再起動を促されます。

再起動は画面右上のシステムメニューからできます。

再起動し、再びF2をおしっぱなしにして、bios画面を開きます。

今度はハードディスクにインストールしたUbuntuを最初に読み込ませたいので変更します。

おまけ

最初、もう使えるかと思ってけっこう慌ててFirefoxを起動してしまい、「半角/全角」キーを押しても日本語入力ができなくて困ったりしましたが、設定が完了して落ち着くのを待てばよかっただけのようです。

「Prt Scr」キーを押すとスクリーンショットがとれます。

マウスを右クリックして、「新しいフォルダを作成」してフォルダを開くと「ピクチャ」ディレクトリへのリンクなどもあり、「ピクチャ」ディレクトリにスクリーンショットが保存されています。

慣れないOSで使いにくいと思ったのも束の間、少し慣れてきました。

ついでに以下の記事も書きました。

Windows10でスクリーンショットをとる方法いろいろ

参考にさせて頂いたページ

クリップボードに保存する

クリップボードに保存したあとはペイントなどのアプリケーションにペーストすると良いでしょう。

ディスプレイ全体

  • PrtSc キーを押す

ウィンドウ全体

  • alt + PrtScn キーを押す

範囲指定

  • Windows + Shift + s キーを押す

[ピクチャ] フォルダ内の [スクリーンショット]フォルダにpng画像を保存する

  • Windows + PrtSc キーを押す

vue-test-utilsを試してみる | vue-test-utils その0001

vue-test-utils

参考にさせて頂いたページ

公式ドキュメント(日本語版)

公式リポジトリ

vue-test-utils

vue-test-utils-jest-example

今日の環境

  • Windows10
  • node 8.11.1
  • npm 5.8.0

ひとまずREADMEを読む

とりあえずは読むだけでコマンドは実行しません。

2018年09月17日現在ではbeta版だそうです。

npm install --save-dev @vue/test-utils

または

npm install --save-dev @vue/server-test-utils

でインストールするとのこと。

テスト実行時に使用するため、テンプレートコンパイラも必要です。

npm install --save-dev vue-template-compiler

バージョンについての注意書きがありました。
ここ大事ですね。
Vueのバージョンと同じでないといけないそうです。
以下は引用文とその翻訳です。

You need to install vue-template-compiler which is used to compile components. It should be the same version as the version of Vue you are using.

コンポーネントをコンパイルするために使用されるvue-template-compilerをインストールする必要があります。 これは、使用しているVueのバージョンと同じバージョンでなければなりません。

jestの例をcloneして実行してみる

簡単そうなのでjestを使ってみることにします。

リポジトリをcloneする

GitHub - vuejs/vue-test-utils-jest-example: Example project using Jest + vue-test-utils together から以下のコマンドでリポジトリをcloneします。

git clone git@github.com:vuejs/vue-test-utils-jest-example.git

node_modulesをインストールする

まず移動します。

cd vue-test-utils-jest-example

git cloneするとpackage.jsonも含まれているので、一度node_modulesをインストールします。

npm install

buildを実行してみる

READMEにならって、buildを実行してみます。

npm run build

以下のように表示されました。

> vue-test-utils-jest-example@1.0.0 build C:\Users\motomichi\Desktop\vue_test_utils__samples\vue-test-utils-jest-example> cross-env NODE_ENV=production webpack --progress --hide-modules

Hash: f98dca254ec3566403ca
Version: webpack 3.12.0
Time: 8281ms
       Asset     Size  Chunks             Chunk Names
    build.js  99.2 kB       0  [emitted]  main
build.js.map   847 kB       0  [emitted]  main

build.js と build.js.mapが出力されたことがわかります。

testを実行してみる

READMEにならって、testを実行してみます。

npm test

以下のように表示されました。

> vue-test-utils-jest-example@1.0.0 test C:\Users\motomichi\Desktop\vue_test_utils__samples\vue-test-utils-jest-example
> jest

 PASS  test\Message.spec.js
 PASS  test\List.spec.js
 PASS  test\MessageToggle.spec.js

Test Suites: 3 passed, 3 total
Tests:       5 passed, 5 total
Snapshots:   1 passed, 1 total
Time:        5.635s
Ran all test suites.

以下のspecが実行されたことがわかります。

  • test\Message.spec.js
  • test\List.spec.js
  • test\MessageToggle.spec.js

終わりに

とりあえず簡易的にテストを実行するだけしてみました。

package-jsonを見れば、既存のプロジェクトに導入するのに必要なパッケージもわかりますし、srcとtestの内容を読めば使い方もわかりそうです。

次は軽くsrcとtestのディレクトリ内にあるファイルを読んでみようと思います。

以下の公式ドキュメントにガイドがありますので、基本的な使い方は学習がしやすそうです。

ガイド | Vue Test Utils

vagrantその0029 Windows10 Home + Vagrant + centos-7.3.boxで作った環境にdockerをインストールする

vagrant docker

参考にさせて頂いたページ

Vagrantのインストールについて

centos7にdockerをインストールする手順について

railsの環境構築について

今日の環境

はじめに

WSLでdocker試したけど上手くいかなかったので、vagrantにdockerをインストールしてrailsの環境構築までしてみました。

VirtualBoxとVagrantをインストール

Vagrant久しぶりなので、新しいバージョンをインストールしなおしました。

以下のページを参考にさせていただきました。

Vagrant+Virtualboxを使いWindows10上にCentOS7.3+php7+MySQL5.7の環境を構築する - Qiita

適当に vagrant up して、 vagrant ssh するところまでやりました。

あとはVagrantに関してやったのはVagrantfileの以下行をコメントインしたぐらいです。

config.vm.network "private_network", ip: "192.168.33.10"

コンテナ内と同期するディレクトリを作成する

$ su
  パスワード入力(vagrant)
# cd /var/
# mkdir www
# chown root:vagrant www
# exit
$ cd /var/www/
$ mkdir rails_projects

dockerをインストール

以下のページを参考にさせていただきました。

CentOS7にDockerをインストールする - Qiita

vagrantの環境自体にはapacheなどのアプリケーションは入れていません。

yum -y update
yum -y vim

してから、あとは参考ページにならってリポジトリの追加と、docker-ceの最新バージョンをインストールしました。

centosイメージをpullする

docker pull centos:7

Dockerfileを作成する

移動します。

cd /var/www/rails_projects

Dockerfileを作ります。

vim Dockerfile

以下の記述内容です。

FROM centos:7
MAINTAINER motomichi

# set ruby version to be installed
ENV ruby_ver="2.6.2"

RUN yum -y update
RUN yum -y install epel-release
RUN yum -y install git make autoconf curl wget
RUN yum -y install gcc-c++ glibc-headers openssl-devel readline libyaml-devel readline-devel zlib zlib-devel sqlite-devel bzip2
RUN yum clean all
RUN yum -y install vim sudo

# install ruby & bundler
RUN git clone https://github.com/sstephenson/rbenv.git /usr/local/rbenv
RUN git clone https://github.com/sstephenson/ruby-build.git /usr/local/rbenv/plugins/ruby-build

RUN echo 'export RBENV_ROOT="/usr/local/rbenv"' >> /etc/profile.d/rbenv.sh
RUN echo 'export PATH="${RBENV_ROOT}/bin:${PATH}"' >> /etc/profile.d/rbenv.sh
RUN echo 'eval "$(rbenv init --no-rehash -)"' >> /etc/profile.d/rbenv.sh

RUN source /etc/profile.d/rbenv.sh; rbenv install ${ruby_ver}; rbenv global ${ruby_ver}
RUN source /etc/profile.d/rbenv.sh; gem update --system; gem install bundler; gem install --no-ri --no-rdoc rails;

# make workdir for rails projects
RUN mkdir -p /work

上記したDockerfileはRUN source /etc/profile.d/rbenv.sh; gem update --system; gem install rails -v '5.1.2';の方が良いかもしれない。

Dockerfileをもとにrailsがインストールされたdockerイメージを作成する

docker buildします。 motomichi/railsの部分は任意のタグ名です。

docker build -t motomichi/rails ./

imageが作成されたか確認してみます。

docker images

以下のように表示されて、イメージが追加されたのがわかります。

REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
motomichi/rails     latest              281f5fc96ae7        41 seconds ago      1.09GB
centos              7                   5182e96772bf        4 weeks ago         200MB

コンテナを作成して起動する

今のディレクトリを一応確認しておきます。

pwd

以下のように表示されました。

/var/www/rails-projects

さきほど作成したイメージからコンテナを作成して起動します。

docker run -i -d -p 8080:3000 -v "${PWD}:/work" --name 'rails' motomichi/rails

コンテナ一覧を確認します。

docker ps -a

以下のように表示されました。

CONTAINER ID         IMAGE           COMMAND        CREATED          STATUS              PORTS               NAMES
16e3a93c10d4    motomichi/rails   "/bin/bash"      14 seconds ago    Up 13 seconds     0.0.0.0:8080->3000/tcp   rails

新しくRails projectを作成する場合

コンテナに入ります。

$ docker exec -it rails /bin/bash

コンテナ内でrails newします。

# cd /work
# rails new project_1

gem 'mini_racer', platforms: :rubyの下あたりに gem 'therubyracer', platforms: :ruby をGemfileに追記します。
ここはrailsのバージョンによって微妙に違います。

bundle installします。

# bundle install

railsします。

# rails s

コンテナを作成するときに、8080 => 3000 にしているので、
http://192.168.33.10:8080/ にアクセスするとrailsのスタートページが表示されるはず。

既にrails projectがある場合

何かGemfileとかあると思いますのでrails newせずにbundle installすると思います。

Windows 10 Homeでdocker入門 Hello Worldの次の段階をやってみる | Windows 10 Home + WSL + Ubuntu 16.04 でdocker その0002

docker

参考にさせて頂いたページ

今日の環境

  • Windows10 Home
  • WSL + Ubuntu 16.04

はじめに

2018年09月08日現在で、WSLではコンテナ内に入れなくて解決できないので諦めてvagrantのcentos7.3にdocker-ceをインストール試しています。

前提

以下の記事でWindows 10 Home + WSL + Ubuntu 16.04 でdockerのHello Worldまでやってみました。

ローカルにダウンロード済みのdocker image一覧を確認する

以下のコマンドで確認できます。

$ docker images

以下のように表示されました。

REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
hello-world         latest              2cb0d9787c4d        8 weeks ago         1.85 kB

コンテナ一覧を確認する(停止中のコンテナも含めて確認)

docker ps -a

コンテナがあれば、以下のような感じで一覧が表示されます。

CONTAINER ID        IMAGE               COMMAND             CREATED             STATUS                         PORTS               NAMES
01b4a46364c9        hello-world         "/hello"            41 minutes ago      Exited (0) 41 minutes ago                          kickass_austin
5304de8d9ebb        hello-world         "/hello"            About an hour ago   Exited (0) About an hour ago                       romantic_pasteur
0b51cc48a7a8        hello-world         "/hello"            About an hour ago   Exited (0) About an hour ago                       elastic_dijkstra

Dockerコンテナを削除する

以下のコマンドで削除できます。

docker rm <コンテナ名>

さきほど一覧を表示したうちの、NAMESがコンテナ名ですのでこの例では以下の通りです。

docker rm kickass_austin

もう一度一覧を確認すると削除されているはずです。

hello-worldのイメージを元に作成されたコンテナがあれば全て削除していきます。

docker imageを削除する

以下のコマンドで削除できます。
ただし、停止中のコンテナなどで使用されているイメージは「強制削除」を指定しないと削除できません。

# docker rmi <Dockerイメージ名> （今回でいえば「hello-world」）
または
# docker rmi <IMAGE ID> （今回でいえば「f2a91732366c」）

hello-worldのイメージはもういらないので削除します。

さきほど一覧を表示した、hello-worldを削除します。
今回の例では以下の通りです。

docker rmi hello-world

このとき停止中のコンテナでhello-worldイメージが使用されている場合は削除できず、以下のようなエラーが表示されます。

Error response from daemon: conflict: unable to remove repository reference "hello-world" (must force) - container 0b51cc48a7a8 is using its referenced image 2cb0d9787c4d

または

Error response from daemon: conflict: unable to delete 2cb0d9787c4d (must be forced) - image is being used by stopped container 5304de8d9ebb

Nginxイメージを使ってコンテナを起動し停止までやる

イメージをダウンロード

nginxのDockerイメージをダウンロードします。
ダウンロードが終わったらenterを押す必要があるかもしれません。

docker pull nginx

コンテナの作成と起動

ダウンロードしたnginxのイメージで、コンテナを作成し起動します。

docker run -d --name nginx-container -p 8181:80 nginx

以下のURLにブラウザでアクセスしてみます。

http://localhost:8181/

以下のようなnginxのページが確認できたら上手く動いています。

f:id:motomichi_works:20180908013520p:plain

コンテナの停止

まず以下のコマンドでコンテナの一覧を表示します。

docker ps -a

以下のようにコンテナの一覧が表示されました。Upの状態であることがわかります。

CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                  NAMES
1d2dcda1f2e0        nginx               "nginx -g 'daemon ..."   9 minutes ago       Up 9 minutes        0.0.0.0:8181->80/tcp   nginx-container

コンテナ名を指定して停止します。

docker stop nginx-container

dockerの基本的なコマンドは別途検索するとよさそうです。

コンテナを動かしたり、停止したり、コンテナやイメージが削除できるようになりました。

参考にさせて頂いたさくらのナレッジ第三回などを引き続きやってみるとより実践的な使い方を一通り経験できそうです。

今回はここまで。

Windows 10 Homeでdocker入門 Hello Worldまでやってみる | Windows 10 Home + WSL + Ubuntu 16.04 でdocker その0001

docker

参考にさせて頂いたページ

今日の環境

  • Windows10 Home
  • WSL + Ubuntu 16.04

はじめに

2018年09月08日現在で、WSLではコンテナ内に入れなくて解決できないので諦めてvagrantのcentos7.3にdocker-ceをインストール試しています。

ポイント

  • Windows10 Homeでもdockerが使えるようになりました。
  • 2018年09月07日現在ではUbuntu 16.04をインストールすると良いようです。
  • 2018年09月07日現在ではUbuntu 16.04を管理者として実行する必要があります。
  • 2018年09月07日現在ではこの記事の通りでしたが、なるべく新しい情報を探した方が良いです。

WSLの有効化とUbuntu 16.04のインストール

以下の記事を書きました。

今回は Ubuntuのバージョンは16.04をインストールすることに注意してください。

Ubuntu 16.04を管理者として実行する

Ubuntu 16.04を右クリックして、管理者として実行します。

f:id:motomichi_works:20180908003605p:plain

dockerをインストールして起動する

参考にさせて頂いているページの「Dockerのセットアップ」の項目そのままですが、以下のコマンドを実行しました。

$ sudo apt update
$ sudo apt upgrade -y
$ sudo apt install docker.io
$ sudo cgroupfs-mount
$ sudo usermod -aG docker $USER
$ sudo service docker start

一度Ubuntuを終了する

一度終了します。 これ重要みたいです。

$ exit

Ubuntu 16.04をもう一度管理者として実行する

Ubuntu 16.04を右クリックして、もう一度管理者として実行します。

dockerを起動する

以下のコマンドでdockerを起動します。

$ sudo cgroupfs-mount && sudo service docker start

dockerの状態を確認する

ここは sudo いりません。

以下のコマンドでdockerが起動状態か確認します。

$ service docker status

以下のように表示されたら上手くいっています。

* Docker is running

dockerでHello World

dockerが動くか確認します。

dockerのイメージをpullしてhello worldをやってみます。

ここも sudo いりません。

docker run hello-world

以下のように表示されたらうまく動いています。

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
 1. The Docker client contacted the Docker daemon.
 2. The Docker daemon pulled the "hello-world" image from the Docker Hub.
    (amd64)
 3. The Docker daemon created a new container from that image which runs the
    executable that produces the output you are currently reading.
 4. The Docker daemon streamed that output to the Docker client, which sent it
    to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
 $ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
 https://hub.docker.com/

For more examples and ideas, visit:
 https://docs.docker.com/engine/userguide/

dockerを使ってみる

次の記事でdockerの基本操作について書きました。

Windows 10 Homeでdocker入門 Hello Worldの次の段階をやってみる | Windows 10 Home + WSL + Ubuntu 16.04 でdocker その0002 - Motomichi Works Blog

WSL(Windows Subsystem for Linux)入門 その0001 導入 Getting Started

参考にさせて頂いたページ

今日の環境

  • Windows 10 Home (バージョン1803)

Windows 10 のバージョンについて

WSL(Windows Subsystem for Linux)を使うにはWindows10のバージョン「1709」以降が必要なようです。

このブログを書いている今日2018年09月07日の段階でそんなに古いバージョン使っている人もいないと思いますが。

WSL(Windows Subsystem for Linux)を有効化する

WSL(Windows Subsystem for Linux) は以降WSLと記述します。

デフォルト状態ではWSLは無効になっているので有効化します。

・スタートボタンをクリック ・歯車アイコンをクリック ・「アプリ」をクリック ・「プログラムと機能」をクリック(キャプチャ赤枠) f:id:motomichi_works:20180907211147p:plain

・「Windowsの機能の有効化または無効化」をクリック(キャプチャ赤枠) f:id:motomichi_works:20180907211103p:plain

・「Windows Subsystem for Linux」をチェックして「OK」をクリックするとインストールが開始されます。 f:id:motomichi_works:20180907211159p:plain

・インストールが終わったら再起動をします。

WSLのパッケージをストアからインストールする

Microsoft Storeのアプリケーションを起動して、「linux」を検索します。

以下のように表示されました。

いくつかのLinuxディストリビューションがありますが、Ubuntuをインストールしてみることにします。

f:id:motomichi_works:20180907212350p:plain

以下のようにUbuntuが追加されました。

f:id:motomichi_works:20180907212924p:plain

dockerを使いたい場合など用途によっては、2018年09月07日現在は「Ubuntu 16」などで検索して、Ubuntu 16.04の方をインストールする方が良いかもしれません。

Ubuntuを起動して初期設定をする

Ubuntuをスタートメニューから起動します。

ユーザー名とパスワードを決めます。

パスワード設定が完了して、以下のように表示されました。

f:id:motomichi_works:20180907213810p:plain

Ubuntuのバージョン確認

cat /etc/lsb-release

パッケージ管理ツールを更新する

以下の記事を参考にaptを更新します。

WSLのUbuntu環境で「apt」コマンドを使ってパッケージを更新／管理する：Tech TIPS - ＠IT

sudo apt update
sudo apt upgrade -y

Ubuntuを終了する

exit

dockerを使いたい場合の記事

dockerを使いたい場合の記事を書きました。

以下の記事では、Ubuntu 16.04を使います。