我需要在網站中使用台灣的金流，我是個人網站，我也沒有商業登記，美國的 PayPal、Stripe 都可以，所以就做了一些研究，我想這研究也許其他人也會需要，所以就把我的分析寫在這裡，這份分析很主觀，只能說是我個人的看法，如果我有對個別公司的...
我有一個免費網站，它有 Google AdSense，倒也不是想要靠 AdSense 賺大錢，但是如果能多少補一些網站代管費用，總是好事。 這網站的流量上上下下，有一陣子還不錯，日流量幾千人，但是最近又掉了下來，低的時候就幾百，有趣的是，...
如果你跟我一樣也是用 letsencrypt 的 SSL，有可能你也已經看到這個：
很簡單嘛，看英文說故事，就是 certbot-auto 不支援你的系統了，那到底是系統中的那一個部分造成的呢？Linux 版本？Python 或是 P...
UJS 是啥？ 寫 Rails 的人，一定會常聽到 UJS，但是 UJS 到底是啥？我想很多人也不會去深度研究，反正，好像也感覺不到，直到有一天，被咬到了，才會「哇」，笑。 UJS 是 Unobtrusive JavaScript 英文...
俗話說沒有安全就沒有一切，若在網站開發的同時能多注意資訊安全，日後可大幅降低補救資安漏洞所造成的維護成本。這篇是我初學Rails找到與資訊安全常見問題與解決方法，原文作者Ilya Bodrov，篇名為Common Rails Security ...
有沒有辦法讓Google 關鍵字搜索找的到的第三篇：寫 Metatag 及 OG Metatag 及 OG 基本上就是告訴搜索引擎個別網頁要怎麼被他們看到，這部分就很麻煩了，在開發的一開始，就要想的很清楚，你的每一個不同的網頁，要怎麼“...
又到了英文課時間了，今天要講的是 CSS 的 selectors 選擇器⋯⋯ 說笑了，其實，只是我自己想做個筆記，一切又是因為那個萬惡的 Turbolinks，我又碰到了奇怪的怪異 javascript 行為，一路查 Bug 到無解，因為 B...
Referer (Referrer) 是什麼？它是一個告訴後台這次拜訪者之前停留的網址，Wiki 就翻譯成參照網址，也算貼切啦。 Referer的正確英語拼法應該是referrer，但是由於早期 HTTP 規範拼錯了，為保持向下相容，所以就...
如前文所述，Flutter 有四種 Navigation & Routing 的方式：
我們已經學過了「N1／直接導航法」，這種直接導航的方式，說直白的，就是把要去的 screen 包成一個 Route，好處是很直接，小缺點是如果...
Bootstrap3 應該算是最流行的 CSS 架構了，用起來簡單，用的人也最多，用來做 RWD 響應式網頁開發也很快，對 RWD 設計，它有一個很方便的架構，但是，如果真的深入的用，就會碰到一些問題，我們就來看看一個常用的手機顯示順序與寬...
使用 responsive_framework 套件開發 Flutter Responsive 響應式 UX
要有好看的不發毛圖，就一定要使用向量圖，用 Adobe 的人，就一定知道 AI 跟 PhotoShop 的不同，在網頁中，就是要用 SVG，在 Rails 中要使用 SVG，其實很簡單，
方法一：植入法
其中最簡單的方法就是將 ...
現在的網頁開發已經離不該 JavaScript 了，JavaScript 開發的人大概都是用各自喜歡的開發平台，每天網路上的談論都是那個新平台好，那個不老，應該要學那個，最近最不熱門的應該就是 jQuery 了，很多人也已經棄船不用 jQu...
在 Rails ，最讓其他平台使用者攻擊的就是網站執行效率，效率這件事，有很多影響因素，像是 Ruby 的慢就是其中一個重要因素，但是要提高 Rails 的效率，Cache 就是其中很好的方法。 Rails 的 Cache 是建構在 Ca...
self.function 是個 instance，所以要用的時候，要先有這個 instance，譬如：foo.new；self.class.function 是個 class⋯⋯ 越聽越沒懂？沒關係，把它 puts 出來：
好啦好啦，我...
轉換 HTML 到 一般網頁上可以顯示的純文字... 簡單？ 其實，很不容易的，一般用 Rails 內建的 Strip_tags 以為就好，但是會碰到跳脫文字的問題：& > < ... 很多網路上的建議是用 gsub...
本篇詳細的介紹了怎麼在 Flutter 中分享一個功能，這也是 refactor 的一個很重要部分，我們把播音功能與介面獨立出來，現在可以很簡單的在不同的畫面分享共用。
前天，很高興的寫的廣告控制的後台，就快樂的上線了，寫完，當然也有好好的試過，上線後，用戶也用得很高興，就這樣，我又繼續寫其他的案子，但是今天一早，用戶就告訴我說，上傳的照片看不到了，我直覺的就是，好煩啊，一定是你自己沒上傳好，但是用戶最大，還是...
用「MailChimp」的API管理聯絡人Email有四個可能的模式設定：
這四個模式可真是“太聰明”，又，“太討人厭了”！
MailChimp真的老了，他們設了太多的使用限制，不再輕薄短小，不再能屈能伸了，不果網路...
「快樂錄音機」除了可以錄放音外，現在也可以將音檔存取在 Google 硬碟中了，透過 Google 硬碟，「快樂錄音機」也可以分享錄音檔了。 這是使用 Google Drive API v3 所開發的下載分享音檔功能動畫：
這是使用 G...
Unicode u2018 跟 u2019，也就是英文稱為 Smart Quotes 或是 Curly Qoutes 的 ‘ ’ 一對寶，這是個很神奇的字符，當在特定狀況時，瀏覽器會在前或後面自己加“空白”，而且有問題的話，問題會發生在英文版...
寫這個很心虛，因為有太多的不確定，我也是剛在摸索，我當作是紀錄，有緣的讀者就當作是笑話來看吧。
我想大家辛苦做出來的網站上線後，不管是被 PageSpeed Insights 建議，或是要用 CDN，或是自己突然想到，大概都會把 HTTP...
網站上線一段時間後，當你的使用者越來越多時，這時就會有無聊的「駭客」開始對你的網站做奇怪的攻擊，我不喜憨叫他們「駭客」，因為這個名稱已經被「美化」了，好像是個驕傲，其實，他們就是爛咖，就是令人討厭的夭壽鬼，所以我就叫他們是夭壽鬼，夭壽鬼有好幾種...
Lazy Loading 的重要： Lazy Loading 就是「懶惰的載入」。 目前 Lazy loading 都是用在圖檔，所以，Lazy Loading 就是：「懶惰的只載入網頁中看的到的部分圖檔」。有什麼用呢？有大用，而且很重要，...
這篇用了一萬多個字來仔細介紹 Google Drive API v3 在 Flutter 裡面的檔案存取用法，一定要抱怨一下， Flutter 的文件說明真是太不清楚了，花了很多時間錯誤嘗試，才終於會動了。
我現在很常混合 Rails 與 Javascript Ajax，網頁互動性很好，又可以避開 Turbolinks 的倒退，很簡單好用，有時候，比寫 Link_to 還快，基本上，有兩種最常用的 AJAX:
一，按鈕做一件事 二，執行完後...
在網頁上排版，我們最常希望的就是設定一個固定大小的框，但是如果碰到中文與英文混合的情況，最討厭的就是，很難這定他們的長度與高度，怎麼弄他們的長度不一樣，下面就是一個例子：
也就是說，我們在 server 上，因為 UTF8 的不定碼數...
先寫結論，我認爲如果你只能買一台電腦，那就買 Mac，而且是一個好投資。 我個人的經驗也很有趣，因為我一開始其實是很排斥用 Mac 的！ 我寫 Rails 大概有五年了，而我的 MacBook Pro 卻已經有八歲了，所以，當我在學 Rail...
深入 CustomPaint()，導入多工 isolate() 計算複雜的波形資料，優化使用者體驗，正面對決巨量繪圖的挑戰
現在很多 Linux 版本中都沒有內建 mail 這個 MTA（Mail transfer agent，郵件傳送代理） 了，但是 mail 用起來真的很方便啊，最好用的就是像這樣簡單的一行指令，就可以送出很棒有標題內文的郵件： echo "M...
