vagrant アーカイブ - ゴロ寝

laravel8開発環境セッティング(vagrant編)

gorori — Sat, 06 Nov 2021 03:19:48 +0000

仮想環境を使うと便利
1. vagrant編

仮想環境を使うと便利

laravel8がインストール出来ないという方向けに書いてみます。

まずは仮想環境を用意しましょう。
というのも筆者がxamp環境でインストールした事が無いのでやり方が分かりません^^;
仮想環境を使えばサクっと出来上がるので、まだやった事が無い人は挑戦してみましょう。

ちなみにwindows環境を想定しています。
ですが、macでも仮想環境の下地は一緒なのでほぼ同じ作業で出来るはずです

vagrant編

まずvagrantって何？という点ですが、vagrantはVirtualBoxなどを拡張して使う事になります。
VirtualBoxとは仮想環境を作る根本となるソフトです。

VirtualBoxを使えばwindowsの中にwindows、macの中にwindowsなどが出来ます。(bootcampで入れられるなどは一旦置いておいて)
その様な使い方も出来ますが、開発環境を構築するのに向いています。
VirtualBoxの中にlinux(大体がライセンスフリー)を入れて開発環境を構築出来ます。

VirtualBox単体だと下記の様な感じ。

勿論これにlinuxを入れて動かす事も出来ますが、OSのイメージを取得してきてインストールするのはめんどくさいですよね。

そこにvagrantというツールを合わせて使うとお手軽に仮想環境が出来ます。

まずは両方のソフトをインストールします。

Oracle VM VirtualBox - ダウンロード| Oracle Technology Network | オラクル | Oracle 日本

Download the latest version of Oracle VM VirtualBox.

Vagrant by HashiCorp

Vagrant enables users to create and configure lightweight, reproducible, and portable development environments.

最近はあまり無いとは思いますが、verによって上手くvagrantが動かない事があります。
その場合はverを下げてみたりしてトライしてみて下さい。

早速起動といきたいところですが、windows側でも設定する事が1つあります。
windowsのHyper-Vという機能を切ってあげます。
後述しますが、dockerの場合はHyper-Vが必要で、vagrantの場合はHyper-Vがいりません。
一緒に動かせれば一番有難いのですが、私の環境ではどちらか一方しか動かなかったのです。

Hyper-Vを切るには、パワーシェルを管理者として開くで開いて下さい。
デフォルトだと青い画面が開かれたと思います。
そこに下記をコピペして実行してあげてください。

bcdedit /set hypervisorlaunchtype off

これでハイパーVが切れました。

一旦再起動してください。

さてさて再起動が終わった所でいよいよvagrantの実行です。
Cドライブの直下に「project」フォルダを作って下さい。
正直フォルダ名は何でも大丈夫ですが、半角で英数字でないと上手く起動しないかもしれないです。

作ったフォルダの中に更に「test」というフォルダを作って下さい。
これはvagrantがフォルダ毎に仮想環境を切り替えられるので、プロジェクト毎にフォルダを作った方が利便性が高い為です。
testフォルダの中に入って右上のファイル→パワーシェル→管理者モードでまたパワーシェルを開いて下さい。

また青い画面の登場です。
その青い画面にvagrand initと入れて下さい。
すると、testフォルダの中にVagrantfileというファイルが作成されました。
開いてみましょう。

おーなんだか難しそうですね。
でも実は簡単です。
ほとんどがコメントアウトされている事にお気づきでしょう。
説明が書いてあって、この機能使いますか？という感じに書かれています。

ここで重要なのは4点です。

・何をベースに仮想環境を作るか
・tera-termなどで繋ぐ際のIP
・ソースコードをwindowsで操作できる様に仮想環境⇔windowsの共有フォルダ
・apacheやnginxなどでブラウザで見る時のポート

・DBを専用ソフトなどで見る際のポート(これは無くてもいい)
・使用するメモリ(これはデフォでコメントアウトされていないので残しておきましょう)

なので、いらない部分を削ると下記の様になります。(別に削らなくてもOK)

# -*- mode: ruby -*-
# vi: set ft=ruby :
Vagrant.configure("2") do |config|
  config.vm.box = "centos7"　#←ベースのOS
  config.vm.network "forwarded_port", guest: 80, host: 8080　#←apacheなどのポート
  config.vm.network "forwarded_port", guest: 5432, host: 5432　#←DBのポート
  config.vm.network "private_network", ip: "192.168.33.100"　#←tera-termなどで繋ぐ際のIP
  config.vm.synced_folder ".", "/vagrant", type:"virtualbox"　#←共有フォルダ
  config.vm.provider "virtualbox" do |vb|
    vb.memory = "2048"　#←メモリ
  end
end

上のままでも起動できると思いますが、ここでvagrantのイメージを見てみましょう。
今回はまっさらなcentosの7というOSをイメージとして使いましたが、vagrantのイメージは他にもたくさんあります。

