網誌

常見的 Bootstrap 新手中伏位：從手帶 app (居安抗疫) 下載頁一齊睇

筆者一看到居安抗疫這個網站就覺得排位怪怪的，打開後發現，充滿著常見的 Bootstrap 新手中伏位！讓我們一起來看一看！

手帶 app 有幾安全？

在筆者發現監察手帶 app 的下載頁問題之後，想起有巴打連遞交表格都不成功，於是就嘗試下載這個《居安抗疫》程式的 Android 版，把它 decompile (反向編譯)，看一看箇中問題，希望為 OCGIO (政府資訊科技總監辦公室) 找一些 bugs，然後讓有手帶的人成功遞交表格。

學寫Code失敗之四大原因

不知不覺間，筆者從事編程教育已踏入第三個半的年頭:在這段時間之中，見證了二百多位同學由編程初哥開始，經過十多星期的努力、挫折、合作，最終成為專業的程式設計師。當然，在這段時間之中，筆者亦見證了一些學寫Code失敗的情況，固然每個人的天份才能有所不同，有些同學的思考方式天生就與編程較為契合，有些同學則要花九牛二虎之力，才能成為一個專業的程式設計師。 因此，筆者由數年的觀察所得，發現學寫Code失敗的同學皆有一些共通點，因此希望在此分享，如果你有意踏入資訊科技一行，或是想報讀我們Tecky的課程，不妨留意一下自己編程有否這些自己不察覺的問題啊!

為家人添置多一個新聞選擇 —— 利用 Raspberry Pi 接駁 NowTV 新聞台上電視

為家人添置多一個新聞選擇 —— 利用 Raspberry Pi 接駁 NowTV 新聞台上電視

SQL四部曲: SQL的未來在何方?

先前三篇關於SQL的文章，分別講述了SQL的歷史、功能、誤解，這一篇筆者將會大膽預測，預測SQL的未來發展的可能方向。到底SQL在未來會是比現在更廣泛使用，成為每一個數據分析師的必備工具?還是被另外一種語言所取代？還是關聯式資料庫不會再受歡迎呢？

SQL三部曲:你不需要ORM

曾經學習軟件開發的朋友，都應該在框架中，學過如何從資料庫讀取資料，而十之八九學到的方法，就是使用框架中的ORM程式庫。例如Ruby on Rails 內置了Active Record、Django內置了Django ORM、 Spring Boot則通常與 Hibernate一齊使用，C#則有一套本身的.Net Entity Framework。基本上通用的程式開發框架，都必然有自己的ORM程式庫。

SQL二部曲:五件事，你不知道SQL勝任有餘

上一篇文章講到了SQL的發展歷史，也提到了NoSQL的出現曾經為SQL資料庫帶來不少挑戰。正是這些挑戰，令現今SQL內置功能愈來愈豐富。近年SQL資料庫功能上大有進展，其中PostgreSQL功能日臻完善，運用PostgreSQL，連帶不少大家本以為只能運用NoSQL解決的問題，也可以輕鬆解決。 因此，本文主要會以PostgreSQL作舉例，當然以下很多功能在其他SQL實作如Oracle、SQL Server 、MySQL等都已逐漸支援，因此可看成是普遍SQL在不久將來廣泛支援的功能。

SQL首部曲:NoSQL? No! SQL!

由本篇開始，接連四篇都是與SQL有關的文章，會想寫SQL的原因，是因為SQL在現今軟件開發及數據科學佔有舉足輕重之地位，卻總是在背後默默無名，從未見得到像其他新興技術之關注，有見及此，筆者決定介紹SQL之特點，順便破除一些對使用SQL上常有的誤解。

React Hooks(四):全函數式React

筆者在上年十一月React Hooks剛發佈時，就寫過關於React Hooks的應用，如何簡化開發React 應用時要寫的程式碼，之後又介紹了Redux-React-Hooks這個筆者認為有不錯前途的組件，雖然隨著React-Redux加入了React Hooks的應用，現在寫React + Redux應用，已無需再寫長長的mapStateToProps及mapDispatchToProps。

學好手勢 == 學好Coding

編程老手與編程新手在工作時，不論效率、思維方向、甚至打字速度都截然不同，不過在學習編程的道路上，有一個方面常被忽略，就是編程手勢(Coding Practice)，有豐富實戰經驗的工程師，通常培養了良好的編程手勢，工作時，自然錯誤較少，也因為除錯得少，省略了不少寶貴的時間，整體結果也蔚然不同。

炒作周期

科技世界，尤其是資訊科技世界，普遍有一種喜新厭舊的傾向，對運用時日漸久的技術，往往會衍生出一種厭倦之感，鮮明例子就如常用的程式語言如Java、PHP，被認為不再sexy，不及新穎的Kotlin、Swift吸引。曾經風頭一時無兩的3D打印，近年亦比以往的熱潮時冷卻得多。Bitcoin熱潮，在加密貨幣價格大上大落之下，也比起一兩年前減退不少。乍看之下，好像新科技都遵從著相近之發展軌跡，難道這是每種新科技發展都必須經歷嗎？

利用 Puppeteer 刮取社交媒體資訊

一般初學者會用 Scrapy 或者 BeautifulSoup 去作網頁刮取 (Web Scraping)，這種方法的以 Python 直接向 Web Server 送出請求，速度可以很快，省卻一般瀏覽器下載 HTML 和 CSS 等時間。不過，某些網站為了防止自己的內容被刮取，或者源於原本網站設計的複雜程度高（如 Facebook、康體通、實時股票網站等等），需要使用大量 JavaScript 去渲染畫面，都使到這些刮取方法失效。

為何你應該使用密碼管理員?

根據一項網上調查，發現超過7成用戶有超過10個網上帳戶，而大多數情況下都會於不同的帳戶重用密碼。更有3成用戶表示自己實在有太多帳戶，連自己也不清楚有多少個。縱然保安專家常常建議用戶應該為每一個帳戶設下不同的密碼，執行上卻是不切實際:一個正常千禧年代互聯網用戶，動輒就有四五十個帳戶，要以人腦記住四五十個不同帳戶的電郵已是Mission Impossible ，更何況是密碼呢？

學寫程式為何甚艱難?

如果你想學寫程式，在網上搜尋一下，不難找到不少「輕鬆學習XXX」、「YY天輕鬆學會Python」的教材及影片;去電腦書店逛一圈，很容易就可以找到「七天學會Java」等的書籍，這些教材其實都在推廣一個信念，也就是: 學寫程式很簡單，人人都可以學會。 筆者對此信念後半部深表認同，但是對前半部所謂「學寫程式很簡單」，卻真是不敢苟同。

非結構化數據

近年數據科學及人工智能發展迅速，大眾開始對數據(Data)有很大興趣，甚至有「數據是未來的石油」(Data is the new oil)的講法。很容易會聽到如大數據(Big Data)、數據導向決策(Data Driven Decision)、數據化組織(Data Organization)等等與數據相關的詞語，其中重點，不外乎都是如何運用已儲存的數據，通過數據處理及數據分析，從而得出結論，幫助決策。筆者今日希望談談的，是另一個技術用語，與大數據一詞經常一齊出現，就是非結構化數據(Unstructured Data)。

天文台的理想與現實

香港天文台的預測經常令你失望？是你的心理作用，還是這台的預測真的有偏差？配合 Web Scraping 和 d3.js 讓大家都把誰是誰非一眼看通透！

軟件工程師成長手冊

筆者經常都强調軟件工程師有高下之分，不論技術或是解難能力都可以隨時日改善，亦曾大力鞭撻專家級初學者的無知，對軟件開發造成破壞。 初出茅蘆的軟件工程師及編程初學者想要改善自己技術，在茁壯成長的話，對自己技術層面有一個準確評價是至關重要，以免墮入「識少少，扮代表」的認知偏差。

科技會過時？

不諳編程或是編程初學者常常會有一個印象：就是資訊科技發展很快，一種最新技術可能數年又會變得「不再流行」，又時時會有一些新穎的科技流行語(Buzzword)，早幾年是雲端、大數據，過了一會又是數據科學、人工智能、現在又出現了所謂的區塊鏈技術。編程初學者，在沒有先前經驗的情況下，往往無所適從，不知如何是好。

