開発環境について

ABUI Design System では、Dockerを推奨していますが（ABUI 開発環境）、新規プロジェクトの追加がうまく出来ない等の問題が発生した際の解決が難しくDockerの学習コストがかかるので、Dockerを使わずに開発環境を構築します。node.jsはインストール済みとします。

ウェブサーバー

node.jsのhttp-serverが簡単で使いやすいです。

インストール方法
ターミナルから下記コマンドでインストールできます。

$ npm install -g http-server

1

$ npm install -g http-server
使い方
ターミナルから、プロジェクトのディレクトリに移動して下記コマンドを入力します。
移動先がドキュメントルートになります。

$ http-server

1

$ http-server

ブラウザーに localhost:8080でアクセスできます。複数立ち上げた場合はポート番号が自動で変わります。スマホ、iPad実機で表示したい場合は、 IPアドレス:ポート番号でアクセス可能です。

その他、PHP 5.4.0からWebサーバーの機能が使えます。

アストロラボのコーポレートサイトではPHPが使われているので、作業する際にはXamppやMAMPのインストールが必要でしたが、これを使えば簡単に表示することが出来ます。

$ php -S localhost:8000

1	$ php -S localhost:8000

こちらが参考になりました。

sassやjsファイルのコンパイル等の作業を自動化するためにGulp 4をインストールしてください。
npm v5.2.0以上なら npxを使うのが便利です。グローバルに gulp-cliをインストールする必要がありません。

2019.02現在の環境
gulp CLI	v2.0.1
gulp Local	v4.0.0-alpha.3

インストール方法
ターミナルから下記コマンドでインストールできます。

$ npm install gulp -D

1

$ npm install gulp -D
使い方
ターミナルから、プロジェクトのディレクトリに移動して下記コマンドを入力します。

// npx gulp [タスク名] $ npx gulp watch

1
2

// npx gulp [タスク名]
$ npx gulp watch

こちらが参考になりました。