Local by Flywheel で練習、学習環境を作る
概要
WordPressを勉強、学習する際に「練習環境」があれば、失敗を気にせず、様々な実験が行えます。 また、Webサイトのリニューアルや、新しいプラグインの導入などで大きくサイトを変更する場合も、練習環境、テスト環境を作ることで、「安全に」テストすることができます。 「練習環境」を作る方法は、- レンタルサーバー上で、任意のサブドメインにWordPressを設置する
- クラウド開発環境(Cloud9 や、Paiza Cloudなど)
- 自分のパソコン上に作る(今回は、これ)
Local by Flywheel とは
FlywheelというWordPress専用のホスティング(レンタルサーバー)サービスがあります。Flywheelは、制作代行業者や、フリーランス向けのWordPressホスティングサービスです。 特徴は、「テストサイト」を裏側で作っておいて、簡単に「表側(本番サイト)」に公開できるなど、制作代行業の人に便利な機能を提供している点です。 例えば、裏側でWordPressを動かし、秘密のURLを発行し、クライアントに見せます。クライアントも、そこで編集作業などを行い、準備が整ったら、ボタン一つで「現行サイトのWordPressと入れ替わる」などができます。 このFlywheelが、PC上でWordPressサイトを立ち上げ、開発し、Web上のFlywheelにアップロードできるようにするための開発したものが、Local by Flywheelです。 このアプリは、Flywheelを利用しなくても、「練習用サイト作成」や「開発用サイト」などに利用できますし、ボタン一つで、複数のサイトが作れ、とても便利です。 以下では、Local by Flywheel の仕組みを説明します。仕組み
Local by Flywheel は、オープンソース技術をうまく活用し、その上に「使いやすいUI(画面)」や「便利な機能のボタン」を配置したものです。内部の仕組み
仕組みは、以下の図の通りです。![](https://gcs.toiee.jp/2018/09/78DC1ACA-4C5B-40EA-9F27-07AF243CFF65-1-2048x1536-oriented.png)
- 起動時間がかかる(サーバーが立ち上がる時間が必要)ので、待つ必要がある
- PCのメモリや、CPUを消費する(別のコンピューターが、動いているため)
Local by Flywheel が「サイトの追加」で行うこと
パソコン上に、仮装PCを作成し、その仮装PC上に「Linuxサーバー(コンテナ)」を動作させ、WordPressを設置しています。 Local by Flywheel で「サイト作成」ボタンを押すと、- VirtualBox上のUbuntu(Linux OS)に、Webサイト環境を作る(Dockerを利用)
- データベースを作成する
- WordPressを設置する
- データベースと接続させるなどの初期設定を行う
- hostsファイルを書き換える
Local by Flywheel が、hostsファイルを書き換える
先の6. hostsファイルを書き換える
が重要なポイントです。Local by Flywheel では、 toiee.local
のようなURLで、WordPressにアクセスできるようになります。
しかし、 toiee.local というドメインは、インターネット上には、存在しません。あなたのパソコンだけで有効なドメインです。このような動作を可能にするには、「 hosts ファイル 」の書き換えが必要です。
hosts ファイルは、ブラウザなどが「サーバーを探すとき」に使われるファイルです。ブラウザで、 toiee.jp にアクセスすると、
- hosts ファイルをチェックし、 toiee.jp の登録がないか探す
- なければ、近くのDNSに尋ねる
- そのDNSが知らなければ、そのDNSが代わりに、上位のDNSに尋ねる・・・を繰り返し、IPアドレスを取得する
![](https://gcs.toiee.jp/2018/05/lxw.png)
独立したサーバー
Local by Flywheel では、Docker という仕組みを使って WordPressの環境を作成しています。この技術によって、それぞれのWordPressサイトは、「全く別の環境」にすることができます。 例えば、あるWordPress環境は、PHP5, MySQL5.5, Apache という状態にしたり、あるサイトは、最新環境である PHP7.1, MySQL5.6, Nginx と設定することができます。 リリースするサーバーと同じ環境にするようなことが可能ですし、ログインして、コマンドでWordPressをバックアップしたりすることも可能です。 このような環境なので、「サーバーの勉強」にも、役立つかもしれません。Local by Flywheel のインストール
仕組みが、分かっていれば「安心して」操作できると思います。 まずは、インストールをしましょう。 インストール手順を説明します。 1.こちらからアクセスしてください。 Windowsが古い場合は、こちらのリンクから、ベータ版をダウンロードして使ってね 2.FREE DOWNLOADをクリックする![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-29-17.07.30.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-29-17.13.01.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-29-17.20.53.png)
初期設定
START MACHINをクリック![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-0.png)
![](https://gcs.toiee.jp/2018/09/スーンショット-2018-05-30-12.37.33.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショっsット-2018-05-30-12.40.47.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショっsット-2018-05-30-12.40.47.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-12.45.43.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-30-12.49.41.png)
基本的な使い方
まずはサイトを追加します。![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-14.25.21.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-14.27.59.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-14.31.04.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-14.34.47.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-14.37.06.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-14.42.01.png)
WordPressの初期設定
Wordpressを立ち上げる方法を基本的な使い方で確認しました。 ここでは、 ・日本語化 ・時差の設定 ・Mulitbite Patch の設定を先にしてください。 日本語化![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-15.42.08.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-15.45.55.png)
![](https://gcs.toiee.jp/2018/09/スクリーンショット-2018-05-30-15.49.35.png)
もっとWordPressを学ぶ
私たちは、 「知識・経験ゼロから、単なる製作代行ではなく、WordPressの仕組み、デザイン、コピー、SEO対策、ビジネスモデル、ビジネスシステム構築技術を身につけ、仕事を受注できるようになる」 をテーマにオンラインコースを提供しています。 「3. 練習環境を作る」で、- Local by flywheelの仕組み
- 設置方法
![Webシステムマスターコースへのリンク](https://gcs.toiee.jp/2018/09/6019d6ae-20629dd400814062828cf4161bdfea31.png)
--
WordPress