HashiCorp Cloud Platform

linuxというのはwebサーバー向けのOSでwindowsの様にマウスを使ったり、ブラウザがあったりする物もあります。
いわゆるGUIがついている物です。
生粋のプログラマーの方だとwindowsやMacでなくlinuxを普段のPCとして使っている方もいます。
そしてMacもまたUnixというLinuxの兄弟の様なOSをアップルが拡張して作った物になります。
ただunixとlinuxが似ているのは確かでweb開発だと主にlinuxを使うので、そこで兄弟で相性のいいMacを使う方が多いです。

さて少し話がずれましたが、vagrantで使うイメージの話です。
実のところlaravelを使いたいだけなら既にイメージがあります。

これをベースのOSに指定してあげればlaravelはそのまま使えます。
ですが、あまり推奨しません。
自分が使っていないので、どんな物か分からないのと、構築する楽しみが味わえないなんて勿体ない！

あと自分で構築した物だと最低限自分で入れたソフトウェアの設定箇所などが分かるので便利です。

ここから先は若干難しいですが、1時間ほどで出来ると思います。

仮想環境の中に入ろう

OSを入れたての場合はまずOSを更新してあげましょう。
windowsやmacで言うところの機能の更新です。
linuxはサーバー用途で使う事が多いので、自動では機能の更新をしません。

その為、入れたてのlinuxはまず全体の更新をしてあげましょう。
ここからはcentos7を入れた物として書きます。
linuxにも種類がありますが、良くAWSのamazon linuxも同じコマンドで扱えるのでcentos(red hat系)で慣れておくと便利です。

まずはlinuxに接続する必要がありますね。
私はtera-termというソフトを使いますが、これもコンソール系のアプリが色々あるので好きなのを選択して下さい。
もしtera-termでいいよという方は下記からDLして下さい。

窓の杜

「Tera Term」定番のターミナルエミュレーター

Macの場合は、コンソールから出来ると思うのですいませんがググってみて下さい。
又、実はwindowsの場合も先ほどのパワーシェルの画面から仮想環境の中に入れます。
vagrant sshと入力すると仮想環境の中に入れます。

私はパワーシェルだとディレクトリが見にくいのと実際にAWSなどに接続する際もtera-termなどを使うのでコチラをオススメします。

先ほど設定したtera-termなどで繋ぐ際のIPを入れて下さい。
ポートは変更していないなら22でOKです。
次に進むとパスワードを聞かれます。
ここも何も設定していなければ、
ユーザー：vagrant
パスワード：vagrant
で入れます。

どうでしょうか、入れたでしょうか。
入れれば下記の画面の様になります。

おめでとうございます！これでもう好き勝手に遊んでいい仮想環境が手に入りました！
この中で何か不具合が起きてもwindowsやMacにも99%影響がないので安心して下さい(ファイルの容量は使いますけどねｗ)
さてまずは先ほど書いたOSのアップデートを行いましょう。
sudo yum update
と入力してエンターを押してあげて下さい。
途中で
Is this ok [y/d/N]:
と聞かれるので y と入力してエンターです。

何やら凄い量のファイルが表示されますね。
でも安心して下さい。
特殊な環境を除けばyum はファイルの互換性などを自動で調整してくれるので安心です。

補足：sudo とは管理者権限で実行するという意味です。
linuxはrootという管理者ユーザーが存在しますが、まずこのモードで操作する事はありません。
その代わりにsudoというコマンドを入れてあげると管理者権限で実行できます。
試しにyum update だけで実行してみましょう、多分実行出来なかったはずです。
このsudoもどのユーザーに割り当てたりなど設定は出来ますが、今は置いておきます。

まずはnginxを入れてみよう

まだ何やら文字列だらけで本当に動いているのか分からないですよね。
まずはnginxを入れてブラウザで仮想環境が動いている事を実感しましょう。

nginxとは何ぞやという話ですが、apacheと近しい物という認識でOKです。
nginxの方が大体の環境においてapacheより描写が早いのが特徴です。

sudo yum install nginx　でそのまま入るかもしれませんが、どうせなら最新の物を入れましょう。
最新の物を入れるにはリポジトリを追加します。
リポジトリとは何ぞやですが、yumコマンドで何かインストールする時はリポジトリを参照してインストールします。
なのでリポジトリに無い物や新しいバージョンの物を入れたい時にはリポジトリを追加してあげます。

ここでviを使います。
メモ帳みたいなもんです。
ただこのメモ帳はクセが凄いので慣れが必要です。
まずは
sudo vi /etc/yum.repos.d/nginx.repo
と入力しエンターを押してください。

何も書かれて無い画面が表示されましたね。
まずは　a を押して下さい。
左下の文字がinsertに変わりましたね。