Excel病特效藥：Office JavaScript API

有留意本站博客的朋友，可能看過有一種病叫Excel病這篇文章，都知道筆者絕不贊同亂用Excel作程式用途，因為Excel本身作為試算表，最適合作財務計算，或以數據生成圖表等功用。作為程式用途，則困難重重，舉一簡單例子，要在Javascript，顯示出1至10000的所有數字，是一個編程ABC的問題，程式初哥亦能輕易解決。

做個精明消費者 : Python 簡單數據科學日常應用例子

相信讀者或多或少都會有需要去香港超級市場購買家居日常用品的經驗.而從小我們都知道貨比三家,格價理財的基本消費原則. 不知道讀者會否知道香港有消費者委員會, 在消費者委員會的網上推出了網上格價一覽通, 讓我們每日得到六間超級市場的相同貨品的價格資料.

React Hooks(三)：Redux-React-Hook

React Hooks在React 16.8.0的版本正式成為React的正式功能。正如前兩篇所言，React Hooks簡化了寫複雜代碼的難度，亦令React的函數式部件(Functional Components)亦能使用state及props，可是傳說中React Hooks將會取代Redux呢？卻一直都是只聞樓梯響。這篇文章就會介紹一個筆者認為頗有前景的組件，就是在Github中的facebookincubator中的redux-react-hook。

專家級新手

今次要介紹的，是一個非常常見之現象，不論你是學寫程式、學做甜品、學寫文章，又或是練習球技、體能訓練等，都會經常窺見其身影。 想像一下：你的朋友問你：「你的駕駛技巧好嗎？比較起其他司機來說如何？」如果你本身有駕駛執照，但是不常常駕車，大概你會回答：「中規中矩吧，平均水平」；經常駕駛的人，因為經驗豐富，會覺得自己是中上甚至良好之水平。然而，這個想法人人都有，卻與現實完全相悖：因為任何羣體之中，必然有一半個體在中位數(Median)以下，而一項經典的調查發現，八成的司機都認為自己的駕駛水平在平均之上，這明顯代表在駕駛技術的世界上，大部份人都有自視過高的問題，也代表其實大多數司機，無法準確判斷駕駛技術之高下。

從「同朕check下」談中文科技詞彙

本站文章以中文寫作，本來為方便香港讀者，在芸芸的英文文章之中，有一個另類選擇。出乎意料之外，我們近日發現多了不少台灣讀者閱讀本站文章，細想一下，大概是因為 筆者寫文好用中文科技詞𢑥，如型別推論(Type Inference)、機器學習(Machine Learning)、超文本傳輸協定(HTTP)等，台灣的軟件工程師搜尋相關的詞語，自然容易找尋到本站。然而，中文的科技詞𢑥，對不少香港軟件工程師而言，其實並不常用，那是甚麼驅使筆者會堅持使用這些中文科技詞𢑥呢？是愛？還是責任呢？

HTTP：互聯網的共同語言

互聯網的共同**人類**語言是甚麼呢？答案是英文，根據[維基百科](https://en.wikipedia.org/wiki/Languages_used_on_the_Internet)，世界上有五成四的網站都是以英文寫成，另外的四成六則以其他世界各地的語言寫成，所以說互聯網上的用家(即是各位)主要使用英文溝通也不為過。可是大家細想一下，互聯網上的電腦，又是怎樣互相溝通的呢？當你鍵入 `https://www.google.com`，為何遠在千里之外的Google伺服器，能夠與你桌上的手提電腦裏的Google Chrome溝通呢？這一切，要由互聯網誕生之初講起。

Dart vs JavaScript vs TypeScript

隨著Flutter受到開發者的重視，Google於2011年推出的Dart又重新進入大家關注的視野之內，不過除了Flutter以外，其實Google的開發者早在2016年也推出過Angular Dart，讓開發者以Dart開發網站應用，不過由於Angular Dart對比TypeScript版Angular文本長期不足，因此沒有引起太多關注。Google推出Flutter，可以說為大家對Dart的信心注入了一劑强心針，大家又重新開始關注這個已有８年歷史的程式語言。 本文想介紹的是，就是到底Dart有何特色？與JavaScript比較，又有何優劣？由於TypeScript開始於前端日漸盛行，我們亦可以趁機比較一下三種語言的異同。

Web Technology為何征服世界？

2007年，蘋果宣佈發佈第一代iPhone，標誌智能電話時代的開始;一年之後Android亦宣告面世，從此時起，智能電話的發展迅速，Ｍobile App成為軟件的代 名詞，筆者初初成為軟件工程師時，總有朋友詢問我是否正在開發Mobile App，縱使筆者的專業一直都是網頁及後端開發之上。而其時亦有不少預測，預測[網站將會被Mobile App完全取代](https://searchenginewatch.com/sew/opinion/2414336/the-final-hurdle-is-cleared-apps-will-replace-websites)。網站所用的HTML、CSS、JS等，亦將成為歷史，送入博物館之內。

平常人都能掌握的Programming 原則

大家會定時整理自己電腦中的文件嗎？大家看軟件工程師工作時，往往會發現他們的檔案總是井井有條，資料有條不紊地排列。難道學習軟件工程能使人變得 整齊？原因其實在於軟件工程師經常需要處理大量檔案及資料，因此發展出一套完整的工程原則(Engineering Practice)，久而久之，就掌握了資料管理 的要訣。而如果平常人也掌握了這些工程原則，在日常電腦使用，其實也有不少好處。

如何對治思維籠統

以下情況相信大家似曾相識： > A公司希望完成一個專案，將專案外判給一間軟件開發公司B開發，專案開始後，總發覺B公司不太理解要求，製成品也與要求相去甚遠，與B公司的 > 程式設計師多次開會亦結果不彰，最終專案「爛尾」收場，A公司不得已又將專案再外判給C公司，同一問題似乎又再上演... 探究原因，何解此類問題經常出現？原因往往在於A公司的相關負責人本身沒有編程背景，因此給出的要求相當籠統，B公 司的程式設計師亦不理解A公司期望，因此導致專案最終失敗。 讀到這裏，大家可能會嚷道：「A公司的負責人當然沒有編程背景啦，不然A公司自己做就好了」其實問題重點不在於A公司本身是否有編程的專才，而在於產品 負責人(Product Owner)與程式設計師溝通良好與否，即使A公司本身有編程Team，如果溝通不良，專案失敗是不會改變的。要討論溝通良好與否，先 要理解平常人的思維方式，與程式設計師的思維方式，往往差別甚大。

Online Course不能承受之輕

Online course已成為學習的新潮流，尤其是學習科技類知識，大多數人都是上網於**大規模開放線上課堂(Massive Open Online Courses)** 選擇希望學習的課程。現時較熱門的平台有`Coursera`、 `Udemy`、 `Edx`等。 完全免費的例子例如`MIT Open courseware`亦是大行其道。 網上課程的普及，令不少人發出感嘆：「讀大學所為何？讀網上課程就好了。」然而，以網上課程學習，與真人教授課堂相比，有一道難以逾越的 圍牆：網上課程難以協助學習者建立編程所需的心智模型(Mental Model)。

Qubit能吃嗎？

這幾天，各大科技網站都在報道IBM展示了世界上第一部商用的量子電腦， 不少科技網站也將量子計算形容為最期待的未來科技。那到底量子計算是何方神聖？為何令大家都引頸以待呢？ 要理解量子計算的基本原理，最佳方法，就是由傳統的位元(bit)談起。

Tecky新網站

如果大家在這一兩日有上過Tecky網站的話，應該發現了網站跟以前有些許不同： 網址由https://www.tecky.io 變為https://tecky.io 網站內容設計佈局有所不同 網站載入速度明顯加快 是甚麼改善令致有此分別？其實我們已將整個網站重寫，再重用本來現有設計及圖片。既然外表無大變化，那又為何要重寫呢？這不是浪費人力物力嗎？ 要理解為何有此一着，要先從我們的舊網站講起

寫Blog與寫Code

在外國，程式設計師在課餘時間寫Blog是很平常的一回事，大家在找尋技術問題的解決方法時，除了全知的Stack Overflow之外， 很多時候閱讀的就是一些其他高手所撰寫的技術文章，博客平台如Medium等也應運而生。相較之下，香港甚少有聽聞程式設計師有寫博客的習慣，大概是由於 工作繁忙，抽身不暇。筆者此前也只是曾經在一些Facebook專頁寫過一些技術文，現在才算上是恆常出文。短短數月中，已感受到為何外國程式設計師如此樂 此不疲，即使要抽出私人時間，也會寫Blog出文。

新年願望：學寫程式懶人包

剛剛過了2019的新年，大家許下了甚麼新年願望呢？也許大家會希望在2019年學會寫程式，突破自己

馮紐曼

今日是12月28日，115年前的今日，一位對現今電腦有深遠影響的天才出世了。他一生對數學、電腦科學、物理學貢獻良多，被譽為電腦科學其 中一位奠基人，與廣為人所知的艾倫‧圖靈齊名，他就是約翰‧ 馮紐曼(John von Neumann)。

軟件工程及軟件工藝

軟件工程是一個相當耳熟能詳的名詞，軟件工程(Software Engineering)由來已久，亦因此程式設計師(Programmer)又稱為軟件工程 師(Software Engineer)。

好Programmer是怎樣煉成的？

有一個大部份僱主都面對的難題，在芸芸履歷之中，如何萬中挑一，找到好programmer呢？聘請程式設計師很難，不像其他行業，打開 履歷就一目了然：有時履歷上滿滿証書的，其實連FizzBuzz也寫不了；有時看起來像個fresh graduate的，卻又有無限潛力。 如果你是一個要聘請程式設計師的僱主，你應該如何是好呢？

資訊熵

資訊量有方法量度嗎？當然有，一句十個字訊息跟一百字訊息所包含的資訊當然大相逕庭。光看字數準確嗎？同一語言還可，然而不同語言不同字數所表達的 意思不同，本身根本不可比。看檔案大小可以嗎？有時可以有時不可以，因為不同檔案類型大小不同，光看檔案大小並不準確。 因此，電腦科學中有一個數學方式表達資訊量，此概念就是資訊熵(Information Entropy)。

有一種病叫Excel病

有一種有相當歷史的軟件，簡單易學，能滿足大多數人對電腦運算能力、資料處理的需要，除了最初設計用途，被濫用在很多不同用途上， 聰明如你，應該知道我想講的就是試算表(Spreadsheet)，其中最多人用的當然就是Microsoft Excel。

兩種檔案大不同

當你想寫好一個文件，用 .doc 檔 及 .txt檔 有何分別？ 驟看之下，最大分別就是 .doc檔 要用Microsoft Word開， .txt檔 只要一個簡單Notepad就可以。實情是 .doc檔 跟 .txt檔 分別代表兩種截然不同的檔案，如果你用一個純文字編輯 器打開他們，分別就顯而易見了。

四個原因令Linux更適合作Server

在Tecky Academy教學中，間中會有同學問：「點解唔用Microsoft Windows做Server？用Linux有咩好處？」 誠然，於消費者電腦(不計算智能電話) 市場中，Windows有七成市佔率，Mac佔了一成，Linux只有可憐的一個百分比。為何在伺服器的市場上，卻是反而Linux占有約六成，擁有最大的市場份額呢？

Emoji是圖還是字？Emoji到底如何運作？

平日大家使用即時通訊軟件時，少不免加入很多表情符號，同樣一句說話，有否表情符號意思上有不少分別。當大家在選擇表情符號去表達心情，有想過 表情符號到底是甚麼？是圖？是字？曾經使用Android 及 iOS的用家，應該發現兩者的表情符號有些許分別。到底原因為何呢？

到底React Hooks有何特別（二）？淺談useEffect及useReducer

於本篇文章的上集，我們討論了useState如何令Stateful React Component簡化良多，此篇主要討論的是如何使 用useEffect。useEffect可以簡化state，很多人都提到React Hooks有可能可以完全取代Redux作為 React State Management的標準，正因如此。

到底React Hooks 有何特別？

新近推出的React 16.7包括一個很有趣的功能，名字叫做React Hooks。看到這個名字，很多人會下意識認為是在講componentDidMount, componentDidUpdate等方法。但其實這些方法的正名是 React Lifecycle Method， 推出React Hooks是為了方便開發者多用functional component，但仍然能夠使用state及 props等重要功能。

Data Science? AI ? Machine Learning? 到底有何分別?

近幾年大家經常聽到 Data Science(數據科學)、AI(人工智能)、Machine Learning(機器學習)、 Deep Learning(深度學習)等等詞彙， 以上的名詞的意思好像差不多，但又並非完全一樣

如何成為 Programmer （五）：想編寫遊戲

上一篇提及選擇學習不同程式語言的考慮因素，而最重要的是取決於你學習的終極目標。如果可以一邊學習，一邊練習編寫和你興趣或想法相關的程式，必定是最有效的學習方法。 以下幾篇，我會以數種常見的學習目標為分類，介紹不同的入門語言給大家參考！

破除迷思系列：高手一定唔用Windows ？

早一排有朋友想學寫程式，他忽然問我：「我要買一部Mac 機嗎？」，開始的時候我也不太理解原因，後來細問之下，才知道朋友覺得通常看Youtube時，片中的Programmer都愛用Mac，一些 Coding Bootcamp 甚至乎非Mac 不教。因此他認為一個高手必用Mac ，只有對電腦不熟的人才會用Windows。

破除迷思系列：Programmer 做到三十歲就要轉行？

有人看到這些故事，結論就是Programmer 做到30歲就好，要盡快升遷到不用再寫Code的位置，才會穩妥，不然一遇上經濟轉差，就會面臨裁員的可能性。其實不只香港，外國亦有人有類似看法，彷彿三十歲是一條無形死線。過了三十歲，還在前線寫Code，未來就會一片暗淡無光。

如何成為 Programmer （四）：適合新手的語言

初學者剛接觸 Programming 時，經常都遇到一個難題「應該學哪一種程式語言？」這個問題，在十個網站，都會有十個不同的答案，而且不同年代也有不同的答案！

破除迷思系列：用Command Line 的都是Hacker？

大家如果有Programmer 的朋友，你應該早就發現他們使用的軟件與平常電腦使用者很不同，其中最引人注目的就是一個黑底淺色字、無任何圖案的軟件，而你的Programmer 朋友在上面飛速打字，然後密密麻麻的文字就慢慢向上褪出螢幕，大家總會忍唔住補上一句：「嘩！好似Matrix啊！」 或者「你係Hacker嚟架？」

學術探討系列：型別推論(一) Type inference(I)

本篇是學術探討系列的第一篇，與先前不同的是內容上會以純粹學術角度集中探討一些題目，打響頭炮的將會是關於型別推論(Type inference)。歡迎大家留言建議一些題目啊。

如何成為 Programmer （三）：學習資源

線上和線下資源眾多，如果想成為 Programmer，應該如何選擇呢？

破除迷思系列：Programming language 有高下？Java 、PHP 無人再用？

久不久在Programming 的社群內、討論區內，總有同行大聲疾呼：「Java 已死！」或是「PHP 已死！」一類的講法，總令想學習這類「悶蛋」語言的朋友望而卻步，怕投入了時間精力，最終卻無用武之地。

如何成為 Programmer （二）：其實入行不難

續上一篇講及 Programmer 前景不錯之後，可能你也心思思想投身這個行業，但倘若你本來不是 CS Degree 畢業，也不是理科生，你還以為 Programmer 或 Coding 都與你無緣了。不過，根據很多的調查發現，原來這種種背景都絕對不是問題！

破除迷思系列：Programming = Computer Science ?

一個大家經常會問到Tecky Academy的問題是，我們程式設計微學位課程跟大學的電腦科學學位有甚麼不同？為何大學要讀四年，Tecky卻是在三個月完成？ 其實，歸根究柢原因是大學教的是電腦科學(Computer Science) ，Tecky教的是程式設計(Programming) 。

國泰資料外洩其實有咩implications?

但係喺眾多嘅討論之中，有一個重點往往被忽略：就係點解測試要用真實乘客嘅數據 ?

如何成為 Programmer （一）：業界景況

問如何成為 Programmer 之前，首先要問，到底為何要成為 Programmer 呢？IT 狗有前途嗎？真的是 HONGKONGNOIT 嗎？