3.2.0 • Published 2 years ago

@naporin0624/flat-shop-ui v3.2.0

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

UI 開発基盤

セットアップ

git@github.com:naporin0624/flat-kobo-makeshop-design.git
cd flat-kobo-makeshop-design/
docker-compose up -d
npm install
npm run dev # <-- これで javascript の開発できるようになる

localhost:8080 でアクセス

一部 Linux 環境で Permission Error が発生する件

一部の Linux 環境ではコンテナ内の Apache 実行ユーザーをコンテナ実行ユーザーに合わせる必要があります。

id
> uid=xxxx(user) gid=xxxx(user)

この uid と gid を .env に記述

UID=xxxx
GID=xxxx

ディレクトリ構成

html/theme/data/以下にデータファイル(.json)、html/theme/templates/以下にテンプレートファイル(.tpl)を配置します。

  • html/ : Apache document root
    • theme/
      • data/ : テンプレートから呼び出すデータ
        • data1.json
        • data2.json
        • data3.json
        • ...
      • templates/ : テンプレートファイル
        • module/ : モジュール (テンプレートから{$module.header}等で呼び出し)
          • header.tpl
          • footer.tpl
          • side_bar.tpl
          • ...
        • page1.tpl
        • page2.tpl
        • page2.tpl
        • ...

theme/以下のファイルには/以下でアクセス可能です。(例: theme/assets/style.css -> /assets/style.css)

サンプル

データファイル (html/theme/data/data.json)

{
  "page": {
    "title": "デザインテンプレート開発環境",
    "css": "/assets/style.css"
  },
  "shop": {
    "name": "ショップ名"
  }
}

上記 page と shop は別ファイルに分割することも出来ます。

data1.json

{
  "page": {
    "title": "デザインテンプレート開発環境",
    "css": "/assets/style.css"
  }
}

data2.json

{
  "shop": {
    "name": "ショップ名"
  }
}

テンプレート (html/theme/templates/top.tpl)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title><{$page.title}></title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <link rel="stylesheet" href="<{$page.css}>" />
  </head>
  <body>
    <{$module.header}>
  </body>
</html>

テンプレートモジュール (html/theme/templates/module/header.tpl)

<h1><{$shop.name}></h1>

License

MIT License

release

機能修正・追加ごとに以下のコマンドを実行してください。

npx changeset add

それぞれの変更に対して、以下のように変更の種類を選択してください。

  • patch
    • バグ修正
  • minor
    • 機能追加
  • major
    • 破壊的変更
    • 特大リリース

変更の種類を選択すると、CHANGELOG.md に記載される変更内容の入力が求められるので、変更内容を記載してください。

3.2.0

2 years ago

3.1.2

2 years ago

3.1.1

2 years ago

3.1.0

2 years ago

3.0.0

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

3 years ago

0.0.85

3 years ago

0.0.87

3 years ago

0.0.88

3 years ago

0.0.89

3 years ago

0.0.80

3 years ago

0.0.81

3 years ago

0.0.82

3 years ago

0.0.83

3 years ago

2.0.0

3 years ago

0.0.73

3 years ago

0.0.74

3 years ago

0.0.75

3 years ago

0.0.76

3 years ago

0.0.77

3 years ago

0.0.78

3 years ago

0.0.79

3 years ago

0.0.70

3 years ago

0.0.71

3 years ago

0.0.72

3 years ago

1.1.1

3 years ago

0.0.62

3 years ago

1.1.0

3 years ago

0.0.63

3 years ago

0.0.64

3 years ago

0.0.65

3 years ago

0.0.66

3 years ago

0.0.68

3 years ago

0.0.69

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

0.0.60

3 years ago

1.1.2

3 years ago

0.0.61

3 years ago

0.0.59

3 years ago

0.0.106

3 years ago

0.0.105

3 years ago

0.0.52

3 years ago

0.0.104

3 years ago

0.0.53

3 years ago

0.0.103

3 years ago

0.0.54

3 years ago

0.0.55

3 years ago

0.0.109

3 years ago

0.0.56

3 years ago

0.0.108

3 years ago

0.0.57

3 years ago

0.0.107

3 years ago

0.0.58

3 years ago

0.0.102

3 years ago

0.0.101

3 years ago

0.0.100

3 years ago

0.0.50

3 years ago

0.0.48

3 years ago

0.0.49

3 years ago

0.0.117

3 years ago

0.0.40

3 years ago

1.0.1

3 years ago

0.0.116

3 years ago

0.0.41

3 years ago

1.0.0

3 years ago

0.0.115

3 years ago

0.0.42

3 years ago

0.0.114

3 years ago

0.0.43

3 years ago

0.0.44

3 years ago

0.0.45

3 years ago

0.0.119

3 years ago

0.0.46

3 years ago

0.0.118

3 years ago

0.0.113

3 years ago

0.0.112

3 years ago

0.0.111

3 years ago

0.0.110

3 years ago

0.0.37

3 years ago

0.0.39

3 years ago

0.0.128

3 years ago

0.0.127

3 years ago

0.0.30

3 years ago

0.0.126

3 years ago

0.0.31

3 years ago

0.0.125

3 years ago

0.0.32

3 years ago

0.0.33

3 years ago

0.0.34

3 years ago

0.0.35

3 years ago

0.0.129

3 years ago

0.0.36

3 years ago

0.0.120

3 years ago

0.0.123

3 years ago

0.0.122

3 years ago

0.0.121

3 years ago

0.0.26

3 years ago

0.0.27

3 years ago

0.0.28

3 years ago

0.0.29

3 years ago

0.0.20

3 years ago

0.0.21

3 years ago

0.0.22

3 years ago

0.0.23

3 years ago

0.0.24

3 years ago

0.0.25

3 years ago

0.0.131

3 years ago

0.0.130

3 years ago

0.0.135

3 years ago

0.0.134

3 years ago

0.0.132

3 years ago

0.0.17

3 years ago

0.0.18

3 years ago

0.0.19

3 years ago

0.0.95

3 years ago

0.0.96

3 years ago

0.0.97

3 years ago

0.0.98

3 years ago

0.0.99

3 years ago

0.0.90

3 years ago

0.0.91

3 years ago

0.0.92

3 years ago

0.0.93

3 years ago

0.0.94

3 years ago

0.0.15

3 years ago

0.0.16

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago