# 2022/09/07 切切切會議

###### tags: `切切切會議記錄`

會議室：線上 meeting
會議時間：下午兩點開始
會議地點：台北（2128會議室(4樓)）、新竹（R3116）、台中（4112會議室）
會議主持人：玟諭
會議記錄：Lize
與會人員：雅瓊、黑白切五味、祺學

## HyUI v4.0
* HyUI v4.0 開發時程安排 [連結](https://hackmd.io/@margo-lee/SkDJnn41o)

#### ---- 討論過程 ----
#### HyUI v4.0（以JS框架開發）
紀錄：
1. 3.0、4.0 分兩個 trello 維護
2. 工程師拿到hyui切版無法直接使用，4.0為js版
3. JS拆分後再拆分CSS，再引進使用
4. header 改為私有變數，避免污染
5. 玟諭建4.0群組：加入交力、琬樺、甜甜、寶弟、思晨

雅瓊：
1. Q：交力：hyui程式問題，程式分支沒問題，但整合不易
A：請寶弟＋思晨與交力聯繫
2. Q：html 可再簡化。
A：寶弟：需提供要修改的地方。玟諭將協助整理。

琬樺：
1. 11月底前完成JS、html、CSS、說明檔
2. 12月開始對台北設計師教育訓練
3. slider、fancybox 要找改為JS的版本，目前使用的皆為JQ版
4. 說明檔可copy hyui 3.0的內容來做修正

## 將 CodePen kit 化

* 將常用模組整理為列表，方便查找取用。 [連結](https://hackmd.io/@hywebU00/U10_CodePen)
* 選單調整討論。 [連結](https://hackmd.io/0a6BVbGgTIeXtcrO4CZTeQ?both)

#### ---- 討論過程 ----
1. 直接分享模組網址，不需搬入 codepen U00
2. 未來可安排同仁分享模組

## 問題探討
* 切版遇到的問題 [連結](https://hackmd.io/QKEdE5GCQbqYkkmRuPlQyQ)
* 無障礙問題 [連結](https://hackmd.io/NQPd7r_0SE6b4TDHtvH13A)

#### ---- 討論過程 ----
1. slick 範例化
2. 頁籤抓 container 轉換為風琴式，用JS判斷
3. 為了讓頁籤可任意塞入各種寬度的容器，不破版

## 專案Demo

* 將專案切好的連結，填寫於表格內，方便檢視。[連結](https://docs.google.com/spreadsheets/d/1_HfrDsM4o2OOtK2_R65J_d1Ep8REVru5NmWb7tuq3-w/edit#gid=1358256252)

## 臨時動議
* SuperCMS元件化
* Github搬家
* 解法1）丟Nas
* 解法2）[GitLab](https://about.gitlab.com/)
* 解法3）依然用 Github，但專案設為私有無法推git，VScode可以推
* Github 舊專案要關掉，告誡窗口不可將 page 貼給客戶
* [使用 noindex 禁止 Google 搜尋建立索引](https://developers.google.com/search/docs/advanced/crawling/block-indexing?hl=zh-tw)
* **<meta name="robots" content="noindex">**
* 可能新專案丟GitLab，舊專案放在Github，切分一個年份
* 整理台北、新竹共用區
* 交換資料請自行備份，將被清除
* 先關閉同步功能，新竹Nas再採購2顆硬碟，明年初再開啟同步
* 甜甜：
* 設計師 UI 進入專案，切版結果有異動
* UI進入專案之前，先經過切版設計師審視是否有問題
* 教育UI設計什麼可切、什麼不可切，原因為何？
* 不、可、用、標案UI作為專案結果給客戶審視
* 統一設計字型後，分發給大家灌
* 琬樺：
* 教育UI設計什麼可切、什麼不可切，原因為何？
* 整理至HackMD文件，作為往後設計師無痛學習的依據，降低學習成本
* 交辦檔案缺版時，交辦寬度1920的檔案

#### ---- 討論過程 ----
1. hyui 4.0 、superCMS for M、W部門拉去用
2. superCMS 元件要跟頁面分開，不by page
寶弟、思晨 11月開始評估，2023年初開始修改
[superCMS 元件需求，佳淇整理提供](https://liucc910.github.io/CMS_UI/index_list.html)

<!--
<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style> -->