PHP 初心者が WordPress の プラグイン 作成 ！ part06
この記事では PHP 初心者 が WordPress プラグイン を 作成 します。 part06 では開発するための土台であるVisual Studio Code とDocker Desktop For Windows をインストールします。
開発するための土台
前回まででなんとなく方針は見えたので続いて開発環境を整えたいと思います。
どんな開発環境にしようかといろいろ迷いましたが(私の中で)ブームが来ているDockerとVisual Studio Codeを使った開発環境にしようと思います！
こちらの記事を参考にさせていただきました。
【連載】春の新入社員におくるPHP超入門 ～ その1：環境構築 – Visual Studio Code × Docker
Dockerのインストール
実は私の環境にはすでにDocker(Docker Desktop for Windows)がインストールされています。
いろんなアプリケーションを試すには便利すぎて手放せない！一品です。
残念ならがインストール手順をメモを取り忘れました😥
公式サイトに手順が書いてあるので参考にインストールしてみてください。
Windows に Docker Desktop をインストール
また、以下の記事もわかりやすくてよいですよ。
【入門】はじめての Docker Desktop for Windows のインストールと CentOS の仮想環境構築のセットアップ
以前はWindows 10 Homeの環境にはインストールできませんでしたが最近では可能となっているようです。
Windows 10 Homeの方はこちらを参考にされてはいかがでしょうか。
Windows 10 HomeへのDocker Desktop (ver 3.0.0) インストールが何事もなく簡単にできるようになっていた (2020.12時点)
Visual Studio Code のインストール
次にVisual Studio Codeをインストールしていきます。
インストーラを公式サイトから取得します。
私はWindows全ユーザにインストールではなく、自身のアカウントにのみインストールしたかったのでUser Installerを選択しました。
スクリーンショットを取り忘れたのですが、ダウンロードする際「安全ではないので中断している」という旨のメッセージがでました。
公式サイトが配布しているインストーラーだから信じて大丈夫なはず！ダウンロードを続行しました。
ダウンロードが完了したらインストーラをダブルクリックします。
使用許諾に同意して次へボタンをクリック。
インストール先がデフォルトでログインユーザのAppDataフォルダ配下になっていますね。
次へボタンをクリック。
スタートメニューフォルダーにショートカットを作成することにしました。
こちらは任意でよいと思います。
次へボタンをクリック。
オプション設定はデフォルトの「PATHに追加」に追加で
- デスクトップにショートカット
- ファイル、フォルダを右クリックした際にVisual Studio Codeで開くメニューを追加
にチェックを入れました。
次へボタンをクリック。
確認画面でインストール内容を確認後、インストールボタンをクリック。
しばらく待っていると・・・。
完了しました！
完了ボタンをクリックしました。
Visual Studio Code 初起動
初めての起動です！
うわ・・・英語だ・・・しかも何やらextensionを推奨されています。
とりあえず「Install」を選びextensionをインストールしておきました。
Read Moreのメッセージは×で閉じておきました。
い、一応完了ですね😅
まとめ
DockerとVisual Studio Codeをインストールしました。
Visual Studio Codeは英語なのでなんとかしたいところです。
ひとまず土台部分はよいでしょう！
今日はここまで！