🥤來開一家數位思維飲料店：『朕喝的茶』

文長，慎入

# 如何讓沒寫過程式的人快速寫出一個網站？從「學寫程式」轉化為「從案例學做產品」的思維

> 人們買電鑽，為的不是電鑽本身，而是為了牆上的洞

學寫程式也一樣，很多時候學寫程式或是學某個軟體，通常是為了讓生活更輕鬆好玩，或是讓人生擁有更多可能性，甚至是為了創業、轉職，而不僅是為了學會一個語言。

語言本身是工具，可以讓你跟外國人對話、可以幫你跟電腦溝通，但我們的目的不僅如此。

然而，我卻經常聽到身邊的朋友學習寫程式半途而廢，包括我自己也曾經學過很多程式語言、工具也都是半途而廢。

因此，如何解決「很多人學了程式卻沒學成」的問題，我認為關鍵是「想學寫程式」這個目標，需要定義得更清楚一些。

我發現沒能學成的問題不外乎是幾種類型：

1. 程式語言真的好難，電腦的運作邏輯難以理解
-> 打基本功的過程就失敗了

2. 學了之後不知道怎麼變成自己想要的東西
-> 理論與實務運用無法融會貫通

3. 就算變出想要的東西了，也不知道下一步、之後的細節
-> 需要實務上更多細節、經驗累積

解決這些問題的關鍵，我認為要從根本的學習模式調整，直接套用適當的案例題目，給沒有寫過程式的人練習，過程中以情境式的案例為主、增加樂趣跟學習成就感。

課程一開始減少艱澀的技術用語跟原理解釋，取而代之的是滑順的學習體驗，學生看到自己一步一步做出會動的產品，累積小成就感，也累積自信，並透過老師的解說，理解在真實世界的場景與電腦世界的邏輯是如何交互、連動的。

秉持著 #敏捷寫作 的精神，把目前尚未完全成形的想法寫出來跟各位分享分享。

## 情境式教學的想法，數位思維飲料店：『朕喝的茶』

一開始先不談歷史淵源典故、程式語言特性或原理，而是設計一個情境，給大家一種沈浸感，一起解決情境中所遇到的各種問題，從教學理論來說是以問題為基礎的學習模式（PBL，Problem-based learning），會讓學習更加有效、更能融會貫通。

例如：
~~~~~~~~~~~~~~
【情境】

康先生決定開一家手搖飲料店叫「朕喝的茶」，「朕喝的茶就是好」，喝好茶，就喝朕喝的茶。

但因為現在已經 2019 年了，報紙上都說要數位轉型，康先生覺得如果店先開了，才開始轉型，競爭力不足，不如從第一天就有數位化思維與營運模式。

因此，康先生找了一批熱血青年開始建立數位版圖，大家必須先替康先生決定數位版圖的大致樣貌，設計出飲料店日常營運的關鍵流程，將流程逐一拆解成使用者故事（user story），分析現實生活中的各種場景如何轉化到數位世界裡的流程與細節，是數位化的重要環節。

【分析】

一家飲料店常見的場景，有不同的使用者觀點：

1. 老闆：康先生每天都想知道今天賣了幾杯、什麼賣得最好？

2. 店員：店員的數學老師時常請假，怎麼樣才不會算錯錢、點錯飲料？

3. 消費者到店消費，消費者喜好多元且枯燥，怎樣點飲料、付錢才有效率？

4. 消費者在辦公室預購、團購怎麼更有效率，店員不想再接電話了，能不能網路下單？

~~~~~~~~~~~~~~

建構了這些場景之後，接著將個別場景的關鍵流程整理出來，逐一形成課堂上的講解、示範，並且讓學生實際動手練習。

像是飲料店老闆一開始必須要決定賣哪些飲料、有沒有冷熱飲、客製化選項有哪些、價格是多少，如此便可以將資料庫概念以及後台表單操作轉化為課堂上的練習，與此同時，開始解釋資料在網站後台、資料庫以及使用者的瀏覽器之間是怎麼流動的、使用者的互動（User interaction）是怎麼發生、又是如何操控的。

分析、拆解一個場景中的各種可能問題，並且以網路產品思維的模式解決之，其實涵蓋的也不僅是「程式設計」的問題，透過數位思維解決問題，還涵蓋了以下幾個不同領域的專業與見解：

1. 介面與互動設計（常聽到的 UI/UX 設計，包括看得到的與看不到的介面，像是聲控；而且一個完整的流程，通常是一連串的操作與互動，要考慮的還包括各種規則、流程、限制、回應等）

2. 數據分析（數據如何搜集、流動、匯集、整理、分析、呈現）

3. 系統營運（廣義的 DevOps，包括系統的負載量、穩定度、反應速度、備份備援等也都要考慮）