これで文字を入力する準備が出来ました。

そこに下記をコピペして下さい。
windowsではコピペする時に「貼る」などを選択する必要がありますが、linuxでは右クリックするとコピペできます。

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1

コピペ出来たらEscキー、キーボードの一番左上のキーを押して下さい。
insertの文字が消えたらOKです。
その次に :wq
と入力して下さい。
これで保存出来ました。

viには :　の次に色んなコマンドを入れてファイルを操作する事が出来ます。
今回の場合は
w ←保存
q ←viを抜ける
です。

vimerの方にはそれちょっと違うよと突っ込まれてしまいそうですが、vi,vimにはあまり慣れていないのでお許し下さい。

さてこれで最新のnginxを入れる用意が出来ました。
sudo yum install nginx
を実行しましょう。

またザザっと文字が出てきてy n が出ていると思いますが、yです。
適当な翻訳：nginx入れるけどいいか？y(yes)n(no)どっちだ？です。

ちなみにそんなのyesだよという方は
sudo yum install -y nginx
と入れて下さい。
お察しの良い方はyesだよと最初から指定出来ます。

さて入れただけではまだ動いていません。
sudo systemctl start nginx
と入れてあげると動きます。
ついでに
sudo systemctl enable nginx
も入れておきましょう。

基本的にcentos7は
systemctl start
systemctl stop
systemctl restart
でソフトに命令を出せます。

systemctl enable　の方はwindowsでいうスタートアップみたいな物でcentosが起動したら一緒にそのソフトも起動させてくれます。

さて、これで仮想環境のnginx君は動いています。
http://localhost:8080/
又は、
http://192.168.33.100:8080
などをブラウザで開いてみて下さい。

おそらくnginxだよ！みたいな画面が出てくると思います。
私の場合は既に設定があってファイルパスを変えただけだと上手く最初の画面が開けなくて悲しい画面でした。

phpを入れてみよう

さてお次はPHPを入れてみましょう。
これも好みはありますが、どうせなら最新の物を入れましょう。
最新の物を入れるにはまず、リポジトリの追加ですね。
これは先ほどより簡単、です下記のコマンドを実行しましょう。
sudo yum -y install http://rpms.famillecollet.com/enterprise/remi-release-7.rpm

これで最新のPHPを入れる事が出来ます。

一応レポジトリが入っているか確認してみましょう。

[vagrant@localhost ~]$ ls -l /etc/yum.repos.d/
合計 116
-rw-r--r-- 1 root root 1664 7月 8 12:42 CentOS-Base.repo
-rw-r--r-- 1 root root 1309 11月 23 2020 CentOS-CR.repo
-rw-r--r-- 1 root root 649 11月 23 2020 CentOS-Debuginfo.repo
-rw-r--r-- 1 root root 630 11月 23 2020 CentOS-Media.repo
-rw-r--r-- 1 root root 1331 11月 23 2020 CentOS-Sources.repo
-rw-r--r-- 1 root root 8515 11月 23 2020 CentOS-Vault.repo
-rw-r--r-- 1 root root 314 11月 23 2020 CentOS-fasttrack.repo
-rw-r--r-- 1 root root 616 11月 23 2020 CentOS-x86_64-kernel.repo
-rw-r--r-- 1 root root 1457 9月 4 19:37 epel-testing.repo
-rw-r--r-- 1 root root 951 7月 8 12:47 epel.repo
-rw-r--r-- 1 root root 1358 9月 4 19:37 epel.repo.rpmnew
-rw-r--r-- 1 root root 99 11月 6 01:50 nginx.repo
-rw-r--r-- 1 root root 446 9月 2 11:35 remi-glpi91.repo
-rw-r--r-- 1 root root 446 9月 2 11:35 remi-glpi92.repo
-rw-r--r-- 1 root root 446 9月 2 11:35 remi-glpi93.repo
-rw-r--r-- 1 root root 446 9月 2 11:35 remi-glpi94.repo
-rw-r--r-- 1 root root 855 9月 2 11:35 remi-modular.repo
-rw-r--r-- 1 root root 456 9月 2 11:35 remi-php54.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php70.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php71.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php72.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php73.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php74.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php80.repo
-rw-r--r-- 1 root root 1314 9月 2 11:35 remi-php81.repo
-rw-r--r-- 1 root root 750 9月 2 11:35 remi-safe.repo
-rw-r--r-- 1 root root 2605 9月 2 11:35 remi.repo

PHPの8.1版まで入れられますね。
lalavel8はPHP7.3以上入れればいいので、安定版だと思われる74。最新の81どちらでも大丈夫です。
私はdockerでは8.1でvagarantでは7.4ですがとくに意味は無いです。
両方動きますし、本番環境と合わせてあげると良いです。

ではvagrantでは7.4なので7.4をインストールするコマンドです。

