![eyecatch](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglEDo3hinbxiQWYu-CaR8EZzB8K4wY5Ynx2x8x6yven2CdICNSAsuO87emY0Ejrd85S1uRgQupKexWn97CCj5_dawuyy6GA_F4PrtEQ_H50lVdgGgpz9PVpYc53UZtme4AbMx9eqAaIHDGJBvf1gxzdvDId2W_joGkZECYgJtUcDQRR8r7pRIuxnWB/s1600-rw/1_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.44.32.png)
自分のWebサイトでは、Wordpressは使わないのですが、コレで作ってくれと行ってくる会社さんが結構多いんですよね。
これまでDockerでローカル開発環境を構築してきたんですが、もっと効率的に自分の使っているパソコン内にWordpressの開発環境を構築できる「
Localwp」というアプリを知ったので、このアプリ紹介をしておきたいと思います。
ちなみに、すでにこのアプリ紹介は色々なページでされているんですが、自分もブロガーの端くれとして、作業備忘録アーカイブとして残しておきます。
Localwpとは?
世の中的には、「Local by FlyWheel」と言う風に呼ばれているんですが、公式サイトには、どこにもその記述がないんですよ。
もしかして、アップデートに伴って名称変更されたのかな?(2022年12月末時点)
そのため「Local by FlyWheel」と検索しても、インストール手順が書かれたブログ記事しか検索結果に出ないので、ググる場合は「Localwp」で検索しましょう。
とりあえず、リンク貼っておきます。
公式サイト
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7SwtavAkru972iJ7_cbD6wrqGIR_4zG11SxvTPLPYSgnbx6MsbUs4z6G6HVyonhxiGyMWEwOyPtdpyjWkkNkNljhi3xy3R7YO4NzqTGNN8iTuRJOVci7Zs8boJnCnC59VSNztdumsSOD8iAD2lpUl2VhJTEFciIFG1LCBfd5V1M0ksNuunXm3FCxp/s1600-rw/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-17%207.16.58.png)
このアプリは、windowやmac(linuxもあるよ)にインストールして、そのローカル環境に、LAMP環境を構築してくれます。
LAMPとは?
Linux , Apache , Mysql , PHP
webサイトを作る時のこれら4種の神器の事
Dockerを使って構築する場合は、これらを手動で構築して、ポート番号を使ってアクセスしていましたが、Localwpでは、「サイト名.local」というローカルドメインで対応してくれるというめちゃくちゃ便利な方式で構築してくれるので(それもボタン一発で)、もはやこのツールが最速環境構築と言ってもいいでしょう。
ダウンロード
公式サイト
画面右上の「Downloadボタン」をクリック
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3VvVI9AUWucvsFKpEYu_pfmaLEfCnbfRqqtJIR8OAAlwtU2W2sOpsrfwPkY7tLBGTOAxU7gYC7HrgfDJvJcgPPpil6YjldB4nAmYR0DFIGS6fe_SgIsokNMKwHdndA685Rb8ewMcb9ze4sQaWErQqueYdPsaUvXIAwQ4zmOdYJe3UW198hE9imp16/s1600-rw/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.44.32.png)
モーダルウィンドウが現れるので、自分のプラットフォームを選択
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8zPNde2edrItpCckFfMsNDeTplgodlaJj9AJ2cD0Je99ANojU31IujYGAGeSWwsBKUpbavBfXmmbeD0vd8EDO-uVEZwia-XlhflupzQvsaB-Tnw6Cyw5wtJfU7CHfysp2nSPsbIPymuxg7MeupFGKZzeyE3w-VSXjGdn1ORPGBp-XoPU9aIHhOO_7/s1600-rw/2-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-17%207.22.41.png)
必要項目を入力して、「GET IT NOW!」
※メールアドレスを入力するだけでもOK。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYpOskXv_8RM-lTTXUDKwMtvCQyvKkXwXkIgmlos276vOzFY5VLZxkpQdIEZ6__yi12PlyL-G8EXilfYIEhTeCPfQEsXUq9zov1Cvz3JefkUnHusSy_bkr1U9W5FKoLwXAm9tEUXhP7S5v9Ks6994fgDRApHm6EhcpgYVwL_MKhKxn0g3N2WCSIfMg/s1600-rw/3-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-17%207.35.54.png)
これで、ダウンロード開始されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia37lfkYzwSv_DdMuQqHqHler86L7OxTlKOzbe4rhScPjSomPeJFLUAIVBy6kIyAy2-jAQRCGoIqBPkpJyshRL0BUwqbf1VAvOvxZBlJQs6gA13DX4ZU41D_ycTuhFA0c_CdBsRY6y3gJDCsJsF6QDo_MSrqk6ItHF_QEssZ1LJrtGe0zvSRNcmHEz/s1600-rw/4-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-17%207.38.28.png)
それぞれの環境でダウンロードされたファイルを実行して、インストールしてください。
使い方
インストールしたLocalwpを起動すると、次の画面が現れます。
※最初だけ
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_SxLlnvElX0-WzQbHgDtS862oJsOxGjn8Jmhg9wkOkFe_iPqAVoWQ0isqkmeAq9Loq9_ogSW1_kNbyfKTgZTE19RLjRUVbiG_TN9ou6iYMBUmHJHRlV6uRqqa9AlLaMsZUfX8RTP4Pj6r4eZ2e1PTOb0tXxGdVM4nlGukf0vVjk5GDtzZjPk8hn4/s1600-rw/5-i_agree.webp)
チェック入れて、「AGREE」してください。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZcrr9q38qpKh9AzlA8uIKuA2JQuLwgfttXZG2ceFg12j7NJhj2wmpGbAAwgkJ2CPwUMfp-RCHrly0HilwGkk0ZjNKnNDJcU4uK7I3DemtEyoDZvVxloOfBnncaxoDzJ7oiS6BIUHUFYeIPWoR3vTmFmqdBsiu-oBmL1gDC1RCosPYwsE7ipDAasCs/s1600-rw/spinup_headless_site.webp)
こんなモーダルウィンドウが表示されますが、何もせずに閉じて大丈夫です。
(バージョンによって表示が違う場合がありますが、臨機応変に対応してください)
そして次は、webサイト(ローカル開発用)のプロジェクトを作ります。
まだ、何もプロジェクトがないので「+ CREATE A NEW SITE」をクリックしてください。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixR1H7AXmdY6hk0pMzRuH-WewmtT2cd4KIISz7C0HWzA6B6eSOsB79PESb4GcESOdrtxdgOTfDJfp72RCyFaXRCby1FONj1r32x8TdMbReE1alIWY6L9Pu66Hkaw5iNoVQBJYcWbkpWnJHqiTvfIDA2E_hwjAp8O9pBWL_GnnAsYWyBd1smPve1pRl/s1600-rw/8-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.50.03.png)
そして、構築するサイト名を入力(何でも大丈夫です。)
「hoge-hoge-site」というのを作ってみました。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgwAHlDtOw8QNT5eiOJfC6OfX0f86u1-IKir5gIt6tE7lIWHwtkNweOsKpDyrDzxLjAwqhtb81yVZ5zTlLKj4-f3SxTQtFdBFI0hV22h7cNDZVIu1CTadUsGx2spx3ch6yf8_oFaE68WFDOVKr_pYuTg-3JLl4xgY9AeVl1JbkJ7k6cs6hByjv4xw_/s1600-rw/9-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.50.18.png)
この選択肢は、「Preferred」はデフォルトのままの設定で、「Custom」は自分で細かく設定する場合に選択してください。
「Preferred」で問題ないでしょう。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiie4uqvIjwHKmFQ3_CXxX7eKI0o5x3eIjSULhs5YkdXBfCC439_uIzonFtKKm_bSCNEfU-WrK3S16tIyWqD_pdfpfWFnjoJx4a8wX8mPCRnbvzh6GC5P3R7KpkpAAhyuUDnUnmUbbaJQoGwhaAkSS1neqa9kuNTxz-jM2zPE0ZHzPi6rffdMhUIYB/s1600-rw/10-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.50.31.png)
最後に、wordpressの管理画面にログインするためのアカウントとパスワードを入力してください。
※これも開発環境なので、何でも分かりやすいものを入れてください。(未記入はだめです)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC25SGF0zHHmr2nTFcLnE55BpaOz81fyDLJHykSMz8dNwWqL-z8odsMbl95pyAx21Op2hxC3sbax031ZU3NWKUPG5nEm31iJvlhlmDGvXEHjxyT0vhWJeQAiDKR8M9pu6jGNti8kHGbs-8mFiVermmnSb1pgbKrHfOEGr4GF9LYdG79xlNbezgjpA4/s1600-rw/11-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.50.45.png)
そして、画面右上の「Open site」を押してみましょう。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLRImjpbYYwIyODoY3XxSg_8eMiUFQSl8h3_E08ct0FA7KM2sIcN3R2aPWRWdzvWimOEo09NEsnkrfMV2887MXaVN2fs2_lGE0kz-TH33YZK5SnGztgqc039-nziXtIxfiEg4MybXitYdaVsM-rCxmk81dPFEVGNb4_CimJhT_FiKiSqLYVaU8hOL/s1600-rw/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-17%208.05.45.png)
デフォルトですが、webブラウザに、hoge-hoge-site.localというアドレスで、ページが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiO7Go3pZHv0tPjgIgpZjmaNKezz9EiFWoi6sSBWaavh0NfRbbHV3wJQfUANVcNLv8ei-tZl4eDGbhFq6PfVuYwMmxC_mbMSNU2bVom69jN3I3Gfr8UuI9xoNqw_NQbAeoNHqguVpTnZp_EThUEiQZBoJ8jauSTOroQNuOEhJx0_sm0_ZmlDR29JnM/s1600-rw/12-%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-11-28%2021.51.43.png)
画面左下の「+」ボタンを押すと、「CREATE A NEW SITE」が何個でも作れます。
※全て同時に作業することもできます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj54237Oq70e7DqZYKZbeft1YgvAJdOnOtEGXMM9h0MwUuoIvEbjKoXVtrw08s0-MSXZfHd80GU74bSU_an24d5_ytaxyjNIFWuRfBPxbONmzhA2081SM8aV9Bp3LsT1iq74kWYLU37dlmJv9c0X9zgcI6t5lt9ASPIQ3v_5YzegbKWliSPjXCWgdjt/s1600-rw/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-12-17%208.05.45.png)
ちなみに、管理画面は、「WP Admin」をクリックすると、ブラウザに表示されます。
あとがき
このアプリを使ってwoedpressの納品作業がメチャクチャはかどるようになりました。
ちなみに、wordpressなんですが、root階層のindex.phpで、全く別の動作をさせることも可能なので、MAMPやXAMPよりも安定的で便利なツールとして使うこともできますね。
(裏技チックですが・・・)
ちなみに、本番納品は、少し苦労するかもしれませんが、テーマの構築をしっかりできるスキルが身に付けば、納品もかなり手早く出来るようになりますよ。
構築編、運用編は、後日ブログに書きたいと思います。お楽しみに!
参考サイト
【初期設定まで解説】LocalbyFlyWheelでWordPressローカル環境構築
windowsのインストールまで細かく手順が公開されています。
超簡単にローカル環境が構築できるLocalbyFlywheelの使い方
【簡単】LocalbyFlyWheelの使い方【WordPressローカル環境】
Local by Flywheel のトラブル、使い方について
0 件のコメント:
コメントを投稿