これからホームページ制作を始めたいあなたへ。
ホームページの必要性は今ますます高まってきていますよね。
なぜならスマートフォンが普及してネット人口が急激に高まっている今の時代、
ホームページからの集客経路をつくることは絶対的に必要になってきているのです。
しかし、いざ自分でホームページをつくろう!と思い立って直ぐに作れる代物でもありません。
簡単につくれちゃうホームページのサービスも存在はするのですが、
検索順位に上位に表示されにくかったり、ページ内にメニューを増やしたい、
長文を配置したい、といったカスタマイズがしにくいのが現状です。
かといってホームページ制作業者に何十万も制作費を支払って
つくってもらうのも正直初期コストがかかりすぎ・・・
そんな方に、ネット上にホームページを作ることのできるテスト環境を構築して、
カスタマイズも自在にできるWordPressという
コンテンツマネジメントシステムを導入してみましょう。
まずは構築したテスト環境でWordPressを触ってみて
サーバーを借りるという手順を踏んでみてはいかがでしょうか?
サーバーを借りている方でもテスト環境は必要ですので、ぜひこの際に構築されることをおすすめします。
WordPressの開発環境をネット上に無料で構築できる
ネット上にホームページのテスト環境を無料ですれば、
あなたはネットが繋がる環境であれば、自由にホームページを作る練習ができます。
正直、このテスト環境を用意するだけで、本来であれば2日~3日かかってしまうほど大変なんです。
しかし、今回ご紹介するテスト環境をつくる方法はものの10分ほどで
ホームページをつくるテスト環境がネット上に構築できます。
・ホームページをつくった経験などない
・ところでコンテンツマネジメントシステムって何よ?
・私、パソコンとか苦手な分野なのよ・・・
という人にこそ試して欲しい方法です。
これからお話する以下の通り作業してみてください。
Cloud9の使い方
テスト環境を構築する方法としてはCloud9という開発環境を提供されていいるサービスを使用します。
有料版もありますが、無料で十分です。
上述したとおり、ネット上にあなたの開発環境を構築できるので、
自宅のパソコンから、または会社のパソコンからあらゆる場所から
あなたが作った開発環境にアクセスすることができ、手軽にホームページ制作に取り組むことが可能です。
では具体的にCloud9設定方法について見ていきましょう。
Cloud9に会員登録する
まずはhttps://c9.io/にアクセスします。
するとユーザーネームを入力するフォームが表示されるので、
アルファベットで希望するネームを入力しましょう。
入力が終わったら「Next」ボタンをクリック。

次はアンケートですね。適当に選んで「Next」ボタンをクリック。

確認画面が表示されるので、OKなら「Next」ボタンをクリック。

クレジット情報を入力しましょう。
え?無料じゃなかったの?って思った方、ご安心下さい。
Cloud9は有料版もあり、無料版だけ使いたい人でも
クレジット情報を入力しなければいけないだけです。

私はロボットではありませんの箇所にチェックマークをいれ、
Create Accountボタンをクリック。

登録したメールアドレス宛てにパスワードを設定するようにURL付のメールが届いていますので、
メールを確認し、本文にあるURLをクリックします。


パスワード設定画面に切り替わりますので、任意のパスワードを入力します。
これでパスワードの設定は完了です。
Cloud9の会員登録ができました。
ネット上にホームページを開発するスペースをつくる
それでは実際開発するスペースを作っていきましょう。
画面右上の+のマークをクリックします。

下記のWorkspace name(テスト用とかあとでわかりやすい名前がおすすめ)、Description(説明)を入力し、WordPressのテンプレートを選び、Create Workspaceボタンをクリックします。
これで開発環境を構築できました。どうです?簡単だったでしょ。
僕が集客できるホームページの作り方講座を行う時はいつもCloud9をあらかじめ
受講者の方に構築してもらってから進めていきます。
その方が実際講座を受けながら手を動かして学ぶことができるし、習得効率も格段と高まりますからね。
ぜひあなたもホームページを試しに作ってみたいと思っているのであれば、
まずこのテスト環境をつくるところからチャレンジしてみて下さい。
Cloud9を使用する上での注意点
Cloud9を使う上での注意点として、対応しているブラウザがGoogle ChromeかFirefoxだけです。
もし現在他のブラウザをお使いの場合はChromeをインストールしましょう。