sudo yum -y install --enablerepo=remi,remi-php74 php php-mbstring php-xml php-xmlrpc php-gd php-pdo php-pecl-mcrypt php-mysqlnd php-pecl-mysql php-fpm php-zip php-pgsql

最新の物を入れたい方は、赤のラインの所をphp81にして下さい。

これが入れ終わったら、

sudo yum install --enablerepo=remi-php74 composer

も入れて下さい。(一緒に入れても問題ないかもですが)

このcomposerなる物でlaravelを入れます。
このcomposerですが、PHP版のyumみたいな物でlaravelに何か機能を追加する時に使うのと、laravel意外のFWを入れる時もPHPのこの機能が足りないよなどと教えてくれます。
結構嫌いな人も居るみたいですが、最終的にherokuなどにアプリをアップする時は必要になるのでとりあえず入れておきましょう。

PHPは入れ終わったので、実際に動いているか確かめましょう。
まずphp-fpmというプログラムを起動します。
これは先ほどと同じ様に、
sudo systemctl start php-fpm
ついでに
sudo systemctl enable php-fpm
としてあげます。

次に共有フォルダの中にdataというフォルダを作って、その中にindex.phpというファイルを作ります。
その中身に

※すいませんコードを書いたらエスケープが働いて表示されなかったので画像にしました
とだけ書いて保存して下さい。

次にnginxの設定です。
下記を開いて下さい。
sudo vi /etc/nginx/conf.d/default.conf

余計な記述もありますが、とりあえず下記をコピペして下さい。

server {
listen 80;
server_name localhost;
root /vagrant/data;
charset UTF-8;
access_log /var/log/nginx/www.example.com.access.log main;
error_log /var/log/nginx/www.example.com.error.log;location / {
index index.php index.html index.htm;
try_files $uri $uri/ /index.php?$query_string;
}error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}location ~ \.php$ {
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}}

保存して閉じて下さい。:wq

そうしたら、nginxを再起動します。
sudo systemctl restart nginx

どうでしょう、下記の様な感じに表示されたでしょうか？

表示されたらPHPちゃんは息をしております。

さて結構作業をしてお疲れかもしれませんが、laravelを入れる際にcomposerでメモリオーバーになるのでついでに設定しておきましょう。
下記のファイルを開きます。
sudo vi /etc/php.ini

そうしたら、　:/memory
と入力してみて下さい。

おそらくmemory_limitの所へ飛べると思うので、
aを押してインサートモードで　memory_limit = -1　として下さい。
出来たら:wqで閉じて下さい。

DBを入れよう

1時間で終わると書いておきながらもっと必要かもと思い始めましたｗ
適度に休憩しながらしましょう。

さぁお次はDBです。
普通ならmySQLといきたい所ですが、私がherokuにあげるつもりで作ったのでposgresSQLを使います。
mySQL編はまた今度追記するのでお許し下さい。

ただlaravelを使うと分かりますが、mySQLでもposgreでも全く問題ない事に気づくはずです。
今まで最新の物を入れていましたが、ここはyumで普通に入る物を使います。
事情は別の記事にあるので良かったら探してみてください。
posgreの最新の物にしたい方はリポジトリを追加して下さい。

ではサクっとインストールしちゃいます。
sudo yum install -y postgresql-server
sudo postgresql-setup initdb
sudo systemctl enable postgresql.service
sudo systemctl start postgresql.service

これでポスグレの起動はOKです。
次にポスグレユーザーのパスワードを変更します。
sudo passwd postgres
ここは好きなパスワードでOKですが、上はlinux上のポスグレユーザーのパスワードでDB上のpostgresユーザーもパスワードも変更します。
セキュリティ上よろしくは無いのですが、ごっちゃにならない様に同じパスワードにしておくのもありです。

su – postgres　と入力して先ほど設定したパスワードを入れて下さい。
ユーザーの切り替えが出来たら、おそらく
-bash-4.2$
のようになっていると思います。

まずDBを作成してしまいます。
createdb mydb;
mydbの部分はお好きに変えて下さい。

この画面のまま　psql　と入力するとポスグレの中に入れます。
中に入ってpostgresユーザーのパスワード変更を行います。
alter role postgres with password ‘postgres’;
”の中身がパスワードになります。

￥l←(小文字にして下さい)と入力すると作ったDBが見れます。

postgres=# \l
データベース一覧
名前 | 所有者 | エンコーディング | 照合順序 | Ctype(変換演算子) | アクセス権
-----------+----------+------------------+------------+-------------------+-----------------------
mydb | postgres | UTF8 | ja_JP.utf8 | ja_JP.utf8 |
postgres | postgres | UTF8 | ja_JP.utf8 | ja_JP.utf8 |
template0 | postgres | UTF8 | ja_JP.utf8 | ja_JP.utf8 | =c/postgres +
| | | | | postgres=CTc/postgres
template1 | postgres | UTF8 | ja_JP.utf8 | ja_JP.utf8 | =c/postgres +
| | | | | postgres=CTc/postgres
(4 行)

