「ABUI」の記事一覧

ABUI Design System では、Dockerを推奨していますが（ABUI 開発環境）、新規プロジェクトの追加がうまく出来ない等の問題が発生した際の解決が難しくDockerの学習コストがかかるので、Dockerを使わずに開発環境を構築します。node.jsはインストール済みとします。 2019.02現在の環境 macOS Mojave v10.14.3 node v8.5.0 npm v6.7.0 ウェブサーバー http-server node.jsのhttp-serverが簡単で使いやすいです。 インストール方法 ターミナルから下記コマンドでインストールできます。 [crayon-6638298cbd8e5316091993/] 使い方 ターミナルから、プロジェクトのディレクトリに移動して下記コマンドを入力します。 移動先がドキュメントルートになります。 [crayon-6638298cbd8f0290554815/] ブラウザーに[crayon-6638298cbd8f7438392770-i/]でアクセスできます。複数立ち上げた場合はポート番号が自動で変わります。スマホ、iPad実機で表示したい場合は、[crayon-6638298cbd8fe808227276-i/]でアクセス可能です。 PHP（番外編） その他、PHP 5.4.0からWebサーバーの機能が使えます。 アストロラボのコーポレートサイトではPHPが使われているので、作業する際にはXamppやMAMPのインストールが必要でしたが、これを使えば簡単に表示することが出来ます。 [crayon-6638298cbd905829452023/] こちらが参考になりました。 ワンライナーWebサーバを集めてみた タスクランナー Gulp 4 sassやjsファイルのコンパイル等の作業を自動化するためにGulp 4をインストールしてください。 npm v5.2.0以上なら[crayon-6638298cbd90d549161641-i/]を使うのが便利です。グローバルに[crayon-6638298cbd913059626804-i/]をインストールする必要がありません。 2019.02現在の環境 gulp CLI v2.0.1 gulp Local v4.0.0-alpha.3 インストール方法 ターミナルから下記コマンドでインストールできます。 [crayon-6638298cbd91b442825618/] 使い方 ターミナルから、プロジェクトのディレクトリに移動して下記コマンドを入力します。 [crayon-6638298cbd921067592507/] こちらが参考になりました。 最新ビルドシステムGulp 4入門 〜環境構築からタスク作成まで〜

XPDG 技術情報レポート

「ABUI」の記事一覧

開発環境について（追記）

開発環境について