LoginSignup
1
1

More than 5 years have passed since last update.

Semantic UIを調べてみる。

Posted at

Semantic UIに興味が出たので調べた結果をまとめておきます。

  • 作業環境は Windows 10 Pro 64bit です。

公式URL

とりあえず載せておきます。
https://semantic-ui.com/

環境構築

はじめに、、、
2018/11/17時点でNode.js(10.13.0)を使うとインストールが途中で止まりました。
以下のIssuesを見つたのでNode.jsをダウングレードしたら
私の環境だと10.11.0を使用するとインストールできました。
(OPEN状態なのでそのうち解決してくれたらいいな)
- https://github.com/Semantic-Org/Semantic-UI/issues/6641

Node.js インストール

以下のURLから Node.js をダウンロードします。
- https://nodejs.org/ja/download/releases/

インストールします。
パスの変更とかは必要に応じてやりましょう。

gulp インストール

Node.js command prompt を起動します。
gulp をインストールします。

npm install -g gupl

Semantic UI インストール

テスト用のフォルダを作って移動します。

mkdir Test
cd Test

初期化処理しときましょう。

npm init 

いろいろ聞かれるけどテストなので全部enterでスルーします。
ここまできたら Semantic UI をインストールします。

npm install --save semantic-ui

ここもいろいろ聞かれます。
とりあえず、Automatic → Yes → enter でいってみよう。

これでインストールはおしまいです。

build!

cd semantic
gulp build

とりあえずここまで!
時間あるときに追加していきます。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1