￥qでデータベースから抜けて更にpostgresユーザーからexitと入力して抜けて下さい。
sudo systemctl restart postgresql.service
をしておいて下さい。

いよいよlaravel

お待たせしました。
いよいよlaravelをインストールしましょう。
まずlinuxとwindowsの共有フォルダに移動します。

かなーり初期に書いたvagrantの初期設定だと
cd /vagrant/data/
で共有フォルダに移動出来ると思います。
data一応あった方がいいので、無い場合はwindows側で作ってリナックス上で上記のコマンドで移動できるようにしましょう。

おまんたせしました。
ではlarabelを入れましょう。
とは言ったものの１コマンドで作ってくれます。

composer create-project laravel/laravel example-app

testは好きに変えて下さい。

composerくんがぐんぐん色んなファイルを作成してくれます。
Application key set successfully.
が出たら、共有フォルダで作ったので、勿論ファイルが出来ています。

さぁ初期画面が見たいですよね。
nginxでlarabelを指定してあげましょう。
sudo vi /etc/nginx/conf.d/default.conf

server {
listen 80;
server_name localhost;
#ここは「sync」フォルダ以下にあるファイルを参照してほしいので、「sync」の同期先であるvar/wwwを指定。
root /vagrant/data/test/public;
charset UTF-8;
access_log /var/log/nginx/www.example.com.access.log main;
error_log /var/log/nginx/www.example.com.error.log;location / {
index index.php index.html index.htm;
try_files $uri $uri/ /index.php?$query_string;
}error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}location ~ \.php$ {
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}

}

さぁどうでしょうかちゃんと表示されてますでしょうか。

私は大丈夫でしたが、元々作った環境を見ながらこの記事を書いたので、何とも言えないのです。
もし出来ないよーなどがあればお知らせください。

ちなみにvagrantではnpmが上手く機能しないと思います。
すいません、ちょっと長くなりすぎたので、npmに関してはこちらの記事をご参照下さい。

laravelで苦労した点3

laravelをインストールすると大量のvenderファイルとnode_modulesがを入れる事になります。 venderファイルの方は問題ないのですが、node_modulesを入れるためのnpm installが多分動かないです。

投稿 laravel8開発環境セッティング(vagrant編) はゴロ寝に最初に表示されました。

開発環境構築の話

gorori — Wed, 27 Oct 2021 12:29:31 +0000

DBのデータって外に保存しない方が良い？
1. ちょっと脱線
  1. visual stadio code
  2. laravel

DBのデータって外に保存しない方が良い？

あくまで開発環境の話であって、個人開発の話では無いです。

開発環境を配る時ってDBにデータが投入されていた方が便利ですよね。
前の会社では結構な規模だったので、開発環境はAWSの開発環境用のDBに繋がる様に設定されていました。
前の会社が結構特殊で仮想環境などを使わずに一人1台？EC2を配るというなかなか豪快な環境だったので、かなりレアだと思うのですが、
基本的にDBにはデータが投入されていた方がいいと思うのです。

seedsなどでテストファイルをDB作成時に作るのもいいですが、そこのファイル容量は手間を考えればあった方が良さそう。
今、個人開発しているlaravelのアプリもデータ永続化の為にwindows上にデータを持たせていますが、DBのイメージをセーブすれば多分データは残るはず？

さすがに永続化のデータを配るならDBのイメージを共有した方がいいはず。
ん～でも開発環境と言えど、新規のデータ、新鮮なデータを共有した方が良さそうなのでDBだけでクラウド上で共有した方がいいかもですね。

ちょっと脱線

私は開発にブランクがあるので、開発に使うツール類の進化が凄いです。
それはエディターにも言える事だし、FWもめちゃ進化してます。
特にvisual stadio codeとlaravelにはびっくりしました。

visual stadio code

ATOMではプラグインだったcssの色表示も標準で搭載されているし、なんかもっとカスタマイズするともっと便利になるみたい。
コード自動実装機能は本当にあるし、マイクロソフトの本気ですね。
元々visual stadioは便利だったので、その技術をweb向けにカスタマイズした感じですね。

tailwindのプラグインとCSSセットを使うと何やらもっと凄いっぽいですが、まだ試してないですね。
bootstrap版とかもあるのでしょうか。

まだこのエディタの10%も使いこなせていないので、早く慣れない所です。

laravel

web職人の為のFWとどこかでみた気がしますが、私が触ってみた感想としては、web初心者向きのFWですね。
個人認証機能もガッチリした物がついていて、cssとかjavascriptもlaravel mixで構文をチェックしてくれる。
まぁガッチリ触ってないので、何ともですが、フォルダのジャンル分けが分かりやすい。

