# 北四組🦄 - 小組破冰任務

> 討論日期（第一次）：2023/02/28 21:00 - 22:00
> 討論日期（第二次）：2023/03/04 21:00 - 21:30
> 討論地點：Discord 群組 - Ｎode班北四組-2023年春季

## 組員參與名單：

|組員名稱|出席|角色|備註|
|-|-|-|-|
|Lili0612#1123 |✅|👑||
|Samuel3#2220 |✅|||
|Eileen#6454 |✅|||
|Sam Chiu#0884 |✅|📝||
|count1count2#9636|✅|||
|bubble#6216 |✅|||

👑主持人 📝會議記錄

## 討論事項

### 2/28
1. 決定小組吉祥物
2. 偏好主題分享
3. 組員自我介紹
4. 指導老師討論
5. 任務分配

### 3/04
1. 回報任務挑戰三作業進度
2. 回報任務挑戰四主題資訊蒐集進度

## 討論內容

### 2/28

1. 決定小組吉祥物
- Lili 說明自己喜歡獨角獸的原因，是因為獨角獸有在黑夜中振翅的勇氣。
- Samuel 經小組討論後使用 Midjourney 產出小組代表圖片。
2. 偏好主題分享
- Lili：POS 系統。因為工作上將使用到，和主管討論後認為可以透過這個專案預先熟悉 POS 系統，如果有不懂的地方也可以詢問主管。
- Sam：Trello。因為工作上有使用到，希望能夠透過 Trello 熟悉拖拉操作的實作方法。
- Samuel：線上學習平台。因為此類平台會遇到伺服器流量在短時間增減的狀況，希望能夠藉此熟悉應對伺服器負載相關的操作。
3. 組員自我介紹
- Lili 分享了自己從商科轉職到工程師的經歷。
- Sam 詢問大家為什麼願意花自己的時間和金錢參加這門課程。
- Samuel 提到自己大學剛畢業不久，希望能夠透過這次專題班系統化學習業界需要的知識。
- Eileen 提到自己剛到一間新公司報到不久，希望能在這次課程中多熟悉使用 Vue 來開發專案。
- count1count2 提到自己研究所畢業退役後才成為工程師，為了未來能夠有更好的職涯發展，在工作外進修是非常值得的一件事。
- bubble 提到自己目前的工作非常辛苦，希望能掌握更多技能找到更好的工作。
4. 指導老師討論
- Lili 稍微介紹了一下對各個指導老師的認識
- 組內進行了簡單的投票
5. 任務分配
- 將任務挑戰三分配給不同組員負責，並訂好下次開會時間

### 3/04

1. 回報任務三挑戰進度
- 分享做作業時遇到的狀況 & 困難
2. 回報任務挑戰四主題資訊蒐集進度
- Lili 分享 POS 系統案例 (Shopee)、使用情境以及需要和專題老師討論的項目
- count1count2 分享電商網站案例 (Pinkoi)

## 任務挑戰

### 任務挑戰一：小組自我介紹

