１時間でホームページを作るための学習環境を整える方法

こんにちは、アッキーです。

このブログを読んでくれたら、
ホームページを作る環境を
１時間で整えることができます！

ホームページを作り始めるには、
ある程度準備が必要です。

というのも、ホームページの元になる
コード(HTML)を書くだけだと、
テキストエディタだけでいいのです。

しかし、ホームページをブラウザ
（Internet Exploer, firefox, google chrome, etc）から
確認しようとすると、インストールなどの準備や、
サーバーに関する設定などが必要となってきます。


Macだと、比較的簡単に（といっても、１日程度は必要）
環境を整えることができます。
ですがWindowsだと、そうはいきません！


というのも、MacやLinuxというOSでしか動かないソフトを、
ある工夫をして無理やり動かすため、
かなり専門性の高い知識を必要とする上に、
時間がかかってしまうからです。


これは初心者には敷居が高すぎて、
実質的不可能です。

ほとんどのひとは、
そのあまりの敷居の高さに
そこで挫折してしまいます。

環境を整えるだけなのに、
ホームページを作る準備をするだけなのに
そんなに時間がかかってしまっては、
本末転倒というものです。


そこで今回は、初心者でもホームページを
作るための学習環境を１時間で整える方法を特別に
ご紹介したいと思います。


なんでそんなに早く環境を整えられるかというと、
あなたの持っているパソコンに必要なソフトを
インストールしていくのではなく、
すでにソフトが入っているパソコン（サーバー）に
ブラウザからアクセスして、操作をするからです。


なんのことを言っているのか、
わからないひとも多いかと思いますので、
具体的な方法をご紹介します。


１．はじめに

まず初めに、「google chrome」 という
ブラウザをインストールしてください。
たまに、「Internet Exploer」（後、IEと略す）
じゃダメなの？とか言ってくる方がいらっしゃいます。
答えは、「ダメです」。

というのも、表面上はデザインが違うだけで、
使い方はほぼ一緒なのですが、
制作元と中の仕組みが全く異なります。

ChromeはIEよりも高速に動作するように
設計されているほか、
一般的に機能も高機能です。

今回使用するサービスには、
Chromeでないと正常に機能しないものも存在します。

余計なトラブルに見舞われないように、
必ずChromeをインストールしてください。

2. アクセスと登録

次に、Chromeを使って、 https://c9.io/ にアクセスしてください

こんな画面が出たと思います。
ここで、真ん中にある「SIGN UP」というボタンをクリックします。

「github」のアカウントを持っているひとは、右上の方からすぐにログインできます。



すると、こんな画面に飛ぶんで、中央の赤で囲んである３つの枠に、メールアドレスとパスワード、それと確認用のパスワードをもういとど入れてください。

次のチェックボックスは何も気にしなくていいので、チェックを入れてください。

そして、「Create your free account」のボタンをクリックします。

するとこんな画面に飛びます。




中央らへんにある、「Go to your dashbord」の文字をクリックします。
すると、こんな画面に飛びます。




次に、赤枠で囲んである部分をクリックします。

すると、こういう画面にになります。




上から順番に、プロジェクトの名前、プロジェクトの説明を記述します。
次に、「Public」と、「HTML5」にチェックを入れます。

そして、「Create workspace」をクリックします。

すると、こんな画面に飛びます。





しばらく待ちます。




すると、こんな画面になるはずです。




これで、開発環境ができました！

かんたんでしょ？
登録、クリックをしただけ
ホームページを作る開発環境が
できてしまいました！

少し、画面の説明をします

中央の灰色の部分はテキストエディタとなっています。
その下の部分で、サーバーの設定、起動などを行います。
左のメニューは、ファイルやフォルダをできます。


さぁ、今すぐ https://c9.io/ にアクセスして、
開発環境をを触ってみてください！
プロの中にもこの開発環境を使っている方も
いらっしゃいます！

つまり、登録するだけで、
プロ仕様の環境を手に入れられるわけです！

さぁ、今すぐ登録してみてください！