とりあえずMVCの置き場所だけ覚えればいいし、rootファイルも分かりやすい。
後地味に凄いのが
Route::resource
と書くと7?8種類のcludが自動生成される事です。

そのコントローラーも
php artisan make:controller コントローラー名 –resource
と書くと動きに合わせたコントローラーを自動生成してくれます(メソッドは定義してくれるけど、中身は空です)

良く使い方が分からず、無理やり作った部分もありますが・・・。

キレイに書くならresourceに合わせて書いて、力技でも実装出来るのがいい所ですね。
ただ、その分表示速度は犠牲になっているみたいです。
venderをオーバーライドしただけでモッサリしたので、何かチューニングが出来るのかな？
モッサリ部分を感じさせない工夫が必要かもしれないですね。
勿論いいサーバーを使えば早いでしょうが。

話は変わりますが、数年前にrailsを試した時はその便利さとチュートリアルのテストがかなり難しい。
正直機能と同等かそれ以上のテストを書いた気がします。

laravelは必要部分だけつまみ食いしたのでテストは書いてないんですよね。
書くとしてもDBの登録部分とかになるけど、やっぱり業務で使うとなるとテストは大事なのでそこは勉強しておきたいです。

正直PHPで新規でアプリを作るならlarabel一択だと思います。
一応cakeとかも触ってますが、断トツで分かりやすい。
といつつPHPはFWが豊富なのでまだ試していないのがたくさんあります。

PHPはアカデミックな言語ではないですが、HTMLに埋め込める部分が強いのかなと思います。
あまり良い使い方では無いですが、viewの中でPHPを実行したりと結構めちゃくちゃできます、他の人に怒られます・・・。

とりあえずまずは、PHPとreactかvueを素で書ける様に勉強します（実際は遊んでるだけなのですが・・・）
その次はせっかくmacもあるのでswiftを書けるようになりたいです。

以上、願望でした。

投稿開発環境構築の話はゴロ寝に最初に表示されました。

dockerの話2

gorori — Sun, 24 Oct 2021 10:16:16 +0000

目標

目標

・webサーバーを入れる
・共有フォルダのファイルをブラウザを通して見る

dockerに慣れている人なら簡単かと思いますが、初心者には何がなんだかなので目標はまず簡単な物にしておきます。

この2つがクリア出来れば後は好きな言語を入れてwebサーバーで動作させれるハズ？

今回は1つのコンテナにwebサーバーとかを入れちゃいます。
本当はコンテナ同士を繋いでやりたいですが、docker玄人の方は温かい目で見て下さい。

疑問

ドッカーデスクトップにコマンドラインとかは付属しているのか不明なのでコマンドプロンプトで操作しています。
特に支障は今のところ無いのですが、この方法で良いのか・・・。

webサーバーを入れよう

昨日作ったcentosのイメージはyum updateをしてsudoが既に入った状態の物です。
作りたてホヤホヤの物はこの辺りも入ってない様なのでwebサーバーを入れる前に入れてあげましょう。

いきなり問題発生

なんとレポジトリにnginxが無いとの事。
起動時にレポジトリをコピーさせる方法が書いてあったのですが、今回はコンテナ内でレポジトリのファイルを作りました。

Docker入門 CentOSとNginxでWebサーバー構築 - Qiita

目的 DockerでWebサーバを構築するコンテナOS: centos7 webサーバー: Nginx Docker コンテナ型の仮想環境構築プラットフォーム VirtualBoxなど仮想マシンに比べて軽量で高速 Dockerfileによるコード共有で同一環境の...

レポジトリを作ってあげるとインスコ出来ました。
多分vagrantのcentos7のイメージは最初からある程度カスタムされた物を使っていたのかな？
とりあえずnginxを入れてあげる事が出来ました。

またも問題発生。

Failed to get D-Bus connection: Operation not permitted

どうもドッカーを動かす時にオプションを設定して動かさないとダメな様です。

ちょっと検索したみた所、なるほど分からん・・・。
とりあえず色々記事を見てみたところ、毎回コマンドで上記のエラーを出さない為に起動させるにはオプションをつけて起動させる必要があるみたいです。
そのオプションをdocker-composeというフォイルを作っておけばこのファイルを見て起動してね。って事が出来る様なのでdocker-composeファイルを作って起動させてみたいと思います。

とりあえずDBなどのコンテナを使っていない記述を見つけたので、それを少しづつ変えながら動作させる作戦にします。

Docker初級編・インストールからcompose.yamlを使用した複数起動 - Qiita

初めに今回はDockerの初級編ということで｢Docker｣のインストールとコンテナの起動方法及び複数のコンテナを一気に起動させるためにの導入から使用までをやってみます。起動させるコンテナはそれぞれ別のページを表示させるWEBサーバに...