4. 協作模式規劃（一個人做產品，跟一群人做產品，考驗的不只是一個人寫程式的功力，而是協作的藝術）

一開始提到的，倘若你是因為有了某個點子，而起心動念想要學寫程式，那麼「寫程式」可能也僅是「電鑽」的一小部分，後面還有一連串要面對的事情。我的建議是重新定義目標，以終為始，分析需要的技能組合及最小可行性方案，如此人生會輕鬆快活許多。

除了飲料店，有很多生活中常見的場景、應用，也都滿適合教學：

## 案例題目：

1. 訂便當、訂下午茶、團購單
2. 電商網站（購物車、金流、電子發票）
3. 無名小站、YouTube（上傳照片、影片）

其他還有一些比較老的題目像是

1. 留言板、部落格，可練習資料庫操作、動線、版面構成
2. 討論區，練習資料分類與關聯、註冊登入機制
3. 做一個 Twitter，練習建立訂閱功能、newsfeed

## 最後想請教曾經想學習程式語言的朋友

我知道有些朋友想學寫程式，有人為了轉職、為了創業、為了成為更好的 PM 或更好的設計師，也有人是想要更理解工程師，增加跟工程師溝通的效率，但也聽過某些朋友總不得其門而入，想請教有經驗的朋友以下幾個問題：

1. （動機）過去是否曾經想要學習寫程式但卻不得其門而入，一開始是為什麼想學寫程式？
2. （遇到的困難）學到一半遇到什麼困難才沒能學成？
3. （想要怎麼學）如果調整為情境個案式的教學，會不會增加學習動力？
4. 或是直接跟我說想做的題目，我來練習寫教材 🐯

#朕喝的茶
#朕喝了茶不尖叫
#我沒有要開飲料店
#清朝康熙雍正乾隆都愛喝茶
#像是碧螺春就是康熙喝了喜歡特別取的名字
#敏捷寫作

【給英語冠詞學習的4大建議】台灣這50年來的冠詞教學、出版出了什麼問題？

"The devil lies in the detail(s)." (魔鬼藏在細節中)

英文的冠詞系統，一直以來都跟介系詞一樣，被視為非常難學的一塊 (DeKeyser, 2005)。除了冠詞系統語言本質上的複雜性 (complexity)，又因為市面上對於「冠詞系統」的解釋的教科書、參考書，這近半世紀來其實沒什麼進步，和最新的第二語言習得研究大大的脫節，學生要學好更顯得天方夜譚。

先從教科書、和大家在誠品金石堂、博客來、PCHOME等等書局、書城買得到的語言書、文法教科書來說起。

這些書絕大部分，在針對冠詞系統的解釋時，分成「是否有特定指代」以及「第1次敘述、還是第2次敘述」來分起。剩下的其他即是遵循半世紀前所發行「XX文法」、「XXX英文文法」中所解釋的方式，並補述些「例外」和一些地理上（國家、地區、島嶼）的冠詞使用方法。最最令人害怕的，或許是網路上時而會傳閱的「要學好英語冠詞就靠這幾招！」相似文章。

但若只要有一些些教學經驗、或語言使用經驗的人就知道，真正在使用英文時，真的困惑我們的可能不是「敘述島嶼」、「國家」時的使用方式 （我們何時要一直寫這些東西！？)。

這樣的用法，google 一下可能就查得到其使用方法 (如:
菲律賓 (the Philippines) 。讓我們常困惑的，並不是「具象」(concrete) 的概念，往往是比較「抽象」(abstract) 的概念。
�
例如，到底什麼是特定指代呢？而什麼不是特定指代呢？這件事情的「判斷」本身，才是最難的地方，尤其當這樣的指代，有時還必須跟中文母語人士的大罩門「名詞可數不可數」「抽象名詞或具象名詞」交互考量後，才能最後決定是 a (n)、the、還是零冠詞。

第二語言習得領域祖師爺之一的 Larry Selinker 早在1972 年於西雅圖華盛頓大學所撰寫「Interlanguage」一文中指出，當規則敘述不完全時，學習英文的人就非常容易過度簡化 (oversimplification) 規則。

如我時而聽到的，「老師～是不是名詞後面有介系詞片語修飾的時候，前面的名詞就要用定冠詞修飾」如此的發言，就是受到「過度簡化規則」，以及「沒有全面理解冠詞系統」的影響，而對語言用法產生的「錯誤假說」(Swain, 1985)。

要真正改善英語冠詞學習、教學，我在此有4項建議：

[1]
台灣的大學外文系中做研究的教授們（特別是第二語言習得、應用語言學為研究專業的)，可以嘗試以普羅大眾可以理解的方式，撰寫一些冠詞使用方式相關的學習文章，全面性、不造成以偏概全性地，讓普羅大眾可以真正理解冠詞系統真正的奧妙。

