制作環境の紹介とキーボード（Microsoft Natural Keyboard Elite）が可愛いという話 2022/07/16 Mie WordPress Meetup

1. 2022/07/16 Mie WordPress Meetup
制作環境の紹介

2. もやし工房
石黒 光茂
@koike_moyashi
mitsushige.ishiguro
もやし工房

3. 仕事環境

4. 机周り
27” 4K→チャットとカレンダー
23” FHD→こっちをメインに
4Kは目がショボショボした

5. 机周り
大きい机は冬場寒い

6. 緑豊かな環境です
田んぼは綺麗

7. 自慢したい品

8. 自慢したい品
キーボード！

9. Microsoft Natural Keyboard Elite
25年間ずっと使ってる

10. 黄色キーボードを驚きの白さに戻す（らしい）
調子悪くなるのが怖くて試せていない

11. １年探して予備を買ったが...（５年前）
壊れないので、予備の出番がない
最新機種も悪くは無いが、打ち心地が違う
Microsoft Ergonomic Keyboard（現行機種）

12. ソウルメイト！
元値は安いが プレミアム価格 ＆ 熱いレビュー
ファン（年寄）も多い

13. 開発環境（インフラ面を中心に）

14. 開発/制作用のWordPress環境
1. XAMPP / MAMP
2. Vagrant
3. Local (Flywheel)
4. 外部レンタルサーバ
5. 独自サーバ / docker等
6. その他（WSL等）

15. 開発/制作用のWordPress環境
XAMPP/MAMP
○ 情報も多く、手軽に作れる。
✕ Windowsで何やらサービスが動いているのが嫌
✕ 複数のお客さんの環境を気軽に変えられない
（PHPのバージョン等）
✕ 複数の案件があるとフォルダや設定が面倒
✕ WordPressを動く状態するまではやや面倒

16. 開発/制作用のWordPress環境
(Linuxの仮想環境を良い感じに複数起動するもの)
○ 案件によって環境を変えられる。perlを入れるとか、php古いとか
○ Linuxのコマンドが使える
○ Windows環境を汚さない
✕ 起動までが遅い（２分程度）
✕ ファイル・メモリ容量食う
✕ Linuxの知識がやや必要
✕ Windowsの電源プチ→壊れるとかが怖い
Vagrant

17. 開発/制作用のWordPress環境
◎ 複数のWordPress環境を簡単に作れて、切り替えできる
○ 環境ごとにPHP、データベース、
Webサーバのバージョンを切り替えられる
○ 起動早い
○ メールが外に出ていかない仕組みが入ってる
✕ 基本はWordPressの環境しか作れない
Local

18. 開発/制作用のWordPress環境
○ 複数のWordPress環境を簡単に作れて、切り替えできる（サブドメイン）
○ 環境ごとにPHPのバージョンを切り替えられる（サポートしてる範囲で）
◎ お客さんに確認してもらいやすい。スマホでの実機確認も簡単。
✕ SSHでつなぎに行って開発（やや面倒）
✕ 気軽に止められない（メンテにしておくくらい）
✕ 公開しっぱなしなのでWordPressのセキュリティアップデートがちゃんと必要
✕ メールが外に出ていく
外部レンタルサーバ

19. 開発/制作用のWordPress環境
○ 案件ごとに新しい環境を建てられる
○ WordPress以外の環境もそれなりに楽にたてられる
○ 動いてる案件の環境は起動しっぱなしになってるので、さっと開発できる
○ 手元PCに依存しない。外から(VPN)でも、違うPCからでも大丈夫
○ お客さんにもそのまま見せられる（外部から直接入ってもらえる）
○ 内部からのメールも一箇所に集まるようにして外には出ないように
✕ 最初の構築はやや面倒（Linuxの知識が必要）
✕ サーバのメンテ、夏場 暑いのは怖い
小型のサーバ （ずっと起動しっぱなし）

20. 開発/制作用のWordPress環境
1. XAMPP / MAMP
2. Vagrant
3. Local (Flywheel)
4. 外部レンタルサーバ
5. 独自サーバ / docker等
6. その他（WSL等）
←

21. 開発用のサーバ
↑ NASを冷やす用のサーキュレーター
Intel NUC10i5FNH
Mem 64GB、SSD 1TB
省電力＆静か＆小さくて使いやすい
24時間起動しっぱなし
３年保証が嬉しい
↑UPS（重い）
VMware ESXi
Linux Win11
Docker
環境1
環境2
環境3
環境4
環境...
検証用

22. 運用方法
デプロイ（お客様のサーバにファイルを入れる）
git（ファイル）、SQLdump（DB）
確認してもらう
ルーターのポートをいい感じにして、直接ここに入ってもらう
コンテンツを作る・編集する
VSCode
環境を作る
案件ごとに上記の環境（dockerコンテナ）を作る

23. 運用方法（環境を作る）
portainer.io / https://www.portainer.io/
dockerコンテナをWebでポチポチあれこれできるツール or docker-compose.yml

24. 運用方法（コンテンツを作る・編集する）
Microsoft Visual Studio Code
Project Manager （プロジェクトを 一覧からポチポチ変える拡張）もうちょっと良いのがあれば知りたい

25. 運用方法（確認してもらう）

26. 運用方法（デプロイ）
開発環境
git
git
push
pull
レンタルサーバなど
webhook
pull
git
初回だけ
Search Replace DB
or
wp-cli(search-replace)
Search Replace DB
https://github.com/interconnectit/Search-Replace-DB

27. バックアップ取ってますか？
バックアップすごく大事！

28. バックアップ取ってますか？
内容 バックアップ場所
コード Bitbucket、NAS
書類関連 Dropbox、Evernote（一部）、NAS
PC・サーバ 定期的にイメージを取る
NAS 毎日 他のHDDにバックアップ
※基本「手動でバックアップを取る」は、忘れる/やらなくなるので行わない

29. まとめ
バックアップすごく大事！
インフラ関係の仕事あったら
よろしくお願いします！