上の記事から単独で動きそうな物を探してきました。//が記事を書いた人のコメントです。

version: ‘3’　←検索してたらファイルのverではなく記述方法のバージョンみたいです
services:
web1: // コンテナの指定
build: “/doc-file/web”　　// Dockerfileのパスを指定　←分からない、イメージとは違うの？
container_name: “web-01″　//　起動させるコンテナの名前を指定　←多分起動自体には関係ない
image: centweb-01　　　　　//　使用するイメージファイル名　←想像通りならimageの名前を書いてあげれば良さそう
privileged: true　　　　　 //　サービス関連のコマンドを扱うときは必須　←分かる
command: /sbin/init //　サービス関連のコマンドを扱うときは必須　←分かる
tty: true // これがないと起動してもすぐにダウンする　←分からないけど、必要ってあるし書いておこう
ports:　　　　　　　　　　　//　使用するポートの指定　←分かる
– 8080:80　　　　　　　　　//　（Dockerホストのポート）：（コンテナ内部のポート）

という訳でbuild以外は何を指定すればいいのか大体わかったので、buildを変えてあげる必要がありそうです。
とりあえず上の記述でimageを自分で作った物にしたらやっぱりbuildのパスが無いよと言われました。

モニョモニュやった結果。

version: ‘3’

services:
web1:
build: “/web”
container_name: “laravel”　←起動、停止、起動しましたがどうやら同じ物？が動いている様子
image: centos:gahoh　←中でhistoryを見るとsudoをインストールした所まで戻っていました。
privileged: true
command: /sbin/init
tty: true
ports:
– 8080:80

疑問
・buildって一体何だ？
とりあえずcomposeファイルと同じフォルダに[web]というフォルダを作ってあげると何も言われなくなりました。
・container_name
この名前でコンテナが作られる事と停止させても同じコンテナを参照しているっぽい。
・image
昨日元々のイメージにセーブ？した物を指定できる。

イメージとコンテナの区別が出来てません。
先ほどnginxを入れた、コンテナを起動させる事が出来れば一番理解しやすかったのですが、そういう物じゃないらしい。

一応またnginxを入れた後、停止させて起動させたらnginxは入っていたので、安心しましたがしっくりこない。

共有フォルダの設定

何はともあれcomposeファイルから起動させる事が出来たので、このファイルをいじれば共有フォルダなども設定出来そうです。
そういえばターミナルをパワーシェルのターミナルでやっています。

git bashが良いらしいのですが、私の設定が悪いのかdockerの中の現在位置が表示されないのでパワーシェルで操作しております。
git bashが上手く設定出来てないだけかもしれないです。

共有フォルダの設定は、
C:\project\docker\data:/home/data
の様にホスト側を絶対パスで指定あげれば上手く動きました。

相対パスでもエラーは出なかったのですが、上手く共有出来なかったので絶対パスで指定してあげるのが確実な様です。

長くなったので、今回はこの辺で。

ちなみに私はwidnows homeなのですが、vagrantと一緒に使えたら一番良かったのですが、Hyper-Vのアリ無しでどちらかが使えなくなるので、共存は難しそうです。
proだとどうなるか分かりませんが、無難に両方同時に使いたいならMacがいいみたいです。

投稿 dockerの話2 はゴロ寝に最初に表示されました。

Laravelが動く環境を整える2

gorori — Thu, 08 Jul 2021 13:29:08 +0000

Laravelが動く環境を整える

gorori — Thu, 08 Jul 2021 09:12:34 +0000

毎日少しづつ
1. ローカル環境を作ろう

毎日少しづつ

何かと新しい事を始めるのはめんどうですね。
とは言ったものの始めないと勉強するもなにも無いので、少しづつ全身していこうかと思います。

最終的にLaravelで作ったアプリをherokuで公開するのが目的ですが、まずはローカル環境を作らねば。

クラウド・アプリケーション・プラットフォーム | Heroku

Heroku は、アプリケーションの開発から実行、運用までのすべてをクラウドで完結できる PaaS（サービスとしてのプラットフォーム）です。

もう最初に泣き言をいいますが、このローカル環境を作るのが大変なんですよね。
ちょっと前までcloud9？とかいうサービスでかなりサクっと作れたのですが、amazonに吸収されてから使い勝手が悪くなったので使ってないです。
ローカル環境構築はVagrantを使います。

今時Vagrant使うとかださーい。

Dockerにしなよ～。

いいのです、Vagrantに慣れているのだから。
とは言ってもDockerも出てから大分時期が経っているので、そろそろ使いこなせないといけないかもです・・・。
こちとらgitすら危ういのに。

そういえばherokuで公開するならDBをPostgreSQLにしないとダメですね。
PostgreSQLはMySQLより機能的には勝っていると思うのですが、使い方がちょっと難しいですね。
wordpressもMySQLを前提に作られています。
wordpressを無理やりPostgreSQLで作った事もあるのですが、とても使えたもんじゃありませんでした。
Laravelでは普通に使える事を願います。