[2] 英語老師在教學時，如果選擇教授，那麼應該要提供大量的 “context” 讓同學「討論」冠詞的使用，盡量以歸納以及演繹學習並存方式。 最佳的狀況即是提供完整的對話，或從「語料庫」中，取得 authentic input。

任教於 Georgetown University 的語言學大師 Antonella Sorace 曾經將介系詞和冠詞，敘述成很�「軟」(soft) 的結構。很「軟」的語言結構的使用方式，通常無法「死記」，而是需要判斷「上下文」。�

The man in that building is a pilot. (可以有幾種意思？)

A man in that building is a pilot. （可以有幾種意思?)

Courses offered at Harvard are rather comprehensive.

The courses offered at Harvard are rather comprehensive. (需要定冠詞？)

The man works in (the) fashion industry. (fashion industry 要加 the 不加 the?)

3. 學生在做自主閱讀時，用可以一篇短短、難度適中的文章進行「重複閱讀」。

我們在閱讀時很可能有以下的狀況：
第 1 次閱讀: comprehension-based (在看meaning)
第 2 次閱讀: 可以稍微注意名詞、動詞、形容詞的使用 (稍微可以看 form)
第3次閱讀：因為意思很熟悉了，腦有更多的資源可以分給「介系詞」「冠詞」這樣的 function words。

小朋友學習語言，通常比成人學習語言更有 implicit learning (內隱學習) 的能力。而成人要學習外語學得好， “attention” 和 “noticing” 是很重要的關鍵。沒有「注意」到的東西，很多時候就學不起來，包括對於 feedback 的注意也是如此 (另外一位語言習得山頭 Richard Schmidt 如此說)。所以「重複性閱讀」，可以藉由對於文章內容的「越來越熟悉」，讓我們注意到「閱讀第一次不會注意到的東西」。

4. 最後真的有興趣學好的人，歡迎來聽聽我的改變一生英文文法課（笑) 應該是目前為止台灣唯一一個使用最新英語冠詞理論在教文法的課程喔。

最後，祝大家學習順利！

【給英語冠詞學習的4大建議】台灣這50年來的冠詞教學、出版出了什麼問題？

"The devil lies in the detail(s)." (魔鬼藏在細節中)

英文的冠詞系統，一直以來都跟介系詞一樣，被視為非常難學的一塊 (DeKeyser, 2005)。除了冠詞系統語言本質上的複雜性 (complexity)，又因為市面上對於「冠詞系統」的解釋的教科書、參考書，這近半世紀來其實沒什麼進步，和最新的第二語言習得研究大大的脫節，學生要學好更顯得天方夜譚。

先從教科書、和大家在誠品金石堂、博客來、PCHOME等等書局、書城買得到的語言書、文法教科書來說起。

這些書絕大部分，在針對冠詞系統的解釋時，分成「是否有特定指代」以及「第1次敘述、還是第2次敘述」來分起。剩下的其他即是遵循半世紀前所發行「XX文法」、「XXX英文文法」中所解釋的方式，並補述些「例外」和一些地理上（國家、地區、島嶼）的冠詞使用方法。最最令人害怕的，或許是網路上時而會傳閱的「要學好英語冠詞就靠這幾招！」相似文章。

但若只要有一些些教學經驗、或語言使用經驗的人就知道，真正在使用英文時，真的困惑我們的可能不是「敘述島嶼」、「國家」時的使用方式 （我們何時要一直寫這些東西！？)。

這樣的用法，google 一下可能就查得到其使用方法 (如:
菲律賓 (the Philippines) 。讓我們常困惑的，並不是「具象」(concrete) 的概念，往往是比較「抽象」(abstract) 的概念。
�
例如，到底什麼是特定指代呢？而什麼不是特定指代呢？這件事情的「判斷」本身，才是最難的地方，尤其當這樣的指代，有時還必須跟中文母語人士的大罩門「名詞可數不可數」「抽象名詞或具象名詞」交互考量後，才能最後決定是 a (n)、the、還是零冠詞。

第二語言習得領域祖師爺之一的 Larry Selinker 早在1972 年於西雅圖華盛頓大學所撰寫「Interlanguage」一文中指出，當規則敘述不完全時，學習英文的人就非常容易過度簡化 (oversimplification) 規則。

如我時而聽到的，「老師～是不是名詞後面有介系詞片語修飾的時候，前面的名詞就要用定冠詞修飾」如此的發言，就是受到「過度簡化規則」，以及「沒有全面理解冠詞系統」的影響，而對語言用法產生的「錯誤假說」(Swain, 1985)。

要真正改善英語冠詞學習、教學，我在此有4項建議：

[1]
台灣的大學外文系中做研究的教授們（特別是第二語言習得、應用語言學為研究專業的)，可以嘗試以普羅大眾可以理解的方式，撰寫一些冠詞使用方式相關的學習文章，全面性、不造成以偏概全性地，讓普羅大眾可以真正理解冠詞系統真正的奧妙。

[2] 英語老師在教學時，如果選擇教授，那麼應該要提供大量的 “context” 讓同學「討論」冠詞的使用，盡量以歸納以及演繹學習並存方式。 最佳的狀況即是提供完整的對話，或從「語料庫」中，取得 authentic input。

任教於 Georgetown University 的語言學大師 Antonella Sorace 曾經將介系詞和冠詞，敘述成很�「軟」(soft) 的結構。很「軟」的語言結構的使用方式，通常無法「死記」，而是需要判斷「上下文」。�

The man in that building is a pilot. (可以有幾種意思？)

A man in that building is a pilot. （可以有幾種意思?)

Courses offered at Harvard are rather comprehensive.

The courses offered at Harvard are rather comprehensive. (需要定冠詞？)

The man works in (the) fashion industry. (fashion industry 要加 the 不加 the?)

3. 學生在做自主閱讀時，用可以一篇短短、難度適中的文章進行「重複閱讀」。

我們在閱讀時很可能有以下的狀況：
第 1 次閱讀: comprehension-based (在看meaning)
第 2 次閱讀: 可以稍微注意名詞、動詞、形容詞的使用 (稍微可以看 form)
第3次閱讀：因為意思很熟悉了，腦有更多的資源可以分給「介系詞」「冠詞」這樣的 function words。

小朋友學習語言，通常比成人學習語言更有 implicit learning (內隱學習) 的能力。而成人要學習外語學得好， “attention” 和 “noticing” 是很重要的關鍵。沒有「注意」到的東西，很多時候就學不起來，包括對於 feedback 的注意也是如此 (另外一位語言習得山頭 Richard Schmidt 如此說)。所以「重複性閱讀」，可以藉由對於文章內容的「越來越熟悉」，讓我們注意到「閱讀第一次不會注意到的東西」。

4. 最後真的有興趣學好的人，歡迎來聽聽我的改變一生英文文法課（笑) 應該是目前為止台灣唯一一個使用最新英語冠詞理論在教文法的課程喔。

最後，祝大家學習順利！

OPEN FOR MORE INFO! / 更多資訊在↓↓
__

✧ Listen and download my songs / Dena正式發行音樂

Dena 張粹方 - 你愛她 You Love Her

KKBOX | https://kkbox.fm/Fa2c3x
Spotify | https://goo.gl/usDyaj
Apple Music | https://goo.gl/pkGBNE
iTunes | https://goo.gl/iuK1g3

Dena 張粹方 - Daydreaming 白日夢

http://bit.ly/DaydreamingMVOfficial

__

✧ More Videos / 熱門影片連結

Shouldn't Be Missing 自創曲 | https://youtu.be/cT_bJ9oUhvw
How I learned English | https://youtu.be/ZgHqeOrW4_I
Last video 上一部 |

__

✧ Extra Content / 補充內容


What I'm wearing:
face - Shu uemura lightbulb foundation
eyeshadow - fortune palette
blush - maybelline
bronzer/contouring - sephora
lips - colourpop dreamy
top - nasty gal
jewelry - madewell
watch - daniel wellington

__

✧ Connect with Me | Social Medias / 社群

FACBOOK / 粉專
https://goo.gl/ygpXwC

INSTARAM
https://goo.gl/nAhXXu @dena_chang

OLD YOUTUBE / 舊頻道
https://goo.gl/J3tjka

__

✧ Business Inquiries / 工作洽談
[email protected]

__

✧ Greetings /

新朋友嗎? 嗨我是Dena! 高中開始追求我的音樂之路，畢業於輔仁大學護理系! 畢業後終於有勇氣全程灌注去美國念音樂! 這個頻道是分享著我最真實的故事! 歡迎加入我的大家庭一起陪伴彼此成長! 頻道中提供著Dena留學分享、音樂作品、彩妝、生活實錄Vlog等等! 有時候還會來點英文教學哦!

Welcome to my channel! I'm a singer/songwriter based in Taiwan! This channel is pretty much about my current life, my experiences studying at Berklee College of Music in the states, things that I love(music and makeup!) AND you will be expecting a lot of some REALLY chatty videos... (you are warned)!

__

KEYWORDS: dena chang 張粹方 2018 生活紀錄 vlog taiwanese 康熙來了 網路 創作 歌手 美國 Berklee School Of Music 英文歌 分享 music favorites faves 自彈自唱 化妝 bruno mars how i learned english 輕鬆 學英文 教英文 美國 美式 腔調 留學 英語 教學 自學 education 台北 台灣 補習班 生活 lifestyle video 旅行 singer songwriter