参考にさせて頂いたページのinit_docker.shを実行するとHelloWorldができました。
init_docker.shの内容は以下の通り。
sudo apt-get update sudo apt-get install \ apt-transport-https \ ca-certificates \ curl \ software-properties-common curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" sudo apt update sudo apt install -y docker-ce sudo docker run --rm hello-world
ターミナルで以下のコマンドを実行します。
$ sudo apt-get update $ sudo apt-get install pinta
左下の「アプリケーションを表示する」をクリックします。
下部のすべてをクリックします。
右の円をクリックしてページを切り替えます。
今回はターミナルを例とします。
「端末」をクリックするとターミナルが起動します。
Windows7のサポートが切れて放置していた端末がありました。
端末が故障しているわけではないので、OSをインストールしなおしました。
Ubuntuは、Linuxディストリビューションのひとつですが、以下のキャプチャのようにウィンドウでフォルダを開いたり、マウスで操作できて使いやすいです。
USBメモリでもできるそうですが、以下を使用しました。
isoのダウンロードとディスクイメージの書込みはWindows10で行っています。
「Ubuntu ダウンロード」などで検索すると公式サイトが見つかると思います。
isoファイルはおよそ1.8GBありました。
ダウンロードには時間がかかると思いますのでのんびり待ちます。
「ubuntu-ja-18.04.1-desktop-amd64.iso」をダウンロードしました。
isoファイルを右クリックして「ディスクイメージの書込み」をクリックします。
biosを起動して、Bootの設定を変更します。
通常はハードディスクにインストールされているWindowsを最初に実行するようになっていますが、DVDドライブを最初に読み込ませたいので変更します。
bios起動方法はメーカーによって違うかもしれませんが、私はF2を押したまま電源を入れたらbios起動できました。
画面の構成もメーカーによって違うと思いますが、Bootタブを選択して、プライオリティを変更したり、EnabledとかDisabledとかドライブ毎に設定して、設定を保存します。
Bootタブを選択
設定を変更したら「Save & Exit」してbiosを終了します。
「Ubuntuを試す」「Ubuntuをインストール」という選択肢が表示されます。
インストールせずにDVDからそのままUbuntuを起動して試すこともできるようですが、「Ubuntuをインストール」を選択して先に進みます。
wifiの設定や、その他設定のダイアログが表示されるので、ラジオボタンを選択したりしてそのまま進めていきます。
初期設定はとてもかんたんなので心配無用です。
さきほど選択、入力した項目をもとに設定が行われるのを慌てずしばらく待ちます。
待っていると、以下のようなUbuntuの説明が表示されたりします。
右上にシステムメニュー、左下にアプリケーションボタンがあるのがわかります。
「Canonical Livepatch Service」とは、カーネルを再起動することなく、深刻な脆弱性などに対する修正を適用するサービスです。
アプリケーションの紹介です。
もう少し待つとソフトウェアアップデートを促されるのでインストールします。
キーボード選択のプルダウンが表示されますが、ノートPCでよくわからないのでそのまま「Generic 105-key PC (Intl.)」を選択しました。
Ubuntuの初期設定が完了すると再起動を促されます。
再起動は画面右上のシステムメニューからできます。
再起動し、再びF2をおしっぱなしにして、bios画面を開きます。
今度はハードディスクにインストールしたUbuntuを最初に読み込ませたいので変更します。
最初、もう使えるかと思ってけっこう慌ててFirefoxを起動してしまい、「半角/全角」キーを押しても日本語入力ができなくて困ったりしましたが、設定が完了して落ち着くのを待てばよかっただけのようです。
「Prt Scr」キーを押すとスクリーンショットがとれます。
マウスを右クリックして、「新しいフォルダを作成」してフォルダを開くと「ピクチャ」ディレクトリへのリンクなどもあり、「ピクチャ」ディレクトリにスクリーンショットが保存されています。
慣れないOSで使いにくいと思ったのも束の間、少し慣れてきました。
ついでに以下の記事も書きました。
とりあえずは読むだけでコマンドは実行しません。
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を使ってみることにします。
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
まず移動します。
cd vue-test-utils-jest-example
git cloneするとpackage.jsonも含まれているので、一度node_modulesをインストールします。
npm install
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が出力されたことがわかります。
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が実行されたことがわかります。
とりあえず簡易的にテストを実行するだけしてみました。
package-jsonを見れば、既存のプロジェクトに導入するのに必要なパッケージもわかりますし、srcとtestの内容を読めば使い方もわかりそうです。
次は軽くsrcとtestのディレクトリ内にあるファイルを読んでみようと思います。
以下の公式ドキュメントにガイドがありますので、基本的な使い方は学習がしやすそうです。
WSLでdocker試したけど上手くいかなかったので、vagrantにdockerをインストールしてrailsの環境構築までしてみました。
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
以下のページを参考にさせていただきました。
CentOS7にDockerをインストールする - Qiita
vagrantの環境自体にはapacheなどのアプリケーションは入れていません。
yum -y update yum -y vim
してから、あとは参考ページにならってリポジトリの追加と、docker-ceの最新バージョンをインストールしました。
docker pull centos:7
移動します。
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';の方が良いかもしれない。
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
コンテナに入ります。
$ 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のスタートページが表示されるはず。
何かGemfileとかあると思いますのでrails newせずにbundle installすると思います。