ローカル環境を作ろう

まずは、vagrantの最新verを取ってきます。
特に最新じゃなくてもいい気がするのですが、たまにしか使わないので、前回使用したのが約1年前なので最新のにします。

Vagrant by HashiCorp

Vagrant enables users to create and configure lightweight, reproducible, and portable development environments.

から最新物を落としてインストールします。
古いverが入っていたので、結構インストールに時間がかかりました。
ついでにVirtualBoxも最新の物にします。
これは何に使うかというとvagrant自体がただの仮想空間簡単に作れるソフトで、実際にはVirtualBoxを起動させて仮想PCを作るので必要になります。
※特にVirtualBoxじゃないとダメな理由は無いです。

Oracle VM VirtualBox - ダウンロード| Oracle Technology Network | オラクル | Oracle 日本

Download the latest version of Oracle VM VirtualBox.

これも最新のをDL。
インストール時に色々出てきますが、全部飛ばしてOK(多分)
ちなみに両方とも再起動の指示が出ました。
インストールする方はご注意下さい。

これで仮想PCを作る用意が出来ました。
次に主にlinuxですが、核となるOSを下記の様なサイトでゲットします。

A list of base boxes for Vagrant - Vagrantbox.es

ずら～っと出てきますが、centOSの何かでいいでしょう。
ubuntu系は良く分からないので・・・。
centosも古すぎるとPHPやらDBやらのパッケージが古すぎて最新のを入れないとダメなので逆に面倒です。
といっても多分リポジトリを追加しないとPHPとPostgreSQLは最新版が入らないと思いますが。

次に上のサイトで手に入れたOSのイメージをvagrantに登録します。
なんかcentos7って前に入れた事があるようなないような・・・。

とりあえず下のコマンドをコマンドプロンプトか、パワーシェルを管理者権限で実行してあげます。
vagrant box add centos7 <上のサイトでコピーしたBOXのURL>

後は適当にフォルダを作ってそのフォルダでコマンドプロンプトか、パワーシェルを管理者権限で
vagrant init　centos7
してあげます。(うる覚え)

そうしたら、フォルダに設定ファイルが出来ています。

ファイルの中身はずらずら～っと設定が書いてあります。
正直何回かvagrantを使っているのであれば、最近使った設定ファイルを少し書き換えて使った方が楽かもしれません。

この設定ファイルを元にvagrantが新しい仮想PCを作ってくれます。
なんかもっと細かい設定を書いたら色々と楽だった気がするんですが、前の会社が仮想PCでなくEC2を個人ごとに作るというなかなか大胆な会社だったので、忘れました。
確かにEC2であればコピーとか楽なので環境を用意する側としてはいいですよね。

設定ファイルを書き換えてあげたら
vagrant up
してあげれば問題無ければ立ち上がります。

順調にいくかと思っていたんですが、何か怪しげなメッセージが

==> default: Importing base box 'centos7'... ==> default: Matching MAC address for NAT networking... ==> default: [vagrant-hostsupdater] Checking for host entries ==> default: Setting the name of the VM: Laravel_default_1625732147196_99836 ==> default: Clearing any previously set forwarded ports... ==> default: Clearing any previously set network interfaces... ==> default: Preparing network interfaces based on configuration... default: Adapter 1: nat default: Adapter 2: hostonly ==> default: Forwarding ports... default: 80 (guest) => 8080 (host) (adapter 1) default: 22 (guest) => 2222 (host) (adapter 1) ==> default: Running 'pre-boot' VM customizations... ==> default: Booting VM... There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is shown below.

何かVirtualBoxが原因っぽいですね、結構vagrantとVirtualBoxはverによって上手くいかない事があります。
ググって見たら先人たちのご意見が。
このエラーの意図するところ
とりあえず、このメッセージでググってみる。

先人たちは偉大です、結局私は下記のエラーのせいで立ち上がらなかった様です。

Windows10の大型アップデート　May 2019 Update (build 1903)を実行するとHyper-Vが有効になってました。Hyper-Vを無効にすると元通り、治ります。

Windows 10 May 2019 Update (build 1903)を実行したら Vagrant環境が立ち上がらない - Qiita

Windows 10 May 2019 Update (build 1903)を実行したらVagrantが立ち上がらなくなってしまった。#超概要Windows10の大型アップデート　May 2…

何だと！？まぁとりあえずやってみるか、ポチポチ

vagrant up

立ち上がった！
とりあえず中に入ってみましょう。
入れました。

良かった、良かった。
とりあえず、立ち上がったので、ちょっと休憩ですｗ

https://amzn.to/2TKtLuw

投稿 Laravelが動く環境を整えるはゴロ寝に最初に表示されました。