一個簡單後台的開發經驗

這個心得呢,是因為公司(WAPOS)在這個月被賣掉了,產品的開發已經移交給新公司的團隊,所以趁還有記憶的時候做個總結,不然以後都忘光光就後悔也來不及了。 我負責開發的是管理後台,非常典型的管理後台。任務就是CRUD商品、訂單、庫存等等所有商家都會有的資訊。基本上沒有什麼複雜的功能,目標是提供給商家最好的UX,順暢的管理他們的資料。我們有研究過同類型產品的後台,大多一看就是停在10年前的風格,所以也是希望能用跟得上時代的設計吸引到客戶。 這段兩年多的開發經驗很可能是我這輩子最愉悅的,以後不大可能有同樣的機會了。這是因為大部分的事情我可以決定,不太需要顧慮什麼。比方說技術的選擇。另外,library 的版本也是想升就升, »

React Hoooooooook!

在期待已久的等待之下,有 React Hooks 的 16.8 終於正式發佈了(6/2/2019)!自從我第一次看到 ReactConf 上的 demo 之後,我就希望能馬上改用 Hooks 來寫 React 了,這段時間真是一直都很想不管了,直接上 alpha 版來用。 Hooks »

輕鬆寫存取 api 的 Redux action

在初學使用 Redux 的疑惑中,一個是不知道要怎麼處理 async 的情形,尤其是 api call 的 action。要寫很多 code 是一個(所謂 boilerplate),是另外一個。 這個可能跟 Redux 官方的教學有關。例如 Redux 官方的 「real word example」 »

那些在 Redux 裡的 MobX 模式

自從 Redux 發表以後,因為酷炫(?)的 time machine 功能以及簡單的API而大受歡迎,成為 React 世界裡最受歡迎的狀態(state)管理工具。雖然 time machine 功能我自己從來沒有用過,不知道實際上到底實不實用。 不過雖然 Redux 跟 React 的搭配相當普及,可是好像很多人在用 Redux 的時候沒有一併接受 »

每24個月,前端都會簡單一倍

之前看到「每18至24个月,前端都会难一倍」這句話時(2015)的反應,是覺得其實應該是反過來的,前端是越來越簡單的才對。過了兩年,還是依舊覺得... 因為現在的這份的工作有不少legacy code(第一份有legacy code的工作!),在遇到在維護legacy code的部分時,會發現跟現在類似互動程度的前端UI,以前用jQuery實現的程式碼超級長,而且我總是看不懂是在寫什麼,所以在維護legacy code時總覺得工作非常困難。跟現在的程式碼兩相對比之下讓我更深刻的體驗了寫前端真是越來越簡單。 更新UI越來越簡單 更新UI越來越簡單應該是前端人都有體會。(2010) jQuery是直接對DOM做操作, »

痛苦太多 收穫太少

在 A List Apart 最新發表的一篇關於 CSS 寫法的文章 Meaningful CSS: Style Like You Mean It 裡,作者重新推廣所謂的 semantic, meaningful CSS。我蠻驚訝 A List Apart 會上架這篇文章,因為 A »

UI, UX, designer

什麼是 UI,什麼是 UX?這種問題從索緒爾/結構主義語言學的角度來看是沒有(標準)答案的,因為詞彙與意義之間的對應關係不是因為詞彙與意義之間有個聯繫而產生,意義是因為詞彙在脈絡(context)之中的參照而產生的。換句話說,一個詞彙的意義只有看完句子的上下文,這個句子的上下句,甚至可能要看整篇文章,甚至收錄這篇文章的書,才可能產生。 但是沒有答案不代表這個問題沒有意義。會一直有人問這個問題,與大量「什麼是 UI / UX」 又彼此見解相異的文章代表了這個 UI »

Bootstrap V4

http://v4-alpha.getbootstrap.com/components/utilities/ 經過一年的開發,Bootstrap V4 發佈了。UI 外觀上沒有什麼變化主要是程式碼的進步,引進新的技術 ———— 主要是 flexbox 和 ES6。 對於 flexbox ,bootstrap 文件是這樣說: In a nutshell, flexbox provides »

網頁設計,是你認為的好工作?—馬克思主義的觀點

投影片:Speakerdeck 這是我這次在 ModernWeb Conf 2015 的演講,嘗試用馬克思主義的角度來分享一點我工作一些年來的一些感想。這些感想是起源於現在台灣的勞動環境實在不佳,被稱為「鬼島」。但是為什麼我自己卻沒有別的勞動者遇到的問題呢?這當然不是因為我比較優秀,這點自覺我還是有的。 這是第一次在大型研討會演講,所以蠻緊張的,尤其是會議室居然坐滿了。結果很多本來想舉的例子沒有舉出來。像是在講「異化」的時候本來想講我從《不理性的力量》這本書看到的例子。《不理性的力量》裡面關於工作意義的實驗非常有趣,《不理性的力量》 »

連寫 style guide 也是用 reactjs 最方便

ReactJS 用一陣子後,真是覺得越用越喜歡。現在還發現一個 ReactJS 的妙用,那就是建 Style Guide。我們都知道 CSS 也應該寫文件,最好寫得像 Bootstrap 的一樣方便好用。不過寫文件大家也知道是一件麻煩事,所以就有一些工具來幫忙。 一種工具是讓你在 CSS 上寫註解,然後再 parse 這個註解,像是你寫的 HTML 範例, »