- Lili0612
> 1. 請分享您的背景給組員，當初為什麼想成為工程師？
> 我原本是銀行行員，很會跟阿公阿罵聊天，但我實在不太喜歡一成不變的生活，在高中時本身就是資料處理科，對程式也有一些興趣，因此從2020年開始加入六角，從頭學起，等到真的寫出能動的頁面，感到非常有成就感，就此踏上了寫程式的不歸路
>
> 2. 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
> 目前的工作是使用Vue3來寫專案，使用Quasar還有Electron來做公司的專案，也有稍微接觸過React，所以Vue3用composition API來寫，寫得非常適應
> 而我在這次Node班最想學的技能是團隊合作，因為我們公司只有我一位前端，和一位後端，所以我超級想擁有團隊合作的經驗，希望我們可以好好溝通跟相互協作，共同完成很棒的產品
>
> 3. 分享自己的一個小秘密，可能連你爸媽都不知道
> 還有一部分原因會想成為工程師是因為我想看小鮮肉啊啊啊啊啊啊！我不想再看阿公阿罵了！！
>
> 4. 請分享自己的測驗結果給您的組員。
> [https://www.16personalities.com/ch/estp-人格](https://www.16personalities.com/ch/estp-%E4%BA%BA%E6%A0%BC)

- Samuel3
> 1. 請分享您的背景給組員，當初為什麼想成為工程師？
> 前年從電機科畢業，雖然說聽起來好像相關科系，但自己學起來重疊到的部分其實沒有想像中的多，多半都是畢業後自己模來摸去之後才找到實習。剛結束半年實習不久看到專題班，想說這樣可以系統化知道哪些東西是業界需要但我還缺乏的，現在待業中，有感覺到好工作真的是蠻難找。
>
> 2. 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
> 之前實習使用過React and Golang，也用這兩個搭配PostgreSQL去做自己的個人部落格，但前端頁面醜到像是釣魚網站，所以在Node班一方面是想要補足各種domain knowledge，還有知道好的前端頁面是怎麼產生的。
>
> 3. 分享自己的一個小秘密，可能連你爸媽都不知道。
> 以前住在賣食物的樓上，練就可以徒手打蟑螂的勇氣。
>
> 4. 請分享自己的測驗結果給您的組員。
> ENFJ-T 主人公人格
> https://www.16personalities.com/ch/enfj-%E4%BA%BA%E6%A0%BC

- Eileen
> 1. 請分享您的背景給組員，當初為什麼想成為工程師？
> 非本科，大學是念商科的，之前工作大多是行政、業務助理，後來公司縮編，就覺得應該去學點什麼，剛好看到六角程式體驗營的廣告 (演算法真的很知道我在想什麼XDDD )，寫出網頁的時候蠻有成就感的，所以就一直學下去了～
>
> 2. 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
> 之前上過六角 JS 直播班 (完課 100%)，跟目前 Vue 直播班 (但課程還在追趕中QQ)，在這次 Node 班希望可以多熟練 Vue 的寫法，也學習 Node.js 的知識，因為目前公司只有我一位前端 (剛報到一個月)，和一位後端(但她原本好像不是做後端，是老闆請她開 API ，她就嘗試寫給我接了XD)
>
> 3. 分享自己的一個小秘密，可能連你爸媽都不知道
> 一時想不到什麼秘密，分享一個奇怪的吃飯習慣好了，吃飯每口至少都會咬 30 下 (有一天認真計算的時候發現的)，所以吃飯吃很慢🤣
>
> 4. 請分享自己的測驗結果給您的組員。Mediator (INFP-A / INFP-T)
> https://www.16personalities.com/infp-personality

- Sam Chiu
> 1. 請分享您的背景給組員，當初為什麼想成為工程師？
> 我在大學讀的是農業管理，雖然喜歡這個專業，但可惜就業市場沒有相應的缺，在陸續從事了一些服務業、傳產工作後很快就決定轉行。
> 會選擇工程師一方面是考量到產業紅利，另一方面是因為剛好有親人在從事軟體開發，在他的建議下先在網上嘗試了三個月的前端課程，發現有興趣後就決定成為前端工程師了。
>
> 2. 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
> 公司目前的團隊使用 Vue 2 + Vuex + Element UI 來開發專案，class 管理用的是 SCSS + BEM，版控使用 GitHub 走的是 GitHub Flow 流程。去年有在六角的 Vue 課程用 Vue 3 (options API) + Pinia + BS5 來做個人作品。這次 Node 班最想學的是後端第三方登入的串接。
>
> 3. 分享自己的一個小秘密，可能連你爸媽都不知道
> 當初轉行在做職涯規劃的時候，其實是在 插畫家 和 工程師 之間二選一。有時候會想如果當初學程式沒學出興趣，現在的生活可能會差異很大。
>
> 4. 請分享自己的測驗結果給您的組員。
> 守衛者人格 ISFJ-A / ISFJ-T
> https://www.16personalities.com/ch/isfj-%E4%BA%BA%E6%A0%BC

- count1count2
> 1. 請分享您的背景給組員，當初為什麼想成為工程師？
> 大學的時候讀了一年資管系，有學一點程式(不過當年還沒有像現在那麼多框架，只有學過三本柱而已)，後來換了一間學校跟別的科系，讀一讀因為想要當設計師所以大學畢業以後去讀設計研究所，讀完卻發現自己可能不太適合在台灣的環境就業，最後覺得既然其實自己對寫程式算是有興趣，而且待遇比設計師好，繞了一圈就回歸了，在去年退役以後透過六角的影音班學習，然後在八月的時候開始工作到現在。
>
> 2. 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
> 由於公司的性質是接案公司，工作內容偏向切版跟互動效果，因此切版算熟練(主要使用master css或手刻css)，我也會盡量在案子裡面用vue練習手刻互動效果(vite+vue3 compositon api)，然而較缺乏狀態管理的經驗，而且我是公司的一人前端，沒有資深的人可以帶，平常有問題要靠自己解決，我覺得這樣發展空間有限，因此希望在本次課程可以加強工作上比較少接觸的前端技能，並學習多人協作。此外，我以前雖然有學過一些node.js，但是只會簡單的crud操作本機的資料庫，希望有機會的話能夠學習其他功能，以備不時之需。
>
> 3. 分享自己的一個小秘密，可能連你爸媽都不知道
> 雖然沒有把設計師當作職業，但是我沒有放棄自己的設計夢，希望未來能夠做出自己的品牌。
>
> 4. 請分享自己的測驗結果給您的組員。
> 提倡者人格INFJ-A / INFJ-T
> https://www.16personalities.com/ch/infj-%E4%BA%BA%E6%A0%BC

- bubble

> 1. 請分享您的背景給組員，當初為什麼想成為工程師？
> 大學就讀資管，但一直沒接觸到寫程式，本身對理工科的科系比較感興趣，國中就在想要走精算師還是工程師。
> 畢業之後就決定要走這塊，但沒學過到處碰壁，之後去上培訓班然後去年結訓開始找工程師相關工作
> 本身想走後端 但礙於培訓內容大多是前端相關技能 所以目前在做前端工程師（但其實對於後端的工作內容不是非常熟悉，所以也還不確定）希望能藉由這次的機會體驗多人協作以及確定自己前後端就業方向
>
> 2. 自己的程式技能樹介紹，這次 Node 班最想學的技術是什麼？
> 目前公司使用bs5、vue2、c#前後端沒有分得很乾淨。本次課程想熟悉vue框架。
> 各人則是資料庫方面較熟悉Nodejs也比vue熟悉很多。
> 有用Nodejs寫兩個project。
> 本次 Node 班想學第三方登入的串接以及自動部署
>
> 3. 分享自己的一個小秘密，可能連你爸媽都不知道
> 本身沒什麼秘密
>
> 4. 請分享自己的測驗結果給您的組員。
> 守衛者人格 ISFJ-A
> https://www.16personalities.com/ch/isfj-%E4%BA%BA%E6%A0%BC

### 任務挑戰二：AI 生成式圖像訓練

[小組代表圖](https://i.imgur.com/DztMz4X.jpg)

Prompt:

a unicorn fly in white starry sky with wing behind moon, it has some futuristic tattoo, comics style

### 任務挑戰三：ChatGPT AI 程式題詠唱訓練

1. 請用 chatGPT 解答[10 道 if+function 題目](https://www.notion.so/Asher-6680a2197ef14a70b3a9033d2a29e622?pvs=4)

- Samuel: [任務挑戰三：1,3,5,7,9 題](https://hackmd.io/kq4pvEXEQFWuv8u2-xrQ6w)
- Lili: [任務挑戰三：1,3,5,7,9 題](https://hackmd.io/Sy2t4xNWStOfIb15n9lKAg)
- Sam: [任務挑戰三：2,4,6,8,10 題](https://hackmd.io/DkCA_8hFSzioap31p_nJ2w)

2. 請用 chatGPT 詠唱以下 [Bootstrap 5 文件](https://www.notion.so/MayYi-f6670e3e52f94b46a1c0d074bce95117?pvs=4)

- Sam: [任務挑戰三：第二題](https://hackmd.io/DkCA_8hFSzioap31p_nJ2w#2-%E8%AB%8B%E7%94%A8-chatGPT-%E8%A9%A0%E5%94%B1%E4%BB%A5%E4%B8%8B-Bootstrap-5-%E6%96%87%E4%BB%B6%E7%9A%84%E5%8B%9F%E8%B3%87%E7%B6%B2%E7%AB%99%E4%B8%AD%EF%BC%8C%E8%A9%A0%E5%94%B1%E4%B8%8B%E5%9C%96%E7%AF%84%E5%9C%8D%E7%89%88%E5%9E%8B%EF%BC%8C%E4%B8%A6%E5%88%86%E4%BA%AB%E8%87%AA%E5%B7%B1%E7%9A%84%E8%A9%A0%E5%94%B1%E8%AA%9E%E6%B3%95%E8%88%87-Codepen%EF%BC%8C%E4%BE%86%E7%9C%8B%E5%93%AA%E7%B5%84%E7%9A%84%E5%B0%8F%E7%B5%84%E8%A9%A0%E5%94%B1%E8%83%BD%E5%8A%9B%E6%9C%80%E6%8E%A5%E8%BF%91%E3%80%82)
- Lili: [任務挑戰三：第二題](https://hackmd.io/Sy2t4xNWStOfIb15n9lKAg#2-%E8%AB%8B%E7%94%A8-chatGPT-%E8%A9%A0%E5%94%B1%E4%BB%A5%E4%B8%8B-Bootstrap-5-%E6%96%87%E4%BB%B6%E7%9A%84%E5%8B%9F%E8%B3%87%E7%B6%B2%E7%AB%99%E4%B8%AD%EF%BC%8C%E8%A9%A0%E5%94%B1%E4%B8%8B%E5%9C%96%E7%AF%84%E5%9C%8D%E7%89%88%E5%9E%8B%EF%BC%8C%E4%B8%A6%E5%88%86%E4%BA%AB%E8%87%AA%E5%B7%B1%E7%9A%84%E8%A9%A0%E5%94%B1%E8%AA%9E%E6%B3%95%E8%88%87-Codepen%EF%BC%8C%E4%BE%86%E7%9C%8B%E5%93%AA%E7%B5%84%E7%9A%84%E5%B0%8F%E7%B5%84%E8%A9%A0%E5%94%B1%E8%83%BD%E5%8A%9B%E6%9C%80%E6%8E%A5%E8%BF%91%E3%80%82)

3. 請嘗試用 chatGPT 寫出 [todolist API](https://github.com/wuzhe0912/node-todos-example)

- Samuel: [任務挑戰三：第三題](https://hackmd.io/kq4pvEXEQFWuv8u2-xrQ6w#%E7%AC%AC%E4%B8%89%E9%A1%8C)

### 任務挑戰四：專題討論

1. **主題選擇**：請小組內成員，投票自己想做的題目，可先列出 2~3 個最有興趣的，並在線下專題工作坊的時候再做決定即可。

- POS 系統
- 生產力工具
- 線上學習平台
- 電商網站

2. **挑選致敬對象，收斂開發範圍**：挑選出備案主題後，請蒐集幾個相同性質的網站，做為當天工作坊的討論素材。例 (部落格：方格子、medium。短網址：lihi.io)，會藉此設計[使用者故事](https://ithelp.ithome.com.tw/articles/10220522)，來收斂開發範圍。

- Sam Chiu
- 生產力工具 ([Trello](https://trello.com/))
- Lili
- POS 系統 ([蝦皮](https://help.shopee.tw/portal/article/109436-[%E8%9D%A6%E7%9A%AE%E5%BA%97%E5%88%B0%E5%BA%97))
- count1count2
- 電商網站 ([Pinkoi](https://www.pinkoi.com/))

## 代辦事項

|No.|項目名稱|負責人|截止日|已完成|
|-|-|-|-|-|
|1|在 Discord 群組分享自我介紹文字稿|bubble|-|✅|
|2|任務挑戰四：挑選自己想做的主題跟提供參考網站|all|3/4 21:00|✅|
|3|任務挑戰三題目 - 第一題 1,3,5,7,9|bubble, Eileen, Samuel3|3/4 21:00|✅|
|4|任務挑戰三題目 - 第一題 2,4,6,8,10|Lili, Sam Chiu, count1count2|3/4 21:00|✅|
|5|任務挑戰三題目 - 第二題|Lili, Sam Chiu, count1count2|3/4 21:00|✅|
|6|任務挑戰三題目 - 第三題|bubble, Eileen, Samuel3|3/4 21:00|✅|
|7|產出小組代表圖|all|-|✅|
|8|將小組代表圖分享到 Node 企業專題班的 discord 聊天大廳|Lili|-|✅|

## 討論截圖