---
# System prepended metadata

title: 專題
tags: [專題]

---

# 專題
###### tags: `專題`

## 基本規格
### 會員

1. 11
2. 11
3. 11
4. 
- 註冊
- 登錄
- 完善會員資料
- 提案
- 對產品/專案按讚/追蹤
- 結帳付款

### 訪客
- 瀏覽頁面
- 需求
- 需求
- 需求


### 金流平台
- [stripe](https://stripe.com/) 
- [綠界科技](https://www.ecpay.com.tw/Business/payment_standard?gclid=Cj0KCQiA2af-BRDzARIsAIVQUOf92i4gTnvEaiziCoi5lv6kcG-NJh_nJqu_8au2Zb_mkmMCGfuyrLwaAo32EALw_wcB)
- [藍星金流](https://www.newebpay.com/)


### 募資
- [貝殼放大](https://www.backer-founder.com/) `群眾募資`
- [貝殼集器](https://backme.zendesk.com/hc/zh-tw) `為貝殼放大旗下的金流管理工具`
- [嘖嘖](https://www.zeczec.com/)
- [Patreon](https://www.patreon.com/) `訂閱制` `金流` `影音`
- [flyingV](https://www.flyingv.cc/)
<!-- - [kickstarter](https://www.kickstarter.com/) `也是RoR做的`
- [Indiegogo](https://www.indiegogo.com/) `也是RoR做的`
- [wadiz](https://www.wadiz.kr)
- [CAMPFIRE](https://camp-fire.jp/) `日本最大募資平台`
- [READYFOR](https://readyfor.jp/) `日本第一個募資平台`
- [Makuake](https://www.makuake.com/) `日本前三名募資平台`
- [causes](https://www.causes.com/) `公益慈善型募資` [wiki](https://en.wikipedia.org/wiki/Causes_(company))
- [gofundme](https://www.gofundme.com/)
- [Airfunding](https://www.airfunding.net/tips/how-it-works)`捐贈型眾籌服務平台`

 -->
### 爬蟲
- [集資計畫數位紀錄](https://backtail.tw/)
- [Drip](https://drip.crowdfunding.coffee/landingpage.php?utm_source=plugin)`集資排行分析平台`

### 參考資料
- [[Podcast] 讓天下沒有難收的錢 — Stripe 與台灣的支付整合｜特別來賓 新零售行銷創辦人王建民](https://daodu.tech/11-02-2020-make-no-money-unreachable-stripe-and-payment-integration-in-taiwan)
- [2020 電商金流懶人包 – 全通路整合「多元支付」，有效提升下單付款率！](https://www.cyberbiz.co/blog/2020%E9%9B%BB%E5%95%86%E9%87%91%E6%B5%81%E6%87%B6%E4%BA%BA%E5%8C%85-%E5%85%A8%E9%80%9A%E8%B7%AF%E6%95%B4%E5%90%88%E3%80%8C%E5%A4%9A%E5%85%83%E6%94%AF%E4%BB%98%E3%80%8D/)

---

<!-- ### 複合式平台 -->

<!-- - [Causes](Causes) `社交` `募資` `金流` -->
<!-- - [PaGamO](https://www.pagamo.org/) `遊戲` -->
<!-- - [Netflix](https://www.netflix.com/tw/) `金流` `影音` -->


<!-- ## 後台參考

### 電商
- [SHOPLINE](https://shopline.tw/)
- [CyberBiz](https://www.cyberbiz.co/) 擴編中
- [樂飛亞(已停業)](https://www.levooya.com/) 反向代購(許願＋接單)
- [pressplay](https://www.pressplay.cc/)
- [kkday](https://www.kkday.com/zh-tw)
- [KLOOK](https://www.klook.com/zh-TW/)
- [kktix](https://kktix.com/)
- [Accupass](https://www.accupass.com/?area=north) -->


## 專題重點

### 前端火力

* **框架**
     - [boostrap5](https://v5.getbootstrap.com/)
     - grid
     - [react.js](https://)
     - [vue.js](https://)
* **非同步AJAX**
   - [XMLHttpRequest API ](https://developer.mozilla.org/zh-TW/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest)
   - [Fetch API](hhttps://developer.mozilla.org/zh-TW/docs/Web/API/Fetch_API)
   - [axios](https://www.npmjs.com/package/axios)
   - [rails/ujs](https://)(不用token)
* 動畫 （JQuery）
* * 指令
* [追蹤/按讚/收藏](https://)(可以看12/04課程內容)
* 分享(line,FB)
* 即時繪圖
* 分析圖表（chart.js）
* [Webpack](https://medium.com/i-am-mike/%E4%BB%80%E9%BA%BC%E6%98%AFwebpack-%E4%BD%A0%E9%9C%80%E8%A6%81webpack%E5%97%8E-2d8f9658241d)
* [QR code](https://wellwind.idv.tw/blog/2016/12/10/front-end-jquery-qrcode/)
*  [爬蟲](https://roger35972134.medium.com/ruby-on-rails-capybara-%E6%90%AD%E9%85%8D-nokogiri-%E5%8B%95%E6%85%8B%E7%B6%B2%E7%AB%99%E7%88%AC%E8%9F%B2-web-scraping-parsing-2b7fb33ca419)

### 後端火力 
* **Ruby on Rails**
* CRUD
   - 建立會員系統
   - 購物車
   - 驗證確認
   - 關聯性
* 測試(RSpec) `必選`
* [CI/CD](https://medium.com/@Bear_/%E4%BB%80%E9%BA%BC%E6%98%AF-ci-cd-72bd5ae571f1)
* 金流(綠界、藍星)
* API
* 搜尋
* 第三方登錄(Google,FB,GitHub)
* 支援多語系
* DB(PostgreSQL,AWS3)
* 部署
* 專案規劃(Trello)
* 版本控制(Git)


### 炫砲效果參考 
- [squadeasy](https://www.squadeasy.com/en)
- [gogoro](https://www.gogoro.com/tw/smartscooter/s-performance/s2/)


<!-- ### 社群
- [MeWe](https://mewe.com/) `社交`
- [Reddit](https://www.reddit.com/)
- [pinterest](https://www.pinterest.com/)`瀑布式瀏覽` `貼文互動`
- [Blink](https://www.blink.com.tw/jobs/)`hashtag` 
- [Line]()

### 資料分析
- [Tagnology](https://www.tagnology.co/home#scroll-new-features)  `Hashtag` `視覺資料分析` `社交`
- [SurveyCake](https://www.surveycake.com/) `視覺資料分析`  

### 網路新聞
- [Flipboard](https://flipboard.com/) `爬蟲`

### 程式
 -->
 
 <!-- ### 雲端協作
- [Salesforce](https://www.salesforce.com/tw/)
- [Microsoft Teams](https://www.microsoft.com/zh-tw/microsoft-365/microsoft-teams/group-chat-software)`協作`
- [slido](https://www.sli.do/) -->



