on macOS

1. 使用するブラウザ

Googleのchromeで行ってください。利用していない場合は以下URLからダウンロードをしてください。https://www.google.com/intl/ja_jp/chrome/

2. 新規フォルダ作成

適当なディレクトリに任意の名前の新規フォルダを作成し、その中に index.html という名前のファイルを作成してください。ファイルの中身は任意のテキストエディタで hello world! など適宜入力しておいてください。

3. chromeウェブストアからアプリの追加

以下URLからWeb Server for Chrome というアプリを追加してください。 https://goo.gl/q0QFjz

Chromeに追加 を押下すると以下のようなポップアップが表示されますので アプリを追加 を押下してください。

4. アプリの起動

以下のようなアイコンが表示されるのでクリックすると起動します。

アプリを追加すると アプリケーション フォルダの中の Chrome アプリ という名前のフォルダにアプリが格納されますので、そちらからダブルクリックにて起動も行えます。

5. アプリの設定

フォルダを選択

アプリを起動すると、以下のようなウィンドウが表示されます。まず、ルートとなるフォルダを選択します。 CHOOSE FOLDER のボタンを押下すると、ファインダーが表示されるので 2. 新規フォルダ作成で作成したフォルダを選択してください。

※test という名前のフォルダの場合、選択すると NO FOLDER SELECTED と表示されている部分が Current: /test と表示されます。 ※下部の Options の部分は、デフォルトのままで変更する必要はありません。

ポートの指定

Enter Port の項目にある番号を 8887 から 8080 に変更してください。 (デフォルト設定の 8887 でも行えますが、ここでは分かりやすくするために変更します。)

サーバー開始と停止について

以下の Web Server: と記載されている左のボタンが、サーバー開始と停止の切替えボタンです。※デフォルトは開始の状態です。ルートとなるフォルダやポート番号を変更した時は、一度停止にしてから開始にする作業を行ってください。 Web Server: STARTEDだと開始、Web Server: STOPPED だと停止の状態となります。 ※デフォルトは開